Ako je postavený tento web a prečo je rýchly
Stručne: barnas.sk je osobná stránka napísaná v čistom HTML, CSS a JavaScripte, bez WordPressu a bez ťažkých knižníc. Na mobile stiahne približne 60 až 80 kB a v Google PageSpeed má rýchlosť 99 až 100 zo 100. Tento článok ukazuje, čo za tým je, aby ste si to vedeli porovnať so svojím webom.
Koľko to namerala kontrola
Meral som 31. 10. 2026 na živom webe. Skóre je z Google PageSpeed v režime pre mobil, dáta z prehliadača pri prvej návšteve s vypnutou vyrovnávacou pamäťou a bez súhlasu s meraním návštevnosti.
- Hlavná stránka: rýchlosť 99, ostatné tri kategórie 100. Prvý obsah za 1,0 s, hlavný obsah za 1,2 s. 7 súborov, spolu 81 kB.
- Podstránka služby: všetky štyri kategórie 100. Prvý aj hlavný obsah za 0,9 s. 6 súborov, spolu 64 kB.
- Článok v blogu: 5 súborov, spolu 54 kB.
Výsledok sa pri každom meraní mierne líši. Svoj web si môžete porovnať v teste webu.
Prečo je taký ľahký
- Žiadny systém navyše. Stránky sú hotové súbory. Server ich len pošle a nemusí ich pri každej návšteve skladať z databázy.
- Vlastné písmo uložené na webe. Jeden súbor s 36 kB, orezaný na znaky, ktoré sa tu používajú, vrátane slovenskej diakritiky. Nič sa nesťahuje od Googlu.
- Malá fotka v modernom formáte. Portrét má vo formáte AVIF 18 kB a na mobile sa posiela v primeranej veľkosti.
- Skripty až vtedy, keď sú potrebné. Cenník, test webu či formulár sa načítajú, až keď sa k nim návštevník priblíži.
- Animácie cez CSS. Prehliadač ich zvláda bez ťažkých knižníc a kto má v zariadení obmedzené animácie, nevidí ich.
- Meranie návštevnosti až po súhlase. Google Analytics sa načíta, len keď s ním návštevník súhlasí.
Kedy takýto web nestačí
Takto postavený web je vhodný pre osobnú stránku, živnostníka alebo menšiu firmu, ktorá obsah nemení každý deň. Nemá však prihlásenie, v ktorom by ste si bez znalosti kódu pridávali stránky. Ak chcete obsah často meniť sami alebo predávať, dáva väčší zmysel WordPress a pri e-shope WooCommerce. Aj tam sa dá veľa získať, len spôsob je iný: menej pluginov, upratanejšia databáza a menšie obrázky. Opisujem to v článku Prečo je môj web pomalý.
Vysoké skóre samo osebe zákazníkov neprinesie. Web musí hlavne jasne povedať, čo ponúkate, a dať sa ľahko použiť. Rýchlosť je to, čo tomu nestojí v ceste.
Zdroje: web.dev: Largest Contentful Paint, web.dev: Web Vitals.