Sekunda dole
Vždycky mě bavilo až hyperoptimalizovat, a tak jsem udělal radikální řez: svůj web jsem přepsal z Next.js na Astro. Výsledek? V PageSpeed Insights jsem ušetřil celou vteřinu na načítání.
Next.js vs. Astro
Next.js je fantastický framework, o tom žádná. Je to plnohodnotné řešení se vším všudy a silným ekosystémem, ideální pro velké, dynamické aplikace a e-shopy. Ale pro můj jednoduchý, obsahově zaměřený blog, mi Next.js začal připadat jako zbytečný.
A tady přichází na scénu Astro. Astro je framework pro obsahově bohaté weby
, jehož filozofie je jednoduchá:
Odesílat co nejméně JavaScriptu do prohlížeče. Tím se jednak přenese mnohem méně dat, a načítání je rychlejší, ale
hlavně se web ani nehydratuje (což je náročný proces), takže hned od začátku jede web rychle.
Svelte, nová práce a Astro
Nedávno jsem začal pracovat u společnosti Fastest a tam se primárně zaměřujeme na Svelte. Tato zkušenost mi celou migraci do Astra nesmírně usnadnila.
Astro komponenty mi syntakticky přišly okamžitě povědomé. Jsou psané ve formátu *.astro a jejich struktura je velmi
intuitivní. Ale to hlavní: Svelte komponenty jsou plně kompatibilní s Astrem! Mohl jsem vzít existující Svelte
komponenty z jiných projektů a vložit je přímo do svého Astro webu. Žádné zbytečné React wrapperování. (To jsem ale
neudělal, protože jsem chtěl mít čistý Astro projekt.)
Závěr: Rychlost mluví za vše
Když jsem porovnával skóre v PageSpeed Insights před a po migraci, rozdíl byl ohromující. Ta jedna sekunda, kterou jsem ušetřil, se zdá jako málo, ale pro uživatele je to znatelný rozdíl. Lepší UX, lepší SEO a prostě radost z rychlého webu. Astro Vám jedině doporučuji.