Od avtorja: Če se že dolgo ukvarjate z razvojem, veste, da je glavni problem na internetu hitrost. Preprosto je: hitrost je pomembna in čim hitreje, tem bolje. Enostaven način za izboljšanje zmogljivosti je uporaba CDN. To temo smo že večkrat obravnavali na spletnem mestu CSS-Tricks. Enostavnost je v tem, da vam ni treba znova pisati baze podatkov in ročno urejati vsebine, vendar mnogi od nas ne posvečajo dovolj pozornosti uspešnosti na tem področju. Gostovanje, strežniki in cPanel, o moj!

Na našo srečo integracija CDN ni tako težka. Idealno je, da vse nastavite in storitve, kot je Google PageSpeed ​​​​trobijo visokozmogljivo vaše spletne strani, kar posledično vodi do višjih uvrstitev v rezultatih iskanja, povečanega dohodka, povečane priljubljenosti in ... no, razumete.

V tem članku se bomo sprehodili skozi postopek nastavitve CDN v spletni aplikaciji po meri, nato pa bomo spoznali nekaj trikov, ki vam bodo pomagali kar najbolje izkoristiti CDN. Kot sem rekel, bi morala biti nastavitev enostavna, zato začnimo in naredimo splet hitrejši!

Dodati je treba, da je nastavitev CDN za tiste, ki delajo na CMS, kot je WordPress, kjer obstajajo posebni vtičniki za uvajanje CDN, morda celo preprostejša, kot vam bomo zdaj povedali. Predpostavimo, da nimajo vsi takšnega razkošja, zato pojdimo na več tradicionalen način.

Izgubil si me na CDN

Ne bo škodilo, če pogledamo osnovne pojme: kaj je CDN, za kaj ga potrebujemo. Začnimo s tem.

JavaScript. Hiter začetek

CDN potegne statične datoteke s strežnika vašega spletnega mesta in jih predpomni na svojih strežnikih. Ko brskalnik dostopa do vašega spletnega mesta, se statična vsebina naloži prek CDN, ne z vašega spletnega mesta. To je veliko hitreje, saj so strežniki CDN locirani po vsem svetu. Sam CDN deluje po principu proxyja, ki določa uporabniku najbližji strežnik, kar zagotavlja hitrejšo in priročnejšo dostavo vsebin. Okrajšava pomeni Content Delivery Network ali Content Delivery Network.

Kako torej brskalnik določi, kdaj naj prenese datoteke prek CDN in ne s strežnika spletnega mesta? URL statičnih datotek je prepisan tako, da kaže na CDN.

Na primer, želimo nastaviti CDN za poddomeno. Na spletnem mestu CSS-Tricks bi lahko bil naslov cdn.css-tricks.com. V skladu s tem bodo vse povezave za datoteke šle na poddomeno.

V grobem so naslovi datotek na vašem spletnem mestu:

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

... bo takole:

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

Brskalnik pošilja zahteve v CDN in ne v strežnik vašega spletnega mesta, kar prevzame levji delež bremena s strežnika in naredi vaše spletno mesto hitrejše.

Čakaj, dva strežnika na enem mestu?

Do neke mere je to res, vendar to ne pomeni, da boste upravljali dva strežnika.

Bistvo je, da se CDN uporablja kot virtualna plast med vašim strežnikom in uporabnikovim brskalnikom. Ta plast lovi zahteve brskalnika do strežnika in nanje z veseljem odgovarja s predpomnjenimi datotekami v imenu vašega strežnika.

V nekaterih primerih lahko statične datoteke naložite neposredno v CDN, s čimer popolnoma odstranite obremenitev strežnika. V tem članku si bomo ogledali postopek pridobivanja statičnih datotek CDN iz vašega strežnika in njihovega predpomnjenja, tako da vam ni treba nalagati datotek na dva strežnika in delati z različne naslove.

Kako namestiti CDN v aplikacijo po meri

Obstaja veliko storitev, vendar sta najpogosteje uporabljeni Amazon AWS in MaxCDN. Danes si bomo ogledali storitev MaxCDN.

1. korak: Izberite CDN in registrirajte svoje spletno mesto

Če se odločite, da bo vaše spletno mesto potrebovalo CDN, se boste morali registrirati. Obstaja veliko, veliko načinov, a da ne tehtamo prednosti in slabosti vsakega ( dobra tema za naslednji članek), bom ponudil številne storitve:

Glavni namen registracije je ustvariti območje za prenos. Območje za prenos v CDN si lahko predstavljate kot vedro, ki bo vsebovalo vse podprte datoteke. Podatki bodo samodejno črpani iz imenika, ki ga določite, ko prvič zahtevate datoteko. Za uporabnike bodo datoteke prenesene iz poddomene CDN ali iz domene po meri, ki kaže na CDN. Podatki iz koša se po preteku določenega časa samodejno izbrišejo.

2. korak: Ustvarite URL do svojega CDN

CDN URL je naslov, kamor bodo po namestitvi prenesene vse vaše datoteke. Dobro pravilo je, da v URL-ju uporabite preprosta imena, tako da lahko preprosto iščete datoteke in zamenjate naslove vseh obstoječih datotek v zbirki podatkov.

Tako kot pri drugih poddomenah boste morali določiti zapis cname v DNS nastavitve vaš gostitelj.

3. korak: svoje datoteke usmerite na CDN

Poglejmo, kako lahko ustvarite spremenljivko za naslov CDN in kako jo lahko uporabite za programsko vstavljanje statičnih virov pred URL. Zakaj je to potrebno: ​​(1) oteži delanje napak v označevanju in (2) poenostavi delo z URL-ji, ki jih bomo morali spremeniti.

Da bi to naredili, potrebujemo globalno spremenljivko za CDN, ki jo bomo dodali levo od URL-ja statičnega vira. Spremenljivko bomo ustvarili v PHP in JS, da bo kasneje lažje delati z njo. Ta spremenljivka nam bo tudi pomagala enostavno onemogočiti CDN, če to želimo. Za vrnitev naslova na naš strežnik boste morali samo vrednost zamenjati z /.

Upoštevajte, da so naslednji primeri le primeri in se jih ne sme uporabljati. Primeri dejanske uporabe se lahko razlikujejo.

Pozdravljen, svet! /* Definirajmo globalni javascript za uporabo CDN znotraj skriptov */ var cdnURL = ""; js/main.js">

Svet brezplačnih programov in koristnih nasvetov 2024 whatsappss.ru