WEBOVÉ STRÁNKY, KTERÉ REPREZENTUJÍ
ZPRACOVÁNÍ RYCHLÉ A PERFEKTNÍ

Zrychlujeme načítání webu - 1. část

Rychlost webu je jedním z nejdůležitějších faktorů pro úspěch webu mezi miliardami ostatních stránek na internetu. My, návštěvníci stránek, jsme si zvykli dostávat chtěné informace extrémně rychle a každý provozovatel webu se tím musí řídit, pokud chce zůstat viditelným. V minulosti jsme zavírali web, když se načítal minutu a někdy více, protože nebylo, kam jít pro danou informaci nebo zábavu jinam. Dnes zavíráme záložku, když se nenačte obsah během pár sekund.

Chceme se podělit o příběh webu banky.cz. Web, který jsme vytvořili před lety a přišel čas na aktualizaci systémů pro splnění dnešních náročných požadavků na rychlost.

O jaký druh projektu se jedná? Velký informační portál o bankách a osobních financích. Očekáváme:

  • obrovský počet stránek a URL,
  • velké množství obrázků a fotek,
  • pravděpodobně najdeme zastaralé a dále nepoužívané funkce.

Měříme aktuální rychlost

Než s čímkoliv začneme, Změříme si aktuální stav.

Výsledky nejsou dobré. Google Insight nám ukazuje skóre 31 ze sta na homepage pro mobilní telefony.

Skóre ukazuje celkový výkon, je potřeba se podívat na jednotlivé součásti.

  • Základní stažení HTML stránky je rychlé.
  • Stahování základních zdrojů, jako jsou CSS a JavaScript, už potřebuje zlepšení.
  • Obrázky jsou JPG a PNG. Navíc se načítají najednou - obrázky si zaslouží automatickou konverzi do WEBP formátu a funkci "lazy loading".
  • Na webu je spousta externích zdrojů, které se načítají hned po zobrazení stránky a přispívají k celkovému času nejvíce. Těmi zdroji jsou analytické nástroje a reklamy - podíváme se, zda dokážeme externí zdroje omezit.

Stránky na webu jsou různé, ale veškerá získaná data platí prakticky pro každou z nich - spousta obrázků, obsahu a velmi podobná celková rychlost.

Cíl úprav

Cílem je optimalizace celého webu k vyšší rychlosti v praxi i pro testovací nástroje a tím zlepšení SEO stránek. Využijeme moderní postupy, které při výrobě webu nebyly reálně aplikovatelné a celkově přizpůsobíme celý projekt aktuálnímu nárůstu obsahu a uživatelů.

Toto je první článek z třídílné série, kde ukážeme proces optimalizace a finální výsledky.