Jak zrychlit a zabezpečit svůj web pomocí Cloudflare?

Cloudflare CDN, zjednodušeně řečeno, snižuje vzdálenost. Prozkoumejme, jak tato služba urychluje načítání vašeho webu pro uživatele po celém světě. Sledujte dál.

Vzdálenost není problém jen v mezilidských vztazích, ale i pro přenos dat. Může se stát skutečnou noční můrou.

Odhlédneme-li od slovních hříček, webové stránky s vysokou návštěvností mohou ztrácet obrovské sumy peněz za každou vteřinu prodlevy při načítání. Mnohé studie jasně ukazují, jak zásadní je rychlé načítání webových stránek.

Nikdo nechce čekat, zejména když má k dispozici nepřeberné množství alternativ. Zde jsou relevantní statistiky:

Zdroj: Pingdom

Pro vysvětlení, míra okamžitého opuštění (bounce rate) udává procento uživatelů, kteří opustí váš web bez jakékoli interakce. Žádná konverze, žádný prodej, pouze bezúčelný webový provoz.

Vysoká míra okamžitého opuštění může být přijatelná pro blogy a pár dalších odvětví, ale pro většinu ostatních (e-commerce, B2B, maloobchod atd.) je to jasný varovný signál.

Síť pro doručování obsahu (CDN) uchovává kopii vašeho webu ve svých datových centrech. Díky tomu, když uživatel navštíví váš web, je obsah načten z nejbližšího geografického místa, což minimalizuje dobu načítání.

Přesně tohle Cloudflare dělá s 250 přístupovými body (PoP) ve více než 100 městech po celém světě. Jedná se o skutečně globální datovou síť.

Zde jsou některé z výhod, které Cloudflare může vašemu webu přinést:

  • Komprese a minimalizace dat
  • Snížení nákladů na šířku pásma
  • Vyrovnávání zátěže pro optimální výkon
  • Robustní firewall webových aplikací (WAF)
  • Bezplatná instalace TLS/SSL certifikátů
  • Firemní plány se 100% garancí dostupnosti

Stručně řečeno, efektivní CDN slouží jako váš bezpečnostní štít a zároveň posiluje výkon. A Cloudflare je lídrem trhu, který využívá více než 75 % z 1 milionu nejnavštěvovanějších webů podle Alexa.

Pojďme se tedy podívat na proces přidání vašeho webu do sítě Cloudflare zdarma. Poté si ukážeme srovnání výkonu před a po implementaci.

Testovací prostředí

  • Zřídil jsem si měsíční tarif u SiteGround a vytvořil jednoduchý testovací web (techpostal.com) s použitím WordPressu.
  • Použil jsem podřízenou šablonu Genesis Maker Pro bez aktivních pluginů pro cache nebo zabezpečení.
  • Navíc jsem deaktivoval všechny interní optimalizace SiteGround, abych zajistil konzistentní výsledky.

Registrace do Cloudflare

Navštivte registrační stránku Cloudflare. Zadejte svůj email a silné heslo. Následně zkontrolujte svou emailovou schránku a ověřte svou adresu.

Poté se vraťte na hlavní panel a přidejte web. Zadejte URL adresu vašeho webu a klikněte na „Přidat web“.

Následující obrazovka vám nabídne možnosti předplatného. Pro tento test jsem vybral bezplatný plán.

Po zvolení plánu klikněte na tlačítko „Pokračovat“.

Následně Cloudflare naskenuje DNS záznamy vašeho webu. Můžete je ověřit u vašeho registrátora domény.

Máte také možnost zrušit zaškrtnutí u určitých záznamů, abyste zabránili jejich přesměrování přes Cloudflare.

Před pokračováním zkontrolujte své DNS záznamy.

Dalším krokem je změna jmenných serverů. Jedná se o klíčový (a poměrně snadný) krok pro nastavení jakéhokoli CDN. Tento proces se liší v závislosti na vašem registrátorovi domény. Pokud si nejste jisti postupem, podívejte se na tento návod Cloudflare pro změnu jmenných serverů.

Optimalizace

Cloudflare vám nyní nabídne několik doporučení pro zvýšení výkonu.

Obě možnosti jsem aktivoval. První z nich se týká použití SSL/TLS certifikátů a druhá pomůže zrychlit načítání.

Dále zkontrolujte, jestli je zapnutá komprese Brotli a Rocket Loader. Jelikož máte v rámci bezplatného tarifu určité limity, je vhodné je využít pro dosažení nejlepšího výkonu.

Přejděte na Sekci Rychlost>Optimalizace>Brotli a ujistěte se, že je tato funkce aktivní.

Podobně, v téže sekci, posuňte se dolů a aktivujte Rocket Loader.

Změna jmenných serverů může trvat nějakou dobu. Teoreticky se počítá s 48 hodinami, ale v praxi to obvykle trvá jen pár minut.

Pro ověření můžete použít náš nástroj pro vyhledávání DNS etechblog.cz nebo tento DNS checker.

Kontrola výkonu

Použil jsem Blazemeter pro měření odezvy webu. Doba odezvy je komplexnější verze doby načítání stránky. V ideálním případě platí, že čím nižší hodnoty, tím lépe. Doba odezvy do 2 sekund je považována za přijatelnou.

Stav „Před Cloudflare“ je stav původního webu bez použití jakýchkoliv nástrojů třetích stran. „Po Cloudflare“ představuje stav s využitím bezplatné verze Cloudflare CDN a zmíněných optimalizací.

Zde jsou výsledky:

Před Cloudflare

Můžeme vidět, že průměrná doba odezvy se snížila o 12 % a 90% doba odezvy o 28 %. Podívejte se na tento návod Blazemetru pokud vám nejsou jasné parametry uvedené v reportu.

Závěr

Je úžasné vidět, jak Cloudflare vylepšuje tyto hodnoty i v rámci svého bezplatného plánu.

Doporučuji vyzkoušet bezplatnou verzi Cloudflare. Nastavení je snadné a prokazatelně zvyšuje výkon.

Neměli bychom zapomínat, že jsme otestovali pouze rychlostní aspekty. Cloudflare ale slouží i jako ochrana proti různým hrozbám. Navíc je schopen udržovat statickou verzi vašeho webu online, i když je původní server nedostupný.

A pokud byste někdy chtěli využít jeho plný potenciál, Cloudflare nabízí i placené verze. Ty nabízejí mnoho dalších funkcí, jako je WAF, optimalizace obrázků, optimalizace pro mobilní zařízení a další.

Používáte WordPress?

Pokud používáte WordPress, zvažte použití pluginu WP Cloudflare Super Page Cache. Ten chytře ukládá do cache celý web (statický i dynamický obsah), což by mělo dále zkrátit dobu načítání.

Jaká je alternativa ke Cloudflare?

Velmi silnou alternativou je například Sucuri.

Zde je několik nástrojů pro sledování rychlosti stránek, které vás upozorní, když váš web nefunguje správně.