Astro framework — prečo je rýchlejší ako WordPress

Načítaj túto stránku. Ž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 ako statický výstup na bežnom slovenskom hostingu. 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. Vďaka tomu sa Core Web Vitals dajú dosiahnuť oveľa ľahšie než pri WordPresse s množstvom pluginov a hosting môže byť zadarmo (napríklad na Cloudflare Pages alebo Netlify). 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é: 10/2026. Prahy Core Web Vitals pochádzajú z dokumentácie Google (web.dev), limity hostingov z dokumentácií poskytovateľov, technické fakty o Astro z jeho oficiálnej dokumentácie.

Čo je Astro

Astro vznikol v roku 2021 ako experimentálny projekt Freda K. Schotta (autor Snowpacku), prvá stable verzia (1.0) vyšla v auguste 2022. Astro 5 vyšlo v decembri 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 klasických React aplikácií, ktoré 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:

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 stránka s page builderom a pluginmi často načítava jQuery, skripty page buildera, assety pluginov, analytiku a chat widgety. Každý z nich sa musí stiahnuť, spracovať a vykonať, čo je na mobilnej sieti citeľné.

Klasická React stránka (napríklad Gatsby alebo Next.js s Pages Routerom) je zvyčajne ľahšia, ale hydratuje celý strom komponentov 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.

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) na shared hostingu zvyčajne dlhší.

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, na CDN z najbližšej edge nody, takže TTFB býva nízky.

Build mojej syxii.com (24 stránok) trvá pár sekúnd. WordPress pri každom requeste spúšťa PHP a dopyty do databázy.

3. Edge hosting

WordPress potrebuje server s PHP a MySQL — typicky shared hosting (WebSupport, Forpsi, Active24) alebo managed (Kinsta, WP Engine). Geografická lokácia servera má zásadný vplyv: ak server stojí v Bratislave a klient čaká v Hamburgu, každý request si nesie sieťovú latenciu.

Astro statický output sa nasadí na CDN (Cloudflare Pages, Netlify Edge, Vercel Edge). Súbory sú replikované do mnohých lokácií globálne. Klient v Hamburgu dostane súbor z frankfurtskej edge nody, klient v New Yorku z newyorskej.

Core Web Vitals — čo sa meria a ako pomáha statický výstup

Core Web Vitals sú trojica metrík, ktorými Google meria zážitok z načítania stránky. Prahy „dobrý” podľa dokumentácie Google (web.dev):

Porovnanie podľa technológií (WordPress, Astro a ďalšie) zverejňuje HTTP Archive vo Web Almanac 2025; konkrétne čísla si pozri tam, v článku ich neprepisujem.

Core Web Vitals sú od júna 2021 súčasťou signálov Page Experience v Google Search. Je to jeden z mnohých signálov, nie záruka pozícií.

Na vlastnom webe si ich môžeš odmerať sám — postup je pri tabuľke „live demo” nižšie.

Čo dostávaš v Astro 5

Astro 5 (december 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 využíva natívne View Transitions API prehliadača.

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 (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 najväčší. Astro statický output môžeš hostovať v rámci limitov bezplatného plánu aj v produkcii — pri firemnom webe však sleduj aj podmienky použitia (Vercel Hobby je len na nekomerčné osobné použitie, GitHub Pages nepovoľuje online biznis, e-shop ani komerčnú SaaS službu).

Limity podľa dokumentácie poskytovateľov (stav k októbru 2026); aktuálny stav si over u nich. Pri vyšších potrebách má Cloudflare Pages platený plán s vyšším limitom buildov; cenu si over v jeho cenníku.

WordPress potrebuje server s PHP + MySQL, takže bezplatný statický hosting nejde použiť:

Ceny hostingov pre WordPress tu zámerne neuvádzam; porovnaj si ich v cenníkoch poskytovateľov. Navyše 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 väčším tímom. Astro to nemá natívne.

Verdict: Pre redakciu s viacerými 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 vyhráva drvivo. Astro + Snipcart/Shopify Storefront API zvládne menší katalóg, pri veľkom katalógu narazíš na limity.

5. Projekty s prísnym timelineom kde sa nedá učiť

Ak máš krátky deadline 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ď: pri správne naplánovanej migrácii sa tomu dá predísť.

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 so 301 presmerovaniami je riziko straty indexácie nízke. Garantovať sa však nedá nič — výsledok závisí od konkrétneho webu.

Toto je môj stack — proof

Aby som nehovoril teoreticky: tento web — syxii.com — je live demo Astro 5.

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.

Novšie verzie Astro

Tento článok opisuje Astro 5, na ktorom beží tento web. Aktuálny stav vývoja Astro nájdeš na blog.astro.build.

Záver — kedy zvoliť Astro

Astro nie je univerzálna odpoveď. Ale pre väčšinu prezentačných webov v 2026 je to podľa mňa najlepšia voľba:

• Dobrý výkon hneď po nasadení
• Hosting aj zadarmo (napríklad Cloudflare Pages)
• TypeScript first-class
• Menej údržby (žiadny CMS ani pluginy, ktoré treba aktualizovať; hosting, doména a obsah ostávajú — ak to nechceš riešiť sám, robím VIP Care za 79 €/mes)
• 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š nižšie dlhodobé náklady na prevádzku
• 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 migrácie na statický Astro web)
• Progressive Web Apps 2025 — PWA features v Astro stacku
• Astro oficiálna stránka — docs, examples, integrations

---

Chceš Astro web pre tvoju firmu

Ako web by syxii staviam statické weby na Astro 5 + TypeScript s prístupnosťou WCAG 2.1 AA.

• Jednoduchý web od 299 € — jedna stránka alebo pár podstránok
• Prezentačný web od 599 € — viac podstránok a blog
• Aplikácia alebo web na mieru — cena po krátkej analýze

Pre konkrétnu ponuku napíš na web@syxii.com. Pošli link na súčasný web (ak máš). Prvý rozhovor je zdarma a spolu zistíme, či má Astro pre tvoj prípad zmysel.

Disclaimer: Článok vychádza z oficiálnej dokumentácie Astro, z prahov Core Web Vitals podľa Google (web.dev) a z dokumentácií hostingových služieb (limity bezplatných plánov k máju 2026). Aktuálne limity vždy over u poskytovateľa.