“That's it! I'm done with Webflow! It's been nothing but a nightmare. We're moving to a headless CMS, and we're doing it now. No more wasting time!...
For further actions, you may consider blocking this person and/or reporting abuse
Site looks good, but you may want to re-check your scores?
You may have run the desktop checks by mistake (desktop checks are pointless, any site can get 90+ for speed). Run the mobile tests instead. 💗
You were right - and thanks for reaching out to us. We've gone through the webpage and speed it up a bit.
It was mostly about built-time optimizations and tweaking some configs (mostly Sentry, we still have some issues on that side of things - see sentry-javascript#4712.
Now the score is around 75 on mobile and 100 on desktop - still not great, but respectable.
Will update the blog accordingly. Here are the links to the reports: mobile and desktop.
My impression is that reports can vary by location/your own network. I think there are tools that can run similar reports from standardized locations.
Yes, it is quite finicky. But it is at least some sort of an indication. On the other hand, you must not optimize just for the score here but for your actual users of the website.
Thanks for the feedback, good point, working on it! 🎯😄
Good website but I am just curious why you were going with the NextJS? Is it because devs are familiar with it, because it is popular or there are some other arguments?
This is content-heavy website and I don't see why not using Astro for it. It also integrates just fine with PayloadCMS.
Astro is great, no doubt. It is just that we have an entire dev pipeline set up around NextJS. Do you use Astro at your end? Would you recommend we try it out?
I find your reasoning valid - if you have the whole pipeline already done, why reinventing the wheel.
I use both Astro and Next, depending if the project is more content-heavy or more app-like (Astro for content, Next for app).
On the last Astro project I did, I used the island component architecture, its ridiculous how easy it is. You basically have Astro components (it looks like html template where you can pass props) that are static and you can just inject react/solid/svelte/vue/whatever components that are dynamic. Use nanostores with local storage for global state if you need it and that's it. SEO is also easy to setup. Like Next it also has dynamic routing (ex: products/[product].astro).
For data you can use JSON, Markdown, headless CMS, pocketbase, firebase... you get the picture.
On that project Lighthouse is 100, gtmetrix is 100% A grade over all statistics, time to first paint is under 200ms, around 600ms to fully functional page. I am talking about marketing website with lots of products, images and product specifications, adding products to cart, contact form that receives products from cart, inline validation and whatnot.
I recommend you to try it on some small side project to check it out to see if it fits your usual use cases.
Will do, Astro seems to tick quite a lot of checkboxes :)
Im interested in that Astro knowledge @pozda did you learn everything through docs + building? Ty!
@eddsaura - That's the way I learn/try new things, so yeah, a lot of documentation reading, building what I need and fidgeting with already available themes on Astro's website - this provides accelerated understanding on different patterns and setups.
Astro islands and nanostores are very easy to understand from the documentation.
I agree, that would be interesting.
Wow, this website is so modern. I like it!
Thank you for sharing your story! I suppose there are many companies going through this rabbithole...
Let's goooo!
Great case, Payload CMS rocks
Great experience! Thanks for sharing!
Try opening the page on slow connection. The first page view has some flickering which you might want to remove.
Huh, thanks for reporting it. Will check. There is still a few things we need to iron out
Fixed! Thanks for telling us
Nice looking site and I liked reading your thought process. There seem to be some color contrast issues, so you could boost your accessibility by fixing those.
Saludos crack. La verdad, se ve genial tu website. Me gusta mucho el estilo y la diagramación.
Pero tengo que estar en desacuerdo con lo que hablas de rendimiento en Wordpress. Las métricas que generan tu website, tranquilamente se pueden llevar al 98%-100% (Desktop y Mobile) en PageSpeed creando el mismo website en Wordpress haciendo uso de correctas prácticas de construcción.
Y esto es utilizando un hosting económico compartido.
Con un hosting de mejor calidad, Cloudflare y WordPress. Se puede lograr websites con un rendimiento por debajo de 1.5s en MOBILE.
Solo es cuestión de conocer las buenas prácticas de construcción dentro de la herramienta.
Saludos!
I'm curious about whether you considered just a standard CMS vs. headless?
Standard CMS would lock us into a whatever frontend technology it uses. We wanted to stick to what we know best, which is Next.js. And Payload simply won 😁 you can read more in this blog, though it only considers headless ones.
Do you have any specific CMS in mind?
I mean, it's so good looking I would let it load.
Is there a loading screen example of before and after?
This looks amazing, well done!
not gonna lie, Ziga, the website is so sleek and feels intuitive 😀. I'm curious though—your team seems like the kind I would love to work with.
What would it take to join you?
To be honest - I like the old page better (sorry)
Wait nevermind, the site looks better than the screenshots
I agree, that would be interesting.
Nice article. But there's a scrolling issue on my end. Sometimes the page cannot be scrolled with mouse's scroll, and it works fine with touchpad's scroll.
Huh, thanks for reporting - will check