Na telefonu otevřete profil kapely, abyste zjistili datum koncertu. Nadpis se objeví hned, ale stránka poskočí, jakmile se načte plakát. Klepnete na místo konání a prst místo toho trefí jiný odkaz. Web sice funguje, jenže vám překáží. Rychlost není jen otázka toho, kdy se ukáže první text: záleží i na tom, kdy lze stránku spolehlivě ovládat a zda při načítání drží obsah na místě.
Na blogu o české těžší alternativě je to znát hlavně tam, kde člověk hledá jediný údaj: kde sehnat nezávislou nahrávku, kdy začíná koncert nebo odkud pochází citovaná informace. Delší text o industriální scéně si čtenář rád projde. Neměl by ale čekat na sérii velkých fotografií, než se dostane k prvnímu odstavci.
Co návštěvník vnímá jako pomalý web
Někdy se po klepnutí na odkaz dlouho nic neděje, protože server teprve připravuje stránku. Jindy se její základ objeví rychle, ale podstatný obsah dorazí pozdě. A někdy je už všechno vidět, jen menu nebo přehrávač nereaguje: prohlížeč má plné ruce práce se skripty.
Tyto potíže pomáhají rozlišit tři ukazatele Core Web Vitals. LCP měří, kdy se zobrazí největší viditelný prvek, často úvodní fotografie nebo výrazný blok textu; za dobrou hodnotu se obvykle považuje nejvýše 2,5 sekundy. INP hodnotí odezvu na interakce, kde je dobrým výsledkem nejvýše 200 milisekund. CLS zachycuje nečekané posuny rozložení; dobrá hodnota nepřesahuje 0,1. O kvalitě hudebního textu tato čísla nic neříkají. Ukazují ale, kde může web čtenáře zdržovat.
Číslo samo o sobě nestačí. Nadpis se může zobrazit rychle, ale člověku hledajícímu začátek koncertu to nepomůže, pokud je čas uveden až pod objemným videem. Při kontrole proto sledujte, co se načítá pozdě a kvůli čemu člověk na stránku přišel.
Obrazový materiál: atmosféra s datovou cenou
Klubové fotografie, obaly alb a plakáty dávají hudebnímu webu tvář. Často jsou však zároveň jeho největšími soubory. Snímek připravený pro tisk není důvod nahrávat v plném rozlišení, když se v článku zobrazí v šířce několika set pixelů. Připravte více velikostí, aby prohlížeč mohl vybrat tu vhodnou pro danou obrazovku. Přenos může zmenšit i formát WebP nebo AVIF, pokud ho publikační systém podporuje a obraz zůstane dostatečně čitelný.
Úvodní fotografie, která zabírá velkou část obrazovky, má přednost před galerií hluboko v článku. Tu lze načítat až ve chvíli, kdy se k ní čtenář blíží; odložit plošně všechny obrázky by mohlo úvod naopak zpomalit. Každému snímku také předem vyhraďte místo. Jinak po jeho načtení odskočí titulek, popisek nebo odkaz na nahrávku.
U plakátů s drobným písmem je potřeba hledat rozumný kompromis. Příliš silná komprese může rozmazat podstatné údaje, příliš velký soubor zase zdržet člověka na mobilním připojení. Datum, místo a čas koncertu proto uveďte i jako běžný text vedle plakátu. Zůstanou čitelné, i když se grafika ještě nenačetla.
Server, šablona a soubory, které se načítají vždy
Když pomalu odpovídá server, prohlížeč zatím nemá co zobrazit. U redakčního webu za tím může být přetížený hosting, náročný databázový dotaz nebo opakované generování stránky při každé návštěvě. Mezipaměť často čtené články urychlí. Je však třeba zajistit, aby po opravě data koncertu dál nenabízela starou verzi.
Něco stojí i samotná šablona. Pokud na každé stránce načítá styly a skripty pro galerii, mapu a formulář, platí za ně také obyčejný textový článek. Prověřte, co konkrétní stránka opravdu používá. Odstranit nepotřebný kód bývá užitečnější než instalovat další doplněk slibující automatické zrychlení.
Zdržet mohou také písma, byť méně nápadně. Výrazná typografie k industriální hudbě patří, několik vzdáleně načítaných řezů ale znamená další soubory. Ponechte jen potřebné varianty a nastavte náhradní písmo, ve kterém se dá text pohodlně číst během načítání. Pokud se výrazně liší šířkou od výsledného písma, může při výměně poskočit celý článek.
Vložené přehrávače a další obsah třetích stran
Rozhovor o konceptuálním albu může obsahovat přehrávač skladby, video i příspěvek ze sociální sítě. Každé vložení si však může přinést vlastní skripty a síťové požadavky. U několika ukázek je to znát, i když si čtenář žádnou nepustí. Možností je statický náhled, který načte celý přehrávač až po aktivaci, nebo menší počet vložených prvků. Po úpravě ověřte, že je zřejmé, co lze spustit, a že ovládání funguje i z klávesnice.
Zkontrolujte také analytické a reklamní skripty, pokud je web používá. Někdy běží na všech stránkách, přestože redakce získané údaje nevyužívá. Jejich odstranění může zlepšit odezvu prohlížeče i zjednodušit správu soukromí. Nejdřív ale zjistěte, k čemu daný nástroj skutečně slouží.
Mobilní připojení mění pořadí priorit
Na redakčním počítači s domácím připojením se článek může načítat bez potíží. Na telefonu cestou na koncert už je rozdíl citelný. Rozhoduje rychlost přenosu, výkon zařízení i práce, kterou prohlížeč vykonává po stažení souborů. Zmenšení obrázků samo nepomůže, pokud těžký skript dál blokuje otevření menu. Co má člověk na malé obrazovce snadno najít, rozebírá text Mobilní web bez překážek: co návštěvník potřebuje najít; rychlost rozhoduje o tom, zda se k tomu skutečně dostane.
Na stránce koncertu mají být datum, adresa a případná změna programu dostupné jako text bez čekání na mapu či plakát. V dlouhé recenzi lze naopak odložit fotografie mimo úvod. Pořadí načítání má vycházet z účelu stránky, ne z toho, co nejlépe vypadá v náhledu šablony.
Jak poznat, že zdržení opravdu mění chování
Pomalý web může souviset s opuštěnými stránkami, menším počtem přečtených článků nebo neúspěšným klepnutím na odkaz. Samotná souvislost ale příčinu neprokazuje. Krátká návštěva může znamenat i to, že člověk čas koncertu našel okamžitě. Výkon proto posuzujte spolu s tím, k čemu daná stránka slouží.
- Vyberte několik typických stránek: úvod blogu, dlouhý článek s fotografiemi, profil kapely a stránku koncertu. Rychlá titulní stránka nevypovídá o celém webu.
- Porovnejte mobil a počítač: laboratorní test odhalí opakovatelné technické potíže; dostupná data od skutečných návštěvníků lépe zachytí různá zařízení a připojení.
- Najděte konkrétní překážku: velký úvodní snímek, poskakující plakát nebo menu, které při načítání přehrávače nereaguje.
- Po úpravě sledujte stejný úkol: zda se důležitý údaj zobrazuje dřív a zda návštěvníci snáze otevřou potřebný odkaz. Jednorázový test nemusí zachytit kolísání výkonu.
Při porovnání si poznamenejte i změny obsahu. Pokud zároveň zkrátíte text, vyměníte fotografie a přesunete odkaz na vstupenky, vyšší počet klepnutí nelze připsat jen rychlosti. Pro malý hudební blog bývá užitečnější pečlivě prověřit několik stránek než sledovat jediný průměr za celý web.
Začít můžete u nejnavštěvovanějšího článku: otevřete ho na telefonu, zkontrolujte velikost úvodního obrázku a sledujte, zda při jeho načtení zůstávají titulek a první odstavec na místě. Pokud text odskočí, vyhraďte obrázku rozměry předem. Pak znovu zkuste otevřít odkaz, kvůli kterému jste na stránku přišli.
