Od autora: Ako se dugo bavite razvojem, znate da je glavni problem na internetu brzina. Jednostavno je: brzina je bitna, a što brže to bolje. Jednostavan način za poboljšanje performansi je korištenje CDN-a. Ovu temu smo već obrađivali nekoliko puta na CSS-Tricks stranici. Jednostavnost je u tome što ne morate ponovo pisati bazu podataka i ručno uređivati ​​sadržaj, ali mnogi od nas ne obraćaju dovoljno pažnje na performanse u ovoj oblasti. Hosting, serveri i cPanel, o moj!

Na našu sreću, CDN integracija nije tako teška. U idealnom slučaju, sve postavite i usluge poput Google PageSpeed ​​trube Visoke performanse vaš sajt, što zauzvrat vodi do višeg rangiranja u rezultatima pretrage, povećanja prihoda, povećane popularnosti i... pa, shvatili ste.

U ovom članku ćemo proći kroz proces postavljanja CDN-a na prilagođenoj web aplikaciji, nakon čega ćemo naučiti nekoliko trikova koji će vam pomoći da izvučete maksimum iz CDN-a. Kao što sam rekao, postavljanje bi trebalo biti jednostavno, pa hajde da počnemo i učinimo web bržim!

Treba dodati da je postavljanje CDN-a za one koji rade na CMS-u poput WordPress-a, gdje postoje posebni dodaci za implementaciju CDN-a, možda čak i jednostavnije nego što ćemo vam sada reći. Pretpostavimo da nemaju svi takav luksuz, pa pređimo na više tradicionalan način.

Izgubio si me na CDN-u

Neće škoditi ako pogledamo osnovne koncepte: šta je CDN, za šta je potreban. Počnimo s ovim.

JavaScript. Brzi početak

CDN izvlači statičke datoteke sa servera vaše stranice i kešira ih na svojim serverima. Kada pretraživač pristupi vašoj web-lokaciji, statički sadržaj se učitava preko CDN-a, a ne s vaše stranice. Ovo je mnogo brže, budući da se CDN serveri nalaze širom svijeta. Sam CDN radi na principu proxyja, određujući server koji je najbliži korisniku, što osigurava bržu i praktičniju isporuku sadržaja. Skraćenica je skraćenica za Content Delivery Network ili Content Delivery Network.

Dakle, kako pretraživač određuje kada treba preuzeti datoteke preko CDN-a, a ne sa servera stranice? URL statičkih datoteka se prepisuje tako da ukazuje na CDN.

Na primjer, želimo postaviti CDN za poddomenu. Na web stranici CSS-Tricks, adresa bi mogla biti cdn.css-tricks.com. U skladu s tim, sve veze za datoteke će ići na poddomenu.

Grubo govoreći, adrese fajlova na vašem sajtu su:

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

... postaće ovako:

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

Pregledač šalje zahtjeve CDN-u, a ne serveru vaše stranice, što skida lavovski dio opterećenja sa servera i čini vašu web lokaciju bržom.

Čekaj, dva servera na jednom mjestu?

U određenoj mjeri, to je tačno, ali to ne znači da ćete upravljati sa dva servera.

Poenta je da se CDN koristi kao virtuelni sloj između vašeg servera i pretraživača korisnika. Ovaj sloj hvata zahtjeve pretraživača prema serveru i rado odgovara na njih keširanim datotekama u ime vašeg servera.

U nekim slučajevima, možete direktno učitati statičke datoteke na CDN, potpuno uklanjajući opterećenje sa servera. U ovom članku ćemo se osvrnuti na proces dobijanja CDN statičkih fajlova sa vašeg servera i njihovog keširanja tako da ne morate da postavljate datoteke na dva servera i radite sa različite adrese.

Kako instalirati CDN na prilagođenu aplikaciju

Postoji mnogo usluga, ali najčešće se koriste Amazon AWS i MaxCDN. Danas ćemo pogledati MaxCDN uslugu.

Korak 1: Odaberite CDN i registrirajte svoju stranicu

Ako odlučite da će vašoj stranici biti potreban CDN, morat ćete se registrirati. Postoji mnogo, mnogo načina, ali kako ne bismo vagali prednosti i nedostatke svakog ( dobra tema za sljedeći članak), dat ću niz usluga:

Glavna svrha registracije je stvaranje područja za preuzimanje. Područje za preuzimanje u CDN-u možete zamisliti kao kantu koja će sadržavati sve podržane datoteke. Podaci će biti automatski izvučeni iz direktorija koji navedete kada prvi put zatražite datoteku. Za korisnike, datoteke će se preuzimati ili sa poddomena CDN-a ili sa prilagođene domene koja ukazuje na CDN. Podaci iz korpe za otpatke se automatski brišu nakon isteka određenog vremenskog perioda.

Korak 2: Kreirajte URL za svoj CDN

CDN URL je adresa na koju će svi vaši fajlovi biti preuzeti nakon podešavanja. Dobro pravilo je korištenje jednostavnih imena u URL-u tako da možete lako pretraživati ​​datoteke i zamijeniti adrese svih postojećih datoteka u bazi podataka.

Kao i kod drugih poddomena, morat ćete navesti cname zapis u DNS postavke vaš domaćin.

Korak 3: Usmjerite svoje datoteke na CDN

Pogledajmo kako možete kreirati varijablu za CDN adresu i kako se ona može koristiti za programsko umetanje statičkih resursa prije URL-a. Zašto je ovo neophodno: (1) otežava pravljenje grešaka u označavanju i (2) olakšava rad sa URL-ovima koje ćemo morati da promenimo.

Da bismo to učinili, potrebna nam je globalna varijabla za CDN, koju ćemo dodati lijevo od URL-a statičkog resursa. Napravićemo varijablu i u PHP-u i u JS-u kako bismo kasnije olakšali rad. Ova varijabla će nam također pomoći da lako onemogućimo CDN ako to želimo. Trebate samo zamijeniti vrijednost sa / da vratite adresu našem serveru.

Imajte na umu da su sljedeći primjeri samo primjeri i da ih ne treba koristiti. Stvarni slučajevi upotrebe mogu varirati.

Zdravo svijete! /* Hajde da definišemo javascript global za korišćenje CDN unutar skripti */ var cdnURL = ""; js/main.js">

Svijet besplatnih programa i korisnih savjeta 2024 whatsappss.ru