Great website performance and top notch Core Web Vitals are key to ensuring your site is fast, accessible and ranks well in search engines. From Ja...
For further actions, you may consider blocking this person and/or reporting abuse
Taking on the migration from Next.js to 11ty was likely - significant.
Given the predominant values among those who already have adopted Next.js (e.g. for their blog) I suspect having to trade component centric development for templating (including JavaScript templates) would be a hard sell (***).
Astro could be seen as an alternative, capable of producing similar results without having to sacrifice the amenities of their chosen component framework.
(*** Though 11ty is an excellent choice for developers learning HTML/CSS/JS; allowing them to create static web sites with build-time JavaScript rather than immediately diving into a JavaScript heavy tool for client-side rendering.)
You're not wrong! I've got a blog post in the works that will explain my process... kind of an "Eleventy for Next.js developers" approach.
Astro is next on my list to look at for a project I'm working on!
I would implement the ways you mentioned in one of my prod application. Tbh I always looked for lighthouse and worked on improving the score. The tools you mentioned seems pretty cool and useful, thanks for writing
So happy to help, Aniket!
Love a good performant site. Frameworks like react are so good when you need them, but really add kb's with little benefit.
I would be interested to hear how 11ty compared to sapper?
You can run the measurement yourself against the current deployment; performance is 26.
Sapper has been replaced with SvelteKit - but as it is still based on a client-side rendered framework it still has to hydrate on the client-side - something a typical 11ty site doesn't have to do (unless something like Slinkity is used to support client side components).
I’ve come so far since I built that site. Don’t even look at how big that banner image is 😵💫 I could definitely optimise this site but… won’t fix 😂