Tipy pro zlepšení rychlosti webových stránek / jak urychlit webové stránky

jak mohou vývojáři přimět své webové stránky, aby se načítaly rychleji |

Rychlost webu má obrovský dopad na uživatelský komfort, SEO a míru konverze. Zlepšení výkonu webových stránek je nezbytné pro čerpání provozu na webových stránkách a udržení zapojení návštěvníků stránek. Zde přezkoumáváme kroky, které mohou vývojáři podniknout, aby web zrychlili:

Test výkonu webových stránek

testy rychlosti webových stránek hodnotí, jak web funguje. Pravidelné testování webových stránek může vývojářům pomoci sledovat snížení výkonu nebo vylepšení. Test rychlosti by také měl vývojářům pomoci identifikovat některé nebo všechny oblasti zpomalující výkon webových stránek, a kde jsou oblasti pro zlepšení.

existuje spousta vysoce kvalitních testů rychlosti na místě pro měření výkonu, mnoho z nich zdarma. WebPageTest.org (který spolupracuje s Cloudflare) má několik bezplatných testů a vytváří podrobné členění toho, jak rychle jednotlivé prvky načítání stránky. WebPageTest.org také umožňuje vývojářům testovat webové stránky pro různá zařízení a rychlosti připojení k síti.

Google také nabízí PageSpeed Insights pro podrobné testování výkonu. Google Chrome DevTools může také pomoci vývojářům při hodnocení výkonu svých stránek; karta síť zobrazuje všechny požadavky HTTP, jak velká jsou požadovaná aktiva a jak dlouho požadavky trvají, než budou splněny.

použijte CDN (content delivery network)

CDN zvyšte rychlost webových stránek ukládáním obsahu do mezipaměti na více místech po celém světě. Servery pro ukládání do mezipaměti CDN jsou obvykle umístěny blíže koncovým uživatelům než hostitel nebo původní server. Požadavky na obsah jdou na server CDN místo na hostitelský server, který může být tisíce mil a napříč více autonomními sítěmi od uživatele. Použití CDN může mít za následek masivní snížení doby načítání stránky.

Optimalizujte obrázky

obrázky obsahují velké procento internetového provozu a často se na webové stránky načtou nejdéle, protože obrazové soubory mají tendenci být větší než soubory HTML a CSS. Naštěstí lze čas načítání obrazu zkrátit optimalizací obrazu. Optimalizace obrázků obvykle zahrnuje snížení rozlišení, kompresi souborů a zmenšení jejich rozměrů a mnoho optimalizátorů obrázků a kompresorů obrázků je k dispozici zdarma online.

Minify CSS a JavaScript soubory

Minifikace kódu znamená odstranění všeho, co počítač nepotřebuje, aby pochopil a provedl kód, včetně komentářů k kódu, mezer a zbytečných středníků. Díky tomu jsou soubory CSS a JavaScript o něco menší, takže se v prohlížeči načítají rychleji a zabírají menší šířku pásma. Samotná Minifikace bude mít za následek pouze minimální zlepšení rychlosti. Nicméně, implementováno spolu s těmito dalšími tipy, bude to mít za následek lepší výkon webových stránek.

pokud je to možné, snižte počet požadavků HTTP

většina webových stránek bude vyžadovat, aby prohlížeče vytvářely více požadavků HTTP pro různá aktiva na Stránce, včetně obrázků, skriptů a souborů CSS. Ve skutečnosti mnoho webových stránek bude vyžadovat desítky těchto požadavků. Každý požadavek má za následek zpáteční cestu na a ze serveru hostujícího zdroj, který může přidat k celkové době načítání webové stránky. Navíc se zdroji načtenými od několika různých poskytovatelů může problém s jedním z hostitelů ovlivnit schopnost webové stránky rychle načíst nebo vůbec.

vzhledem k těmto potenciálním problémům by měl být celkový počet aktiv, které každá stránka potřebuje načíst, omezen na minimum. Test rychlosti by také měl pomoci určit, které požadavky HTTP trvají nejvíce času. Pokud například obrázky způsobují pomalé načítání stránky, mohou vývojáři hledat rychlejší řešení hostování obrázků (například CDN).

použití prohlížeče HTTP caching

mezipaměť prohlížeče je dočasné umístění úložiště, kde prohlížeče ukládají kopie statických souborů, takže mohou načíst nedávno navštívené webové stránky mnohem rychleji, místo toho, aby museli znovu a znovu požadovat stejný obsah. Vývojáři mohou nařídit prohlížečům, aby ukládaly do mezipaměti prvky webové stránky, které se často nemění. Pokyny pro ukládání do mezipaměti prohlížeče se nacházejí v hlavičkách HTTP odpovědí z hostitelského serveru. To výrazně snižuje množství dat, která server potřebuje k přenosu do prohlížeče, což zkracuje dobu načítání pro uživatele, kteří často navštěvují určité stránky.

minimalizujte zahrnutí externích skriptů

všechny skriptované prvky webové stránky, které jsou načteny odjinud, jako jsou externí komentující systémy, tlačítka CTA nebo vyskakovací okna generování olova, je třeba načíst pokaždé, když se načte stránka. V závislosti na velikosti skriptu mohou zpomalit webovou stránku nebo způsobit, že se webová stránka nenačte najednou (to se nazývá „skákání obsahu“ nebo „posun rozvržení“ a může být obzvláště frustrující pro mobilní uživatele).

nepoužívejte přesměrování, pokud je to možné

přesměrování je, když návštěvníci jedné webové stránky budou místo toho přesměrováni na jinou stránku. Přesměrování přidá několik zlomků sekundy, nebo někdy i celé sekundy, na dobu načítání stránky. Při vytváření webových stránek optimalizovaných pro výkon se počítá každá sekunda. Přesměrování jsou někdy nevyhnutelné, ale neměly by být použity, pokud to není nutné.