Rychlost načítání stránek je v posledních letech velmi diskutované téma. Vyhledávače - například Google používají rychlost již od roku 2010 jako jeden z hodnotících faktorů ve svém algoritmu. Zpomalení webu o pouhou jednu sekundu může mít značný dopad na obchodní cíle, například v Amazonu testováním zjistili, že kdyby jejich stránky zpomalily o 1s, přišli by každoročně o 1,6 miliardy dolarů. Je jasné, že rychlejší načítání stránek zkrátka znamená vyšší šance na úspěch.
V dnešní digitální době, kdy se celá řada činností přesouvá na internet, je velmi důležité, aby jakákoli prezentace na webu fungovala co nejlépe. Jak ukazují průzkumy, pomalé načítání stránek vede k tomu, že velká část návštěvníků z webu frustrovaně odejde a vůbec nevěnuje pozornost obsahu. I sebekrásnější web tak nepovede k vašemu cíli, ať už chcete přilákat čtenáře nebo prodat nějaké zboží.
Test rychlosti internetu vám může ukázat výborná čísla, Wi-Fi signál je plný, video ve vysokém rozlišení běží bez sekání, a přesto se webová stránka načítá podezřele dlouho. Pomalé načítání webu nemusí znamenat chybu vašeho připojení. Velká část dění probíhá mimo vaši domácnost - na serverech provozovatele webu nebo u služeb, na které je stránka napojená.
Internet dnes klade mnohem větší důraz na to, kdo s kým komunikuje. Weby si hlídají, odkud přichází provoz, služby se navzájem ověřují a systémy se snaží zabránit podvodům, spamu nebo útokům. Zjednodušeně řečeno: než vám web zobrazí obsah, chce mít jistotu, že je všechno v pořádku. A tato jistota něco stojí, ne peníze, ale čas - obvykle v řádu desetin vteřiny.
Možné problémy po čisté instalaci Windows 10
Před měsícem jsem provedl na stolním PC s připojením kabelem čistou instalaci Win10 64-bit Home a od té doby mám potíže s načítáním webových stránek na všech prohlížečích (Chrome, Mozilla, Edge). Vše bez potíží fungovalo před instalací. S poskytovatelem internetu jsme řešili nastavení routeru a DNS a také vše bylo v pořádku.
Čtěte také: Průběžný šnek New Holland: Klíč k lepší sklizni
Problém se začal dít hned po čisté instalaci a projevuje se až do hlášky, že vypršel čas pro načítání webové stránky. To samé se děje, když přenastavíme DNS na 8.8.8.8, prostě na chvilku v pořádku a náhle návrat k pomalému načítání. Aktualizaci ovladače síťové karty jsem provedl přímo ze stránek výrobce. Ping je 1-5 ms.
Pokud se problém objevil ihned po čisté instalaci, je možné zvážit následující kroky:
- Otevřete nový panel a vyzkoušejte, zda můžete načíst jiné webové stránky, jako třeba google.com či mozilla.org.
- Spusťte jiný prohlížeč jako např. Google Chrome či Microsoft Edge a zkuste načíst stránku, se kterou máte problémy.
- Pod rozbalovací nabídkou zaškrtněte možnosti Cookies a data stránek a Soubory a stránky dočasně uložené v mezipaměti.
- Pokud vymazání cookies a mezipaměti prohlížeče nepomůže, je to pravděpodobně znamení, že problém je na straně dotyčné stránky. V takovém případě musíte počkat, než ji její provozovatelé opraví.
- Podívejte se do nastavení každého bezpečnostního programu, který používáte (firewallu, antiviru, antispywaru či programu na ochranu soukromí) a vyhledejte všechna povolení či oprávnění, která tyto programy udělují prohlížeči. Každé z těchto povolení odstraňte a pak opět znovu přidejte.
- Mezipaměť serveru DNS je neplatná - DNS je služba, která převádí doménové jméno webu na IP adresu, jíž prohlížeč používá k připojení se k webu. Tato informace se kvůli zvýšení rychlosti ukládá do mezipaměti serverů DNS vašeho počítače. Když je však záznam v této mezipaměti poškozen nebo web změnil svou IP adresu, může být prohlížeč nasměrován na nesprávný server.
Faktory ovlivňující rychlost načítání webových stránek
Webové stránky už dávno nejsou jeden soubor, který se stáhne a zobrazí. Jsou to skládačky složené z desítek drobných částí. Texty, obrázky, písma, videa, mapy, měření návštěvnosti, zabezpečení… Každý kousek může pocházet z jiného místa a než se všechno spojí dohromady, chvíli to trvá. Čím víc těchto částí stránka má, tím víc času si může vyžádat její načtení. Z pohledu uživatele to vypadá jako pomalý web.
1. Velikost obrázků
Jednou z nejčastějších příčin pomalého načítání webových stránek jsou zbytečně veliké obrázky. Pokud máte na svých stránkách řadu obrázků ve vysokém rozlišení (a spousta lidí obrázky při nahrávání neupravuje), načítání se zaručeně zpomalí. Obecně se doporučuje držet obrázky pod 100kb.
Když na web například nahrajete obrázek v rozměru 1000x1000px, ten se na stránce bude zobrazovat pouze ve velikosti 100x100px, aby zapadl do koncepce stránky. Tím zbytečně nutíte prohlížeč načítat obrázek 10x větší, který je pak pomocí CSS stejně opticky zmenšen na požadovanou velikost 100x100px.
Čtěte také: uspořádejte si ikony na Windows liště
Řešení je přitom poměrně snadné. Stačí u jednotlivých obrázků snížit rozlišení a u komprimovaných obrázků zvolit míru komprese tak, aby nebyla příliš snížena kvalita. Výslednou velikost to může dramaticky snížit.
- Vhodný formát obrázků: Na internetu se nejčastěji setkáte s formáty JPEG (pro fotografie) a PNG (pro obrázky s průhlednými částmi). Optimální je ale často formát WEBP, který spojuje to nejlepší z obou výše zmíněných a umožňuje vysokou kompresi při zachování dobré kvality.
- Lazy-loading: Díky této technice se obrázky na webové stránce nahrávají až ve chvíli, kdy jsou opravdu potřeba. Návštěvníkovi se tedy nahraje to nejnutnější a nemusí čekat, až se nahrají i části stránky, které stejně nevidí. Ty se nahrají až při skrolování na další části stránky. Obzvláště pokud máte na stránce hodně obrázků, může Lazy-loading nahrávací čas výrazně zkrátit.
- Responzivní obrázky: Tyto obrázky používají jiné rozlišení a velikost pro různá zařízení s různými velikostmi obrazovky. Tak můžete zajistit, aby byly obrázky optimalizované pro všechna zařízení.
2. Nadměrné množství HTTP požadavků
Pokaždé, když návštěvníci vašeho webu otevřou webovou stránku, jejich prohlížeč odešle sérii tzv. HTTP požadavků, aby získal všechny soubory potřebné pro její zobrazení (HTML, CSS, JavaScript a obrázky). Čím více takových požadavků je potřeba zpracovat, tím déle trvá zobrazení požadované stránky, což uživatel vnímá jako pomalé načítání stránky a může váš web opustit.
- Spojení souborů: Spojením více různých CSS a JavaSriptových souborů do jednoho lze počet požadavků snížit a zvýšit tak rychlost načítání webu.
- Minifikace: Kromě minimalizace počtu HTTP požadavků je důležité minimalizovat velikost všech souborů, které musí server vrátit. CSS či JavaScriptové soubory lze zmenšit vynecháním nepotřebných znaků (zbytečné mezery, konce řádků, komentáře apod.).
- Komprese: Soubory lze navíc komprimovat algoritmem Gzip nebo Brotli. I to způsobí rychlejší odbavení HTTP požadavků. GZIP je technologie vyhledávající vlákna se stejným kódem (např. HTML, CSS a JavaScript soubory často obsahují hodně prázdného místa, nevyužitého formátování nebo zbytečného kódu).
3. Ukládání do vyrovnávací paměti (cache) prohlížeče
Pokaždé, když navštívíte nějakou webovou stránku, uloží se její obsah do mezipaměti prohlížeče, nebo na dočasné úložiště na vašem disku. Když tu samou stránku navštívíte později, prohlížeč její obsah načte z této paměti a nemusí tak zbytečně stahovat celý její obsah znovu ze serveru. Vše potřebné má již na svém počítači stažené, což ušetří spoustu času, který by jinak prohlížeč strávil stahováním potřebných souborů. A nadměrné stahování souborů způsobuje pomalé načítání stránek.
Pokud chcete povolit ukládání do vyrovnávací paměti prohlížeče, je potřeba nastavit vše potřebné na straně serveru, resp. vašeho redakčního systému. Ten pak sdělí prohlížeči návštěvníka, jestli si může soubory uložit a na jak dlouho. Po tuto dobu bude rychlost načítání stránek mnohem vyšší.
Důležitá je i optimální doba platnosti vyrovnávací paměti. Pokud se stánky nemění, lze dát platnost velmi dlouhou (i třeba 1 rok). Pokud se ale často mění, je lepší čas zkrátit, aby se co nejdříve zobrazovala stránka aktuální a ne její starší verze.
Čtěte také: Nastavení velikosti písma Firefox
4. Špatně optimalizovaný kód, skripty, pluginy a šablony
Pomalé načítání stránek může způsobit i zbytečně komplikovaný kód či špatně optimalizované pluginy a šablony. A to jak díky větší velikosti souborů, které je nutné stáhnout, tak díky špatně provedené optimalizaci, která odčerpává zdroje a zpomaluje zpracování a zobrazení stránek.
Mějte aktivované jen ty pluginy, které aktivně a vědomě využíváte. Odinstalování nepotřebných pluginů může snížit nároky webu na technické prostředky i počet HTTP požadavků a celý web tak může zrychlit. Přílišné přesměrování může mít negativní vliv na rychlost vašeho webu.
5. Zanedbaná optimalizace databáze a nastavení serveru
Řada webů používá pro své fungování databázové řešení. Špatně optimalizovaná databáze pak způsobí pomalé načítání stránek, až se může web stát zcela nepoužitelným. Občasná kontrola a vyčištění databáze je určitě na místě, jinak může dojít k závažným problémům až zablokování celého webu.
Webové stránky je možné také ukládat do vyrovnávací paměti (cache) přímo na serveru. Stránka se tak mnohem rychleji předloží prohlížeči návštěvníka, který ji nemá uloženou ve své lokální cache. Celé to funguje tak, že pokud se prohlížeč zeptá serveru na často navštěvovanou stránku a ta je uložená ve vyrovnávací paměti, server ji rovnou bez dalších dotazů pošle zpátky, což ušetří velkou část času potřebného pro vybavení celé řady dotazů nutných bez vyrovnávací paměti.
Vyrovnávacích pamětí na serveru je více typů:
- Page cache: Ukládá celé stránky.
- Object cache: Ukládá výsledky komplexních dotazů nebo výpočetních úloh pro pozdější opakované použití.
- Opcode cache: Umožňuje uložení zkompilovaných PHP skriptů, což zrychluje jejich opakované vykonávání.
6. Špatný webhosting
Zásadní dopad na rychlost načítání stránek má i vhodně zvolený webhosting. Jak jeho poskytovatel, typ i parametry. Pokud budete mít např. web s vysokou návštěvností na sdíleném hostingu s nedostatečnými parametry nebo špatně zvoleným typem serveru, nemůžete čekat nějakou zázračnou rychlost načítání webu.
Poskytovatel webhostingu by vám měl umožnit si zkontrolovat, jak využíváte prostředky, které máte k dispozici. Pokud často dosahujete jejich maxima, určitě je nutné uvažovat o vyšším plánu nebo typu (např. dedikovaném serveru), který to zvládne mnohem snáz.
7. Nepoužívání CDN
CDN neboli Content Delivery Network si můžete představit jako celosvětovou síť serverů, na kterých můžete ukládat obsah vašich stránek, aby se pak rychleji načítal vašim návštěvníkům. Standardně jsou vaše stránky uloženy na nějakém serveru vašeho poskytovatele hostingu. Ať už jste v Čechách, New Yorku nebo v Sydney, stránky se vám vždy načtou právě z tohoto jednoho serveru.
Geografická vzdálenost uživatele od serveru způsobuje zpomalení načítání stránek - data musí cestovat na velkou vzdálenost. Zároveň to, že se data všem vašim návštěvníkům načítají pouze z jednoho serveru, vyvíjí na tento server vyšší zátěž, což může mít opět negativní vliv na rychlost načítání webu.
Řešením těchto komplikací je právě využití CDN. CDN umožňuje automatické ukládání obsahu vašich stránek na servery umístěné po celém světě. Proto když si návštěvníkův prohlížeč vyžádá obsah nějaké stránky, je tento požadavek díky CDN vyřešen nikoliv vaším serverem, ale tím nejbližším serverem tak, aby byl vyřešen co nejrychleji. Zrychlení je v tomto případě skutečně značné (20-50 %) a nastavení CDN vám navíc zabere jen pár minut.
V případě výpadku webhostingu jsou navíc vaše stránky stále dostupné z CDN serverů a klienti tak výpadek vůbec nezaznamenají. To je také velká výhoda. CDN servery navíc nabízí ochranu před hackerskými útoky typu DDoS (Distributed Denial-of-Service). Díky rozložení na více serverů se zátěž rozloží. Dopad útoku není tak významný a web může zůstat dostupný pro vaše návštěvníky.
8. Neaktuální verze použitých technologií
Optimalizace provedené u nových verzí technologií, které používáte, se často týkají i rychlosti. Např. novější verze PHP mohou být lépe odladěné a rychlejší. Stejně tak nasazení HTTP/2 nebo dokonce HTTP/3 povede k multiplexaci požadavků a následnému zrychlení načítání stránek.
9. Video obsah
Video marketing nabírá na síle a jistě i vy ho v budoucnu začnete využívat. Vyvarujte se ale toho, že svá videa budete nahrávat rovnou na FTP nebo do vašeho CMS. Toto řešení by způsobilo razantní zpomalení webu. Namísto toho svá videa nahrajte na YouTube nebo Vimeo a následně je vložte do stránky.
10. Problémy s DNS
Jedním z nenápadných, ale důležitých článků celého řetězce je systém, který překládá názvy webů na číselné adresy. DNS (Domain Name System) je hierarchický systém doménových jmen, který je realizován servery DNS a protokolem stejného jména, kterým si vyměňují informace. Jeho hlavním úkolem jsou vzájemné převody doménových jmen a IP adres uzlů sítě. Problém nastává ve chvíli, kdy se těchto dotazů na adresu sejde příliš mnoho. Každé takové ověření znamená další krok navíc. Jeden je zanedbatelný, ale když se jich potká víc, rozdíl pocítíte.
Jak ověřit rychlost webové stránky?
Na internetu se vyskytuje celá řada nástrojů, které vám umožní si ověřit, jak rychlé vaše stránky jsou a co je zpomaluje. Mezi nejrozšířenější patří bezplatný nástroj PageSpeed Insight. Možné je ale použít další, třeba GTmetrix nebo WebPageTest. Výhodou těchto nástrojů je, že vám řeknou nejen to, jak rychlý váš web je, ale hlavně kde jsou slabá místa a na co je zapotřebí se zaměřit a co zlepšit.
Rychlost webu je velmi důležitým aspektem, který pomáhá vytvářet dobrý dojem u vašich návštěvníků. Pokud budou vaše stránky pomalé, návštěvníci z nich budou odcházet, vyhledávače to zaznamenají, zhorší vaše ohodnocení a váš web se začne ve výsledcích vyhledávání propadat na horší příčky. To velmi rychle pocítíte na poklesu návštěvnosti. Rychlý web je proto velmi důležitý.
tags: #stránky #v #horní #liště #se #dlouho