Od autora: Pokud pracujete ve vývoji delší dobu, víte, že hlavním problémem internetu je rychlost. Je to jednoduché: na rychlosti záleží a čím rychleji, tím lépe. Snadný způsob, jak zlepšit výkon, je použití CDN. Tomuto tématu jsme se již několikrát věnovali na webu CSS-Tricks. Jednoduchost spočívá v tom, že nemusíte přepisovat databázi a ručně upravovat obsah, ale mnoho z nás nevěnuje výkonu v této oblasti dostatečnou pozornost. Hosting, servery a cPanel, oh my!

Naštěstí pro nás není integrace CDN tak obtížná. V ideálním případě si vše nastavíte a služby jako Google PageSpeed ​​​​trubka vysoký výkon vaše stránky, což zase vede k vyšším pozicím ve výsledcích vyhledávání, zvýšení příjmů, zvýšení popularity a... no, máte představu.

V tomto článku si projdeme proces nastavení CDN ve vlastní webové aplikaci, poté se seznámíme s několika triky, které vám pomohou vytěžit z CDN maximum. Jak jsem řekl, nastavení by mělo být snadné, takže pojďme začít a zrychlit web!

Je třeba dodat, že nastavení CDN pro ty, kteří pracují na CMS jako WordPress, kde existují speciální pluginy pro nasazení CDN, může být ještě jednodušší, než vám nyní prozradíme. Předpokládejme, že ne každý má takový luxus, takže přejděme k více tradičním způsobem.

Ztratil jsi mě na CDN

Nebude na škodu, když se podíváme na základní pojmy: co je to CDN, k čemu jsou potřeba. Začněme tímto.

JavaScript. Rychlý start

CDN stahuje statické soubory ze serveru vašeho webu a ukládá je do mezipaměti na svých serverech. Když prohlížeč přistoupí na váš web, statický obsah se načte prostřednictvím sítě CDN, nikoli z vašeho webu. To je mnohem rychlejší, protože servery CDN jsou umístěny po celém světě. Samotné CDN funguje na principu proxy, určuje server nejblíže uživateli, což zajišťuje rychlejší a pohodlnější doručování obsahu. Zkratka znamená Content Delivery Network nebo Content Delivery Network.

Jak tedy prohlížeč určí, kdy se mají stáhnout soubory přes CDN, nikoli ze serveru webu? Adresa URL statických souborů je přepsána tak, aby ukazovala na CDN.

Chceme například nastavit CDN pro subdoménu. Na webu CSS-Tricks může být adresa cdn.css-tricks.com. Všechny odkazy na soubory tedy půjdou do subdomény.

Zhruba řečeno, adresy souborů na vašem webu jsou:

http://www.css-tricks.com/image.jpg http://www.css-tricks.com/style.css http://www.css-tricks.com/script.js

http : //www.css-tricks.com/image.jpg http://www.css-tricks.com/style.css http://www.css-tricks.com/script.js

... to dopadne takto:

http://cdn.css-tricks.com/image.jpg http://cdn.css-tricks.com/style.css http://cdn.css-tricks.com/script.js

http: //cdn.css-tricks.com/image.jpg http: //cdn.css-tricks.com/style.css http: //cdn.css-tricks.com/script.js

Prohlížeč posílá požadavky do CDN spíše než na server vašeho webu, což odebírá lví podíl na zatížení serveru a váš web je rychlejší.

Počkat, dva servery na jednom místě?

Do jisté míry je to pravda, ale to neznamená, že budete spravovat dva servery.

Jde o to, že CDN se používá jako virtuální vrstva mezi vaším serverem a prohlížečem uživatele. Tato vrstva zachycuje požadavky prohlížeče na server a šťastně na ně odpovídá pomocí souborů uložených v mezipaměti jménem vašeho serveru.

V některých případech můžete nahrát statické soubory přímo do CDN, čímž zcela odstraníte zátěž ze serveru. V tomto článku se podíváme na proces získávání statických souborů CDN z vašeho serveru a jejich ukládání do mezipaměti, abyste nemuseli nahrávat soubory na dva servery a pracovat s různé adresy.

Jak nainstalovat CDN na vlastní aplikaci

Existuje mnoho služeb, ale nejčastěji používané jsou Amazon AWS a MaxCDN. Dnes se podíváme na službu MaxCDN.

Krok 1: Vyberte CDN a zaregistrujte svůj web

Pokud se rozhodnete, že vaše stránky budou potřebovat CDN, budete se muset zaregistrovat. Existuje mnoho, mnoho způsobů, ale abychom nevážili pro a proti každého ( dobré téma pro příští článek), dám několik služeb:

Hlavním účelem registrace je vytvoření oblasti pro stahování. Oblast stahování v CDN si můžete představit jako kbelík, který bude obsahovat všechny podporované soubory. Data budou automaticky stažena z adresáře, který zadáte při prvním požadavku na soubor. Pro uživatele budou soubory staženy buď ze subdomény CDN, nebo z vlastní domény, která odkazuje na CDN. Data z koše se po uplynutí stanovené doby automaticky vymažou.

Krok 2: Vytvořte adresu URL do sítě CDN

CDN URL je adresa, kam budou po nastavení staženy všechny vaše soubory. Dobrým pravidlem je používat v URL jednoduché názvy, abyste mohli snadno vyhledávat soubory a nahrazovat adresy všech existujících souborů v databázi.

Stejně jako u jiných subdomén budete muset zadat záznam cname v Nastavení DNS váš hostitel.

Krok 3: Nasměrujte své soubory na CDN

Podívejme se, jak můžete vytvořit proměnnou pro adresu CDN a jak ji lze použít k programovému vkládání statických zdrojů před adresu URL. Proč je to nutné: ​​(1) ztěžuje to dělat chyby v označení a (2) usnadňuje práci s adresami URL, které budeme muset změnit.

K tomu potřebujeme globální proměnnou pro CDN, kterou připojíme nalevo od adresy URL statického zdroje. Proměnnou vytvoříme v PHP i JS, aby se s ní později lépe pracovalo. Tato proměnná nám také pomůže snadno deaktivovat CDN, pokud budeme chtít. Pro vrácení adresy na náš server stačí nahradit hodnotu /.

Vezměte prosím na vědomí, že následující příklady jsou pouze příklady a neměly by se používat. Skutečné případy použití se mohou lišit.

Ahoj světe! /* Pojďme definovat globální javascript pro použití CDN uvnitř skriptů */ var cdnURL = ""; js/main.js">

Svět bezplatných programů a užitečných tipů 2024 whatsappss.ru