Jako webový designér už víte, že skvělý design je nezbytný pro webové stránky - je to pojem designu, kterému důvěřujete, pokud web vypadá naprosto úžasně, bude pro nové návštěvníky těžké důvěřovat tomuto webu. To je, jak důležitý je skvělý design na webových stránkách.

Existuje však další důležitá část mít důvěryhodnou webovou stránku, pozitivní UX, která je dodávána s rychlým, elegantním webem.

Po skvělém designu je rychlost jedním z nejdůležitějších faktorů, které přispívají k úspěchu webové stránky.

Ale proč je rychlost tak důležitá?

The důležitost rychlého webu byl zkoumán znovu a znovu.

Místa, která nejsou dostatečně rychlá, vytvářejí negativní vnímání, přičemž skutečná doba načítání stránky významně ovlivňuje míru konverze webových stránek.

Vzhledem k tomu, že doba načítání je vyšší a vyšší, konverzní poměr výrazně klesá, přičemž optimální míra konverze se děje za dobu načítání stránky 2,4 sekundy.

Co je to CDN a jak může pomoci urychlit můj web?

Zatímco existuje mnoho výhod pro používání CDN, o kterém budeme brzy diskutovat, existuje jeden základní předpoklad toho, jak CDN dělá vaše stránky rychlejší.

Jednoduše řečeno, CDN je mnohem lépe vybavena jako síť pro ovládání provozu webové stránky než většina hostingových služeb.

Sdílený hosting je obvykle optimalizován pro poskytování stabilního prostředí, kde vaše webové stránky mohou provozovat PHP nebo jiné populární hostingové prostředí.

Nejsou určeny pro optimalizaci rychlosti nejčastěji.

Na druhou stranu, primární cíl CDN a aktuální nastavení infrastruktury jsou zaměřeny na pomoc při poskytování bleskově rychlé webové stránky.

Ale jak CDN skutečně urychluje můj web?

Jak infrastruktura CDN zrychluje váš web

Existuje několik důvodů, proč by vaše webové stránky mohly být pomalé:

  • váš sdílený hostingový server je přeplněn a reaguje pomalu;
  • obrázky a obsah vašeho webu jsou velké a mají spoustu času na stažení;
  • vaše webové stránky používají příliš mnoho různých skriptů a obrázků, které nejsou optimalizovány pro rychlé načítání webových stránek;
  • umístění serveru vašeho webu je v geograficky odlišném regionu než návštěvníci vašich webových stránek.

Existují i ​​jiné důvody, ale ty jsou hlavní.

Můžete se obrátit na každou z nich jednotlivě, hlavně se budeme soustředit na poslední dvě ...

Váš sdílený hostingový server je ohromen a reaguje pomalu

Sdílené hostingové servery nemají být rychlé. Mají být cenově dostupné.

Ekonomika sdíleného hostingu znamená, že s cílem snížit náklady je počet různých webových stránek hostovaných na stejném serveru výrazně vysoký.

To znamená, že pokaždé, když někdo navštíví vaše webové stránky, hostitelský server soutěží o zdroje se všemi webovými stránkami hostovanými na tomto webu, což znamená, že obvykle trvá déle než jedna sekunda, kdy začnete zobrazovat vaše webové stránky.

Teď, když mluvíme o vytvoření webové stránky, penalizace za sekundu, než začneme provést optimalizaci, je strašný způsob, jak začít.

Takže pár doporučení:

  1. Pokud je váš web hostován pomocí aplikace WordPress, musíte najít spolehlivá hostingová společnost WordPress , s velkými recenzemi, což není levné.
  2. Vyberte vyšší platební plán, ideálně VPS , takže vaše stránky budou mít dostatek prostředků a nebudou soutěžit se stovkami dalších webů

Obrázky vašeho webu jsou velké

Jeden z největších dopadů vašeho webu může mít, pokud jde o dobu načítání, obvykle pochází z obrázků hostovaných na vašem webu.

Najdete zde spoustu blogů, které propagují hodnotu využití obrázků na vašich webových stránkách a blogu a samozřejmě je to výborná rada.

Obrázky jsou nezbytné pro rozdělení velkých kusů textu a pro lepší čitelnost.

Kdo také neslyšel o frázi: "Obraz stojí za tisíc slov"

Ano, obrázky jsou životně důležité pro úspěch vašeho webu.

Přesto mají nevýhodu.

Neoptimalizované obrázky mohou zabíjet dobu načítání vašeho webu.

Teď, v ideálním světě, bychom měli doporučený přístup ukládat každý soubor ve formátu vhodném pro web, optimalizovat velké obrazy a komprimovat je na velikost, která je přijatelná bez ztráty jakékoliv kvality.

Přesto ve skutečnosti prostě nemáme čas nebo sklon projít se optimalizačním procesem pro každý obraz.

Existuje však řešení. Automatizace.

Jednou se znovu objeví záchranné CDN. Komprese a optimalizace obrazu je typicky vestavěná funkce CDN.

V podstatě máte zájem o vytvoření skvěle vypadající webové stránky s úžasnými snímky, CDN zvládne kompresi a optimalizaci obrázků.

Vaše webové stránky používají spoustu skriptů

Jedná se o dalšího zabijáka.

Když právě začínáme jako weboví designéři, těšíme se objevování nových pluginů a jejich testování a jejich instalování na našich webových stránkách, aniž bychom si uvědomili, jaký dopad budou mít pluginy.

Dokonce i zavedení weboví designéři mají tendenci spadat do této pasti. Použití desítek pluginů, aby se ujistil, že funkce, které zákazník požaduje, má své vedlejší účinky.

Ve skutečnosti každý plugin nainstalovaný na vašem webu přidává soubory Javascript, soubory CSS a vyžaduje vyšší výkon z vašich stránek.

Uvidíte to ve formě mnoha požadavků na testovacích stránkách a velmi dlouhý čas načítání.

Opět několik doporučení:

  1. Udržujte své stránky co nejlépe od zásuvných modulů, méně je víc
  2. Skomprimovat, skomprimovat a miniaturovat skripty
  3. Povolit protokol HTTP / 2

Zatímco CDN vám nepomůže, abyste se rozhodli, které zásuvné moduly mají udržovat a které zásuvné moduly se mohou vykládat, CDN dokáže ve skutečnosti provádět kompresi a zmenšování skriptů na místě, čímž se zmenší celková velikost obsahu vašeho webu, a tím rychleji.

Třetím a velmi důležitým doporučením je nastavení HTTP / 2 - nebudeme jít do podrobností, protože jsme již rozsáhle diskutovali o HTTP / 2, oba na tomto webu a někde jinde .

HTTP / 2 byl napsán speciálně pro optimalizaci času načítání webových stránek, zejména těch webových stránek, které mají spoustu různých zdrojů k obsluze.

Většina služeb CDN vám umožňuje rychle a jednoduše povolit protokol HTTP / 2 na vašem webu, což okamžitě zvyšuje rychlost vašeho webu.

Dokonce i když jste provedli všechny výše uvedené optimalizace, je ještě jedna věc, která může zcela zabít rychlost vašeho webu.

Jak to opravíš?

Umístění vašeho webového serveru

Ok, pokud jste sledovali naši radu, vaše webové stránky by nyní měly být výrazně rychlejší než předtím.

Existuje však jedna věc, která může zabránit načítání rychlosti vašeho webu.

Pokud je vaše webové stránky zaměřené na místní publikum, je vaše řešení jednoduché: vyberte si dobrou hostingovou službu, která je co nejvíce fyzicky blízko vaší cílové lokality.

Nicméně, je to obtížnější, pokud váš, pokud váš web je catering pro mezinárodní publikum.

Prostě nemůžete vybrat umístění serveru, které je fyzicky blízko ke všem návštěvníkům vašeho webu.

Můžete udělat další nejlepší věc a host v místě návštěvníka, který je nejoblíbenější, ale je zde druhé, efektivnější řešení.

Služba CDN je zaměřena konkrétně na řešení tohoto problému.

A Infrastruktura CDN je navržen speciálně pro řešení problému, který jsme právě popsali.

CDN mají síť stovek serverů v desítkách míst po celém světě. Tyto servery označované jako hraniční nebo mezipaměťové servery budou replikovat vaše obrázky a statické zdroje, jako jsou soubory Javascript a CSS, na tato místa.

Když uživatel poté narazí na vaše stránky, těžké zdroje se dostanou z místa, které je fyzicky co nejblíže návštěvníkovi.

To výrazně snižuje problém vzdálenosti a dává vašemu webu velkou výhodu z hlediska rychlosti načítání.

Jak nastavit volné CDN

Skvělá věc, pokud jde o používání CDN, spočívá v tom, že můžete snadno zvýšit rychlost vaší webové stránky, aniž byste museli platit nic zvláštního, zvláště pokud vaše webové stránky stále rostou.

Většina služeb CDN nabízí bezplatný plán, který poskytne základní funkci ukládání do mezipaměti, o níž jsme diskutovali výše. Obvykle se kromě optimalizace obsahu také zvýší zabezpečení vaší webové stránky díky bezpečnostním mechanismům implementovaným systémem CDN.

Jak vaše webové stránky rostou a potřeby stránek rostou, budete moci přejít na plán, který vyhovuje vašim potřebám lépe.

Existuje několik způsobů, jak nastavit CDN, to většinou závisí na aktuálním CDN, který budete používat.

Nainstalujte doplněk CDN

Prvním způsobem nastavení CDN je použití pluginu CDN. Při nastavení CDN získáte adresu URL, která bude novým umístěním statických obrázků vašeho webu.

Plugin CDN přepíše adresu URL statických zdrojů tak, aby byly z CDN zobrazeny.

https://www.example.com/images/logo-default.jpg

je nyní přepsán jako

https://cdn.example.com/images/logo-default.jpg

Budete muset provést několik drobných změn v položkách DNS vašeho webu, takže cdn.example.com bude vyřešen jako URL poskytnutá vaším CDN.

Pokud používáte službu přepsání adres URL, jako je KeyCDN (autoři tohoto pluginu), MaxCDN nebo Incapsula, můžete použít plugin CDN Enabler.

Jakmile nainstalujete tento plugin, musíte pouze zadat adresu URL poskytovanou službou CDN a měli byste být rád.

Nainstalujte CDN jako reverzní proxy

Další, lepší způsob instalace CDN využívá reverzní proxy.

To také vyžaduje menší změny DNS, které jsou obvykle specifické pro CDN, který budete instalovat.

Tato implementace je výhodná, protože odstraňuje značné zatížení z přímého zasažení serveru.

Jste připraveni vzít své webové stránky na další úroveň rychlosti?

Jak jsme viděli výše, instalace CDN není z hlediska cen tak nepřípustná, jak si myslíte. Kromě toho zvýšení výkonu poskytované vašemu webu bude znamenat významné zlepšení UX.

Pokud chcete rychle zrychlit svůj web, musíte mít CDN nutnou potřebu.