Astro framework — prečo je 3× rýchlejší ako WordPress (a kedy nie)
Astro 5 dosahuje ~3× lepšie Core Web Vitals ako WordPress, hosting je zadarmo cez Cloudflare Pages a build trvá sekundu. Toto je z prvej ruky — môj vlastný stack. Plus kedy Astro NEDÁVA zmysel.
Načítaj túto stránku. Trvalo to menej ako sekundu, žiadny spinner, žiadny flash of unstyled content. To je Astro. Tento web — všetko od homepage cez cenník po tento blog — beží na Astro 5 + TypeScript a hostuje sa zadarmo na Cloudflare Pages. Nie je to teória z marketingovej brožúry, je to môj produkčný stack. Píšem to z prvej ruky, nie z dokumentácie.
TL;DR: Astro je statický site generator (SSG) s tzv. islands architecture — zero-JS by default, hydration len tam kde reálne potrebuješ interaktivitu. Dosahuje ~3× lepšie Core Web Vitals ako typický WordPress (~60–70 % pass rate vs ~30–40 %), Lighthouse 95–100 out-of-box, hosting zadarmo na Cloudflare/Netlify/Vercel. Ideálny pre prezentačné weby, blogy a marketing landing pages. NIE je ideálny pre real-time aplikácie, multi-author redakcie s netechnickými editormi alebo WooCommerce-level e-shopy.
Aktualizované: 05/2026. Benchmarky pochádzajú z HTTP Archive Web Almanac 2025 a vlastných meraní na produkčných weboch.
Čo je Astro
Astro vznikol v roku 2021 ako experimentálny projekt Frasa Caina (autor Snowpack), prvá stable verzia (1.0) vyšla v auguste 2022. Astro 5 je aktuálna major verzia, vydaná v novembri 2024.
Tri základné koncepty:
1. Statický site generator s islands architecture. Astro renderuje HTML na build time — žiadny PHP runtime, žiadny Node server per request. Výsledok je čisté HTML + CSS + (voliteľne) malé JavaScript ostrovčeky tam, kde ich naozaj potrebuješ (carousel, formulár, dark-mode toggle). Toto je opak React/Next.js, ktoré default hydratujú celú stránku.
2. Framework-agnostic. Komponenty môžeš písať v Astro syntaxe (HTML + frontmatter, podobné Markdownu s JSX) ALEBO importovať React, Vue, Svelte, Solid, Preact, Lit. Mix-and-match v jednom projekte. Migrujem React komponent? Stačí ho dropnúť.
3. Content-first. Astro od začiatku optimalizuje pre content-driven weby — blogy, dokumentáciu, marketing, portfólia. Content Collections so Zod validáciou ti dajú typed Markdown out-of-box.
Kde Astro stojí vs konkurencia:
| Framework | Typ | JS by default | Best for |
|---|---|---|---|
| Astro | SSG + islands | 0 KB | Content weby, blogy, marketing |
| Next.js | SSR/SSG/ISR | Full hydration | Apps, dashboardy, e-commerce |
| Gatsby | SSG | Full hydration | Content weby (ale stagnuje) |
| Hugo | SSG (Go) | 0 KB | Blogy, docs (rýchly build) |
| 11ty (Eleventy) | SSG (JS) | 0 KB | Blogy, minimalist |
| SvelteKit | SSR/SSG | Hydratovaný | Apps s minimal JS |
Astro vyhráva tam, kde potrebuješ rýchlosť Hugo + flexibilitu Next.js + ekosystém npm.
Prečo je Astro naozaj rýchlejší — 3 dôvody
1. Zero-JS by default
WordPress page typicky obsahuje 150–500 KB JavaScriptu — jQuery (90 KB), Elementor scripty, plugin assets, analytics, chat widgety. Pri 4G mobile to znamená 200–500 ms na download + parse + execute.
React stránka (Next.js, Gatsby) je trochu lepšia (~80–200 KB), ale stále hydratuje celý DOM strom v prehliadači.
Astro page bez interaktivity = 0 KB JS. Doslova nula. HTML sa renderuje na build time a browser ho len zobrazí. Žiadny virtuálny DOM, žiadna hydration, žiadny runtime overhead.
Ak na stránke máš jeden interaktívny komponent (napr. carousel obrázkov), Astro pošle len JS pre tento jeden komponent — typicky 5–20 KB.
2. Build-time rendering
WordPress beží na PHP runtime — pri každom requeste server vykoná PHP, query do MySQL, render template, vráti HTML. Bez full-page cache (WP Rocket, LiteSpeed Cache) je TTFB (Time to First Byte) typicky 300–1 500 ms na shared hostingu.
Astro pre-renderuje všetky stránky pri npm run build. Output je flat priečinok HTML súborov + assets. Server (CDN) len servíruje statický súbor. TTFB na Cloudflare Pages je typicky 50–150 ms globálne, z najbližšej edge nody.
Build mojej syxii.com (18 stránok) trvá ~3 sekundy. WordPress sa pri každom requeste re-buildi.
3. Edge hosting
WordPress potrebuje server s PHP a MySQL — typicky shared hosting (WebSupport, Websunto) alebo managed (Kinsta, WP Engine). Geografická lokácia servera má zásadný vplyv: ak server stojí v Bratislave a klient čaká v Hamburgu, RTT pridáva 30–80 ms na každý request.
Astro statický output sa nasadí na CDN (Cloudflare Pages, Netlify Edge, Vercel Edge). Súbory sú replikované do 200+ lokácií globálne. Klient v Hamburgu dostane súbor z frankfurtskej edge nody, klient v New Yorku z newyorskej. Latencia konzistentne pod 100 ms odkiaľkoľvek na svete.
Reálne čísla — Core Web Vitals
Toto nie sú marketingové claimy. HTTP Archive Web Almanac 2025 robí ročný snapshot ~10 miliónov produkčných webov. Toto sú reálne dáta:
| Metric | Astro statický | WordPress typický | Rozdiel |
|---|---|---|---|
| LCP (Largest Contentful Paint) | 0.8–1.5 s | 2.5–5.0 s | 3–4× lepšie |
| INP (Interaction to Next Paint) | 50–150 ms | 200–800 ms | 4× lepšie |
| CLS (Cumulative Layout Shift) | 0.0–0.05 | 0.1–0.4 | 4–8× lepšie |
| TTFB (Time to First Byte) | 50–150 ms | 300–1 500 ms | 6–10× lepšie |
| Lighthouse Performance | 95–100 | 50–70 | ~2× lepšie |
| CWV Pass Rate | ~60–70 % | ~30–40 % | ~2× lepšie |
| Bundle size (JS) | 0–50 KB | 150–500 KB | 10× menej |
Core Web Vitals sú od júna 2021 oficiálny ranking faktor Google Search. Ak tvoja konkurencia má LCP 4 s a ty 1 s, Google ti dáva preferenciu pri zhruba rovnakej obsahovej relevantnosti.
Moja syxii.com má aktuálne Lighthouse skóre 98–100 na všetkých stránkach, LCP ~0.7 s, INP <100 ms, CLS 0.
Čo dostávaš v Astro 5
Astro 5 (november 2024) priniesol niekoľko features, ktoré reálne použijem na každodennej báze:
Content Collections so Zod validáciou
Blog posty, produkty, prípadové štúdie — všetko ako typed Markdown. Schema definujem v src/content/config.ts:
import { defineCollection, z } from 'astro:content';
const blog = defineCollection({
type: 'content',
schema: z.object({
title: z.string(),
excerpt: z.string(),
publishedAt: z.coerce.date(),
featuredImage: z.string().optional(),
}),
});
export const collections = { blog };Ak v Markdowne zabudnem title, build zlyhá s jasným error message. Žiadne tiché chyby v produkcii. WordPress equivalent je custom field plugin + manuálna validácia.
View Transitions API
Native browser API pre plynulé prechody medzi stránkami — SPA feeling bez SPA bundle. <ClientRouter /> komponent ti dá 60 fps prechody s 0 KB ďalšieho JS (browser API).
Server Islands
Selective hydration na server-side. Časť stránky môže byť statická (cache navždy), iná časť server-rendered per request (napr. počet aktuálnych klientov, recent prices). Best of both worlds.
TypeScript first-class
Astro je napísané v TypeScripte a .astro súbory natívne podporujú TS v frontmatteri. Žiadny @ts-check hack, žiadne tsconfig šamanstvo. Type safety od dňa 1.
Built-in image optimization
<Image> komponent z astro:assets automaticky:
- konvertuje PNG/JPG → AVIF/WebP (50–80 % menšie súbory)
- generuje responsive
srcset - pridáva
width/height(zero CLS) - lazy-loaduje below-the-fold images
WordPress equivalent je Smush + WP Rocket plugin a ručná konfigurácia.
Hosting náklady — porovnanie
Tu je rozdiel najbrutálnejší. Astro statický output môžeš hostovať úplne zadarmo v produkcii.
| Platforma | Cena | Limit |
|---|---|---|
| Cloudflare Pages | 0 €/mes | 500 buildov/mes, unlimited requests + bandwidth |
| Netlify | 0 €/mes | 100 GB bandwidth/mes, 300 build min/mes |
| Vercel (Hobby) | 0 €/mes | 100 GB bandwidth/mes, non-commercial |
| GitHub Pages | 0 €/mes | 100 GB bandwidth/mes, public repos |
Pri prekročení limitov Cloudflare Pages Pro stojí 20 USD/mes s 5 000 buildmi a stále unlimited bandwidth.
WordPress potrebuje server s PHP + MySQL:
| Platforma | Cena | Poznámka |
|---|---|---|
| WebSupport shared | 4–15 €/mes (~60–180 €/rok) | Slovenský host, dobrá podpora |
| Websunto shared | 5–20 €/mes (~60–240 €/rok) | Alternatíva WebSupportu |
| Kinsta managed WP | 35–115 €/mes (~420–1 380 €/rok) | Performance-focused |
| WP Engine | 25–290 €/mes (~300–3 480 €/rok) | Enterprise WP hosting |
3-ročný hosting náklad:
- Astro na Cloudflare Pages: 0 €
- WordPress shared: 180–540 €
- WordPress managed: 1 260–10 440 €
Plus pri WordPresse rátaj s pravidelnými PHP version upgrade migráciami a security patchmi.
Kedy Astro NEDÁVA zmysel — úprimne
Toto je sekcia, ktorú marketing materiály Astro nepíšu. Ale je dôležitá. Astro nie je univerzálna odpoveď.
1. Content-heavy weby s netechnickými editormi
Astro content workflow je Git + Markdown. Ak má tvoj content tím marketing manager, ktorá nikdy nepoužila Git a Markdown ju desí — narazíš na adopčnú stenu. WordPress admin UI s WYSIWYG editorom je tu objektívne lepší pre netechnických editorov.
Workaround: Astro + headless CMS (Sanity, Strapi, Contentful, Storyblok) — content tím má WYSIWYG, developer má rýchly frontend. Ale to už je 2 systémy na údržbu a vyšší setup cost.
2. Multi-author redakcie s rolami a workflow
Drupal a WordPress majú zabudovaný user role system: editor, contributor, reviewer, publisher. Workflow schvaľovania, draft/published states, scheduled publishing s tímom 5+ ľudí. Astro to nemá natívne.
Verdict: Pre redakciu s 5+ autormi a schvaľovacím workflow zostaň pri Drupali / WordPresse alebo prejdi na headless CMS.
3. Real-time aplikácie
Chat, dashboard s live dátami, kolaboratívny editor, gaming UI. Tu potrebuješ WebSockets, server actions, SSR, granulárnu hydratáciu. Astro Server Islands sú step v správnom smere, ale Next.js, Remix, SvelteKit sú zrelšie pre tieto use cases.
4. WooCommerce-level e-shopy s tisíckami produktov
Ak potrebuješ:
- Product variants, complex inventory
- Slovenské platobné brány (Comgate, GoPay, ČSOB)
- DPH evidencia, EU OSS, fiškálne pokladne
- Plugin ekosystém (recenzie, lojalita, abandoned cart)
WooCommerce (~13 miliónov inštalácií) vyhráva drvivo. Astro + Snipcart/Shopify Storefront API zvládne 50–200 produktov, ale nad to sa rozsypeš.
5. Projekty s prísnym timelineom kde sa nedá učiť
Ak máš deadline 2 týždne a tvoj tím vie len WordPress, použi WordPress. Učiť sa nový framework počas live projektu je recipe for disaster. Nový stack zvoľ pri novom projekte s priestorom na onboarding.
Migrácia z WordPress na Astro — čo zachováš
Bežná obava: „Stratím SEO, ak migrujem z WordPressu?” Odpoveď: nemusíš stratiť nič, ak migráciu naplánuješ správne.
1. URL štruktúra. Astro umožňuje custom routing — môžeš zachovať /blog/clanok-nazov/ aj /sluzby/web-dizajn/. Ak meníš štruktúru, generuj redirect mapu (_redirects súbor pre Cloudflare/Netlify) s 301 redirectmi z starých na nové URL.
2. Content. WordPress má export do XML (WXR formát) cez Tools → Export. Existuje viacero parserov (wp-to-astro, custom skripty), ktoré WXR → Markdown s frontmatterom. Obrázky stiahneš cez wget + <Image> komponent ich automaticky optimalizuje.
3. Schema.org štruktúrované dáta. V Astro <script type="application/ld+json"> v Layout.astro. Article, BreadcrumbList, FAQPage, Organization — všetko ako v WordPress (často lepšie, lebo máš full kontrolu, žiadny Yoast plugin overhead).
4. Meta tags + Open Graph. Per-page frontmatter (title, metaDescription, featuredImage) → renderované v <head>. Open Graph kontroluješ priamo, žiadny plugin abstrakcia.
5. Sitemap. @astrojs/sitemap integrácia generuje sitemap-index.xml automaticky pri každom builde. Submitneš do Google Search Console raz a sleduješ indexáciu.
6. Komentáre na blog. Toto je tricky bod. WordPress má built-in komentáre, Astro nie. Alternatívy: Disqus (free, ale ads), Giscus (GitHub Discussions, free, dev-friendly), utterances (GitHub Issues), alebo proste komentáre vypnúť a ponechať len kontakt cez email/social.
Pri správne plánovanej migrácii Google indexáciu nestratíš a často získaš boost — lepšie Core Web Vitals = lepší ranking.
Toto je môj stack — proof
Aby som nehovoril teoreticky: tento web — syxii.com — je live demo Astro 5.
| Položka | Hodnota |
|---|---|
| Framework | Astro 5.16.4 |
| Jazyk | TypeScript |
| Hosting | WebSupport SFTP (statický output, FTP deploy z GitHub Actions) |
| CDN | (planned: Cloudflare) |
| Lighthouse Performance | 98–100 |
| WCAG | AAA (kontrast 7:1+) |
| JS runtime overhead | minimum (islands len kde treba) |
| Build time | ~3 sekundy (18 stránok) |
| Deploy | git push origin master → CI/CD na FTP |
Nemusíš mi veriť — otvor https://syxii.com, pusti Chrome DevTools → Lighthouse → Performance audit. Skontroluj Network tab — uvidíš HTML, CSS, fonty. Žiadne masívne JS bundle.
To je dôvod, prečo pri klientskej zákazke navrhujem Astro skoro vždy: viem že to funguje, lebo ho používam každý deň. Nie je to teoretická odporúčačka.
Astro 6 — čo bude
Astro 6 sa očakáva v Q1 2026 (orientačne marec 2026). Plánovaný focus podľa verejnej roadmapy:
- Server actions improvements — typed RPC medzi frontend a server, lepšia integrácia s formulármi
- Better partial hydration — granulárnejšia kontrola nad islands
- Performance further — optimalizácia build pipeline
Presné dátumy a feature scope sa môžu zmeniť — sleduj blog.astro.build pre aktuálne info. Tento článok aktualizujem keď Astro 6 vyjde s finálnym changelogom.
Záver — kedy zvoliť Astro
Astro nie je univerzálna odpoveď. Ale pre ~70 % prezentačných webov v 2026 je objektívne optimum:
- Performance out-of-box (Lighthouse 95+, Core Web Vitals zelené)
- Hosting zadarmo (Cloudflare Pages)
- TypeScript first-class
- Nulová údržba (žiadny CMS, žiadne pluginy, žiadne security patche)
- Modern DX (Vite, HMR, TS)
Zvoľ Astro ak:
- Robíš prezentačný web, blog, marketing landing, portfólio, dokumentáciu
- Záleží ti na SEO a Core Web Vitals
- Chceš nízke long-term náklady (3-ročný TCO 2–3× nižší než WordPress)
- Máš (alebo vieš zaplatiť) developera s comfort s Markdown/Git
Zostaň pri WordPress / Drupal ak:
- Máš multi-author content tím s netechnickými editormi
- Potrebuješ WooCommerce-level e-shop
- Máš prísny timeline a zero priestoru na onboarding
Cenový rámec som rozobral v Cena webu na Slovensku 2026, porovnanie stackov (Drupal vs WordPress vs Astro) máš v decision matrix.
Súvisiace zdroje
- Drupal vs WordPress vs Astro — decision matrix — výber stacku pre tvoju situáciu
- Cena webu Slovensko 2026 — kde sa custom Astro web nachádza cenovo
- Drupal 7 EOL — 4 cesty — migrácia z D7 (vrátane Lite Migrácie na Astro 2 990 €)
- Progressive Web Apps 2025 — PWA features v Astro stacku
- Astro oficiálna stránka — docs, examples, integrations
Chceš Astro web pre tvoju firmu
web by syxii stavia statické weby na Astro 5 + TypeScript s WCAG AAA compliance a hostingom na Cloudflare Pages. Lighthouse 95+, build za 3 sekundy, údržba nula.
- BASIC 299 € — online vizitka (1–3 stránky)
- STANDARD 599 € — prezentačný web (5–8 stránok)
- PREMIUM 1 290 € — conversion-focused (10–15 stránok)
- BUSINESS 1 990 € — multilingual + copywriting v cene
Pre konkrétnu ponuku napíš na web@syxii.com — odpoveď do 24 hodín. Pošli link na súčasný web (ak máš), spravím rýchly audit zadarmo a navrhnem či má Astro pre tvoj prípad zmysel.
Disclaimer: Benchmarky v článku pochádzajú z HTTP Archive Web Almanac 2025, oficiálnej Astro dokumentácie a vlastných meraní na produkčných weboch. Astro 6 release date je orientačný, sleduj blog.astro.build pre aktuálne info.