Weby na Astro
Potrebuje váš obsahový web naozaj WordPress, alebo len rýchle stránky?
Staviam statické weby na Astro pre obsahové projekty, blogy a dokumentáciu. Načítajú sa takmer okamžite, nemajú pluginy na napadnutie a hosting stojí zlomok bežnej ceny.
Veľká časť firemných webov nepotrebuje databázu, prihlasovanie ani tridsať pluginov. Potrebuje dobre napísaný obsah, prehľadnú štruktúru a stránky, ktoré sa otvoria skôr, než to návštevník vzdá. Napriek tomu bežia na WordPresse, kde každé načítanie znamená spustenie PHP, dopyt do databázy a snahu jedno aj druhé zamaskovať cache. Funguje to, ale platíte za to rýchlosťou, prácou na aktualizáciách a rizikom, ktoré nemusíte niesť.
Astro je moderný nástroj, ktorý z vášho obsahu vygeneruje hotové HTML stránky. Na server sa nahrá statický výsledok, takže nie je čo počítať pri každej návšteve a nie je ani veľmi čo napadnúť. Nejde o krok späť k statickým stránkam z deväťdesiatych rokov. Obsah sa spravuje v Markdowne alebo v headless CMS, komponenty sa dajú písať v Reacte a interaktívne prvky fungujú presne tam, kde ich naozaj treba.
01
Ostrovná architektúra: JavaScript len tam, kde treba
Astro stavia na prístupe, ktorému sa hovorí ostrovná architektúra. Stránka sa odošle ako statické HTML a JavaScript sa načíta len pre konkrétne komponenty, napríklad vyhľadávanie, filter alebo formulár. Zvyšok stránky žiadny skript nepotrebuje. Rozdiel oproti bežnému frontendovému frameworku je citeľný najmä na mobile a na slabšom pripojení, kde sa väčšina času neminie na sťahovanie, ale na spracovanie skriptov. Komponenty sa pritom dajú písať v Reacte, ak ich už máte.
- Predvolene nula kilobajtov JavaScriptu
- Interaktívne komponenty ako samostatné ostrovy
- React, Vue alebo Svelte v jednom projekte
- Menší balík skriptov a rýchlejšia odozva
02
Core Web Vitals bez dodatočnej optimalizácie
Pri statickom výstupe sa rýchlosť nerieši dodatočne pluginom, ale vyplýva z toho, ako je web postavený. Server odosiela hotový dokument, obrázky sa spracujú do moderných formátov už pri zostavení a CSS sa načíta iba pre danú stránku. V praxi to znamená LCP pod jednu sekundu a stabilné rozloženie bez poskakovania obsahu. Výsledok meriam pred spustením aj po ňom, aby ste mali čísla, a nie iba tvrdenie, že web je rýchly.
- LCP typicky pod jednu sekundu
- Nulový layout shift pri správnych rozmeroch médií
- Obrázky v moderných formátoch automaticky
- Merateľný výsledok pred spustením aj po ňom
03
Pre aký obsah je Astro najvhodnejšie
Astro dáva najväčší zmysel tam, kde je jadrom projektu obsah. Firemné a produktové prezentácie, blogy, odborné magazíny, technická dokumentácia a znalostné bázy sú presne ten typ webu, ktorý sa dobre spravuje v Markdowne a dobre sa v ňom vyhľadáva. Zvládne aj stovky článkov bez toho, aby sa web spomalil, keďže sa každá stránka vygeneruje raz. Pri viacjazyčných weboch je výhodou, že jazykové verzie majú spoločnú štruktúru a nedá sa na ne zabudnúť.
- Firemné a produktové prezentácie
- Blogy a odborné magazíny
- Technická dokumentácia a znalostné bázy
- Viacjazyčné weby so spoločnou štruktúrou
04
Kedy zvoliť Astro a kedy zostať pri WordPresse
Astro neodporúčam vždy. Ak obsah denne upravuje viac redaktorov, ktorí očakávajú vizuálny editor, alebo ak web potrebuje e-shop, členskú zónu či rezervácie, WordPress zostáva praktickejší. Astro volím tam, kde sa obsah mení v rozumných intervaloch a prioritou je rýchlosť, bezpečnosť a nízke náklady na prevádzku. Existuje aj stredná cesta: obsah zostane vo WordPresse ako headless zdroj a Astro z neho postaví rýchly verejný web.
- WordPress, keď obsah denne upravuje viac redaktorov
- WordPress pri e-shope a členských zónach
- Astro, keď je prioritou rýchlosť a bezpečnosť
- Kombinácia: obsah vo WordPresse, výstup z Astro
05
Prevádzka, správa obsahu a cena
Statický web sa dá hostovať prakticky kdekoľvek, aj na službe za pár eur mesačne, a nepotrebuje PHP ani databázu. Odpadá tým aj pravidelné aktualizovanie pluginov a s ním väčšina bezpečnostných rizík. Obsah spravujete v Markdowne priamo v repozitári alebo cez headless CMS, ak ho má upravovať netechnický človek. Pracujem za 40 € za hodinu vrátane DPH, menší obsahový web na Astro sa orientačne pohybuje v 15 až 35 hodinách.
- Hosting bez PHP a databázy, často za pár eur
- Žiadne bezpečnostné aktualizácie pluginov
- Obsah v Markdowne alebo v headless CMS
- Menší web orientačne 15 až 35 hodín
?
Časté otázky o weboch na Astro
Koľko stojí web na Astro?
Menší obsahový web sa orientačne pohybuje v 15 až 35 hodinách, teda 600 až 1 400 € vrátane DPH pri sadzbe 40 € za hodinu. Rozsah mení počet typov stránok, jazykové verzie a to, či má obsah spravovať redaktor cez CMS.
Bude sa dať obsah upravovať bez programátora?
Áno. Ak obsah spravuje netechnický človek, napojím headless CMS s bežným editorom. Ak je autorom vývojár alebo technický redaktor, stačí Markdown priamo v repozitári a web sa po uložení sám znova zostaví.
Je Astro dobré pre SEO?
Áno, a to najmä z technickej strany. Vyhľadávač dostane hotové HTML, stránky sa načítajú rýchlo a metadáta, sitemapa aj štruktúrované údaje sa generujú automaticky. O pozíciách však stále rozhoduje obsah, nie zvolený nástroj.
Dá sa existujúci WordPress web previesť na Astro?
Dá, ak nemá e-shop ani prihlasovanie používateľov. Obsah sa dá exportovať a preniesť aj s pôvodnými adresami, aby ste neprišli o pozície. Pred prevodom vždy skontrolujem, ktoré funkcie by na statickom webe chýbali.
Zvládne Astro formuláre a vyhľadávanie?
Zvládne. Formuláre rieši externá služba alebo malá serverová funkcia, vyhľadávanie sa dá pripraviť už pri zostavení webu. Interaktívne časti tak fungujú bez toho, aby celý web musel bežať na serveri.
Zvažujete Astro namiesto ďalšieho WordPressu?
Napíšte mi, o aký obsah ide a kto ho bude spravovať. Poviem rovno, či je Astro lepšia voľba, alebo by vám zbytočne skomplikovalo život.
Prebrať web na Astro