Proč je rychlý web důležitý?

Chcete dostat co nejvíc návštěvníků na svůj web a chcete, aby tam aspoň chvíli zůstali? Pak je třeba, aby váš web byl co nejrychlejší. Rychlost načítání je jedním z faktorů, které ovlivňují jak se web umisťuje ve výsledcích vyhledávání. Pomalé načítání webu je navíc hlavním důvodem, proč návštěvníci, kteří už se na web dostali, zase rychle odejdou. A co když pomalý, nebo dokonce nefunkční web poškodí vaše podnikání?

Uživatelé navíc čím dál tím víc přistupují na web z mobilních zařízení, kde je pomalé načítání ještě více citelné než na desktopové verzi.

• 47 % uživatelů očekává, že se stránka načte do 2 vteřin
• 40 % uživatelů odchází po 3 vteřinách načítání
• 46 % online uživatelů se rozhoduje zdali se na web vrátí na základě jeho rychlosti
• Optimalizovaný web by se měl načíst do 3 vteřin

Tento článek obsahuje shrnutí nejdůležitějších bodů, které zazněly na přednášce Davida Lintimera, Senior Server Specialisty ve vshosting~, během E-shop Summit a Expo 2018.

Jak rychlý je vlastně váš web?

Rychlost webu vám pomůže změřit několik nástrojů:

• testmysite.io 
• tools.pingdom.com
• developers.google.com/speed/pagespeed/insights/ (nabízí možnost změřit jak mobilní, tak desktopovou verzi)

Pokud vám vyšla rychlost načítání větší než 3 vteřiny, věnujte rychlosti svého webu zvýšenou pozornost. Za problémem může stát mnoho faktorů. Tohle jsou ve stručnosti ty nejčastější:

Přílišná velikost stránky

Čím větší stránka je, tím déle se načítá. Ideální velikost stránky je do 3MB. Velikost stránky ovlivňuje množství obrázků, videí, fontů, stylů a dalších grafických prvků.
V případě, že máte na webu více obrázků, zaměřte se na jejich komprimaci. Tu usnadní široká škála pluginů např. Smush pro WordPress.

Cachování

Správné cachování dokáže efektivně zrychlit web. Cachování je zjednodušeně odkládání informací do specializovaných úložišť odkud je možné s nimi rychle pracovat, a díky tomu se nemusí načítat ze vzdálených serverů.

Jednou z možností je využití CDN (tu by vám měl nabídnout poskytovatel hostingu). CDN je síť pro rychlejší doručování  obsahu. Napomáhá zrychlení webů tím, že statický obsah (obrázky, videa, html kód, …) ukládá na klíčových místech, a snižuje tak vzdálenost mezi návštěvníkem vašeho webu a serverem, na kterém web běží. CDN úložiště navíc pracují na bázi rychlých SSD disků, díky čemu poskytují nejenom bližší distribuci obsahu k vašim uživatelům, ale napomáhají i v rychlosti načítání tohoto obsahu.

Mnoho HTTP požadavků

Aby se váš web návštěvníkovi vůbec načetl, musí jeho počítač navázat spojení se serverem, na kterém váš web běží. Přes toto spojení začne proudit velké množství dat potřebných pro správné zobrazení webu. Čím více prvků (obrázků, ikon, stylů, javascriptů atd.) na webu máte, tím více spojení se musí navázat a tím déle to trvá.

Řešením je přejít na HTTP/2. Narozdíl od starších verzí http, které komunikovaly formou textu, je HTTP/2 binární a umožňuje jedním spojením přenést mnohem více požadavků. Při přechodu na HTTP/2 dochází ke zrychlení v řádu 100ms až 1 vteřiny.

Doporučujeme se zeptat svého poskytovatele hostingu, jestli HTTP/2 podporuje a jestli i váš web na HTTP/2 běží.

Neaktuální verze aplikací

Zastaralé verze aplikací mohou zpomalit a navíc i ohrozit váš web. Velké množství webů je programováno v jazyku PHP. Nicméně jsou velké rozdíly mezi starší verzí jazyka (PHP 5) a novou verzí PHP 7. Výkonnostní rozdíl může být až 50 % a některé funkce v novější verzi PHP 7 jsou až násobně rychlejší.

Velice důležité je aktualizovat také redakční systém a jeho pluginy. Neaktualizovaný redakční systém znamená vysoké bezpečností riziko.

Špatná lokalita hostingu

Čím vzdálenější je server, na kterém web běží, tím více spojení se musí navazovat a tím složitější je režie a množství dotazů. U vzdálených hostingů může být rychlost komunikace až v řádech desítek 100ms. Vybírejte tedy hosting, který je lokalitou blízký návštěvníkům webu nebo využijte CDN, kterou zmiňujeme v jednom z předchozích bodů.

Nepřipravenost na návštěvnostní špičky

Spustili jste kampaň, speciální propagaci nebo vám zrovna běží reklama v televizi. Na váš web právě míří vlna návštěvníků z různých marketingových kanálů. Vše jste optimalizovali pro největší množství konverzí a těsíte se na skvělé výsledky.
Mysleli jste ale na to, jestli to váš web ustojí? Špičky v návštěvnosti jsou skvělé pro vaše podnikání, pokud ovšem hosting funguje tak, jak má.

To, že web neustojí vysokou návštěvnost, je často způsobeno zanedbáním příprav hostingu. Nejčastěji je výkon hostingu poddimenzovaný a během špičky nezvládá mnohonásobný počet požadavků na zobrazení webu. Ujistěte se, jestli je váš poskytovatel hostingu připraven na špičky. Měl by mít výkonnostní rezervu a dostatečnou kapacitu linky.
Kromě hostingu je také třeba se podívat přímo na aplikaci (váš e-shop, katalog, web) a optimalizovat databázi. Zjistěte jestli aplikace nedělá zbytečně moc dotazů do databáze a jestli tam náhodou neukládá obsah, který do databáze nepatří.

Shrnutí

Provozovatelé webů a e-shopů se často zaměřují především na tvorbu a péči o obsah stránek a na optimalizaci marketingového funnelu. Jejich práci ovšem může pokazit hosting, který není optimalizovaný na rychlost, spolehlivost a bezpečnost. 

I když náklady na hosting nepatří mezi hlavní položky při podnikání, je to právě hosting, který dokáže pokazit veškerou snahu a plány. Proto je nutné hostovat svůj web nebo e-shop u kvalitního poskytovatele, který dokáže poradit a má nástroje pro bezproblémový chod vašeho podnikání.

Rychlost domácích přípojek roste velkým tempem, Facebook s Googlem si staví mezi USA a Evropou vlastní podmořský kabel, do serverů budou do dvou let běžným standardem 100Gbps síťové karty a s novou generací mobilních sítí 5G bude možné mít do 5 let na pro mobilní připojení až 20Gbps. Pro běžné uživatele však začíná být omezujícím faktorem při rychlosti načítání webu rychlost světla, díky které jsou latence na server, který je umístěný na jiném kontinentu, násobně větší.

Pokud se český uživatel internetu dívá například na webové stránky umístěné na serveru v ČR, latence jsou zpravidla jednotky, maximálně desítky milisekund. Pokud se však stejný uživatel dívá na stránky uložené na serveru, který se nachází v USA nebo například Austrálii, latence budou stovky milisekund, což je dáno rychlostí světla v optických vláknech.

Byť se stovky milisekund mohou zdát jako malá hodnota, tak rozdíl v načítání webu může být 1 sekunda versus například až 10 sekund, což je způsobeno tím, že při načítání stránky se prohlížeč k serveru připojuje mnohokrát a stahuje si spoustu dat (obrázky apod.). Jedná se o fyzikální limit, který technika momentálně nemá jak překonat.

Z tohoto důvodu roste obliba tzv. CDN (content delivery network) služeb. CDN si lze představit jako lokální cache umístěné po světě či u konkrétních operátorů. Tato služba má za cíl, uložit v lokálních úložištích CDN uživateli často stahovaný obsah a dalším návštěvníkům ho tak nahrát ze svého lokálního úložiště a nikoliv z originálního serveru. Tuto službu, buď na své infrastruktuře nebo prostřednictvím velkých poskytovatelů CDN služeb (například Akamai), využívá i většina největších globálních webů.

Je nutno podotknout, že CDN zajišťuje zrychlení načítání jen statického obsahu jako jsou obrázky, videa a jiné statické soubory. Tento typ obsahu se však na délce načítání webu podílí největší měrou. Dynamický obsah stránek (skripty apod.) cachovat pomocí CDN bohužel nelze. Většina CDN nabízí i další přidané služby jako různé modernější způsoby komprese obrázků, což opět vede k rychlejšímu načítání webových stránek či podpora http protokolu verze 2.

Pro uživatele i provozovatele webových služeb je CDN naprosto transparentní. Tento typ CDN je označován jako „pull CDN“, kdy si CDN cache stáhne z originálního serveru obrázek, jakmile jej první uživatel požaduje tím, že si zobrazí stránku a udržuje ji v paměti či na rychlém SSD po nastavenou dobu platnosti. Tento typ CDN však příliš nepomůže internetovým webům s menší návštěvností, které jsou založeny na obrovském množství obsahu, který si uživatelé jen málokdy zobrazí. Může jít například o různé fotobanky.

V tomto případě pull mechanismus CDN není pro takový projekt příliš velkým přínosem. Pro tyto projekty slouží tzv. „push CDN“, kdy je k dané CDN přidaná služba CDN storage, který se nachází na stejných místech jako CDN cache body. Klient takové CDN poté duplikuje obsah, který má u sebe na serveru také na tento CDN storage. CDN cache tedy požadavek na obrázek nesměruje na originální server, který se může nacházet daleko, ale na tento CDN storage, který se nachází na stejném místě jako CDN cache a načtení stránky pro uživatele na druhém konci světa proto bude rychlé.

Uživatel při běžném užívání webu nemá šanci poznat, že se část webu stáhla z blíže umístěné lokální cache CDN. CDN je připojena do Internetu pomocí anycast IP adres, což jsou IP adresy v IP rozsahu, který se nachází v routovací tabulce v Internetu tolikrát, kolik je CDN bodů, a zajišťuje pro CDN redundanci na úrovni routingu v Internetu.

Pro běžného uživatele si to lze představit tak, že jedna a ta samá IP adresa se na různých místech internetu ve světě směruje na různá místa, tedy například k lokálním CDN cache. Pokud nastane porucha či nedostupnost dané CDN cache například pro část USA, provoz je automaticky v Internetu přesměrován na jiné nejbližší místo. Na principu anycastu jsou například založeny i hlavní světové root DNS zajišťující překlad názvu za tečkou – například .cz, .com., .sk apod.

Díky nárůstu poptávky po CDN službách vzniká řada nových poskytovatelů těchto služeb. Konkurenční prostředí jako u jakéhokoliv jiného oboru tak vede k postupnému snižování cen, které poskytovatelé CDN služeb většinou určují dle reálně přenesených dat z CDN do Internetu k uživatelům. Cena se často liší dle datového toku v jednotlivých částí světa. Nejlevnější datový tok z CDN je k uživatelům v Evropě, mírně dražší poté v USA a Kanadě (z důvodu vyšších velkoobchodních cen páteřní konektivity pro operátory oproti Evropě), nejdražší poté bývá datový tok k uživatelům v Asii, Austrálii a Jižní Americe, kde je konektivita výrazně dražší než v Evropě.

Často slýcháme dotaz, zda je vhodné pro vaše weby nasadit CDN. Pokusíme se vám s rozhodováním trochu pomoct.

CDN, tedy content delivery network, je služba, jejíž cílem je zrychlit načítání webů. Jak a kdy toho docílí? V dnešní době technologií, jako jsou HTTP/2, Nginx reverzní proxy s cachováním statického obsahu a podporou komprimace či Varnish, ztrácí často CDN ve své největší výhodě částečně smysl. Zrychlení webů CDN dosahuje tím, že primárně rychleji doručuje uživatelům webu statický content (obrázky, videa, js, html apod.) tím, že tento obsah vhodně cachuje, především pak tím, že v klíčových datových uzlech má připojené své servery sloužící jako cache pro tento statický obsah. CDN tak odbourává neduhy spojené se síťovými latencemi při překonávání větších vzdáleností.

Pokud tedy máte web s globálním dosahem, dává CDN určitě smysl, neboť se díky ní načítání webu výrazně zrychlí. Pokud však používáte web se středoevropským dosahem a využíváte služeb některého z poskytovatelů s kvalitní síťovou infrastrukturou, CDN ztrácí smysl, protože si dokážete rychlé doručování statického obsahu jednoduše zařídit na vlastní infrastruktuře, na které web hostujete s použitím výše uvedených technologií.

Některé CDN dále slibují zajištění vyšší bezpečnosti webu proti DDoS útokům. Není tomu ale tak vždy. Pokud jde například o službu CloudFlare, toto pravidlo platí a tato služba dle zkušeností dokáže čelit i nestandardně velkým DDoS útokům. Zajištěno je to tak, že DNS daného webu odkazuje na CDN službu. CDN služba zajistí distribuci obsahu ze své cache a originálního serveru, na kterém jsou uložena data, se doptá jen na data, která nemá nacachovaná.

Při DDoS útoku je tak tento útok směrován primárně na tuto CDN, jelikož DNS webu sem odkazují. Pokud se jedná o kvalitní CDN, může jít o významný přínos. Je nutné si ale uvědomit, že ne vždy toto platí a ve chvíli, kdy nasměrujete DNS na CDN službu, přenáší na sebe tato CDN služba část odpovědnosti za dostupnost, neboť nedostupnost CDN služby = nedostupnost webu díky tomu, že je před originálním serverem „předřazená“.

Zrychlete a ochraňte svůj web s CDN od vshosting~

Je tudíž nutné posuzovat výhodnost a přínos pro každý projekt individuálně. V některých případech jde o významnou přidanou hodnotu, protože rychlejší načítání webu má kladný dopad na vyhledávače i uživatelskou zkušenost, v jiných případech může jít jen o zbytečný finanční náklad.