Fra forfatteren: Hvis du har jobbet lenge med utvikling, vet du at hovedproblemet på Internett er hastighet. Det er enkelt: hastighet er viktig, og jo raskere jo bedre. En enkel måte å forbedre ytelsen på er å bruke et CDN. Vi har allerede dekket dette emnet flere ganger på nettstedet til CSS-Tricks. Enkelheten er at du ikke trenger å omskrive databasen og manuelt redigere innholdet, men mange av oss tar ikke nok hensyn til ytelsen på dette området. Hosting, servere og cPanel, herregud!

Heldigvis for oss er ikke CDN-integrasjon så vanskelig. Ideelt sett setter du opp alt, og tjenester som Google PageSpeed ​​​​trumpet høy ytelse nettstedet ditt, som igjen fører til høyere rangeringer i søkeresultater, økt inntekt, økt popularitet og...vel, du skjønner ideen.

I denne artikkelen vil vi gå gjennom prosessen med å sette opp et CDN på en tilpasset nettapplikasjon, hvoretter vi lærer om et par triks som vil hjelpe deg å få mest mulig ut av et CDN. Som jeg sa, oppsett skal være enkelt, så la oss komme i gang og gjøre nettet raskere!

Det skal legges til at å sette opp et CDN for de som jobber med et CMS som WordPress, hvor det finnes spesielle plugins for CDN-distribusjon, kan være enda enklere enn vi nå vil fortelle deg. La oss anta at ikke alle har slik luksus, så la oss gå videre til mer tradisjonell måte.

Du mistet meg på CDN

Det vil ikke skade hvis vi ser på de grunnleggende konseptene: hva en CDN er, hva de trengs til. La oss begynne med dette.

JavaScript. Rask start

Et CDN henter statiske filer fra nettstedets server og bufrer dem på serverne. Når en nettleser får tilgang til nettstedet ditt, lastes det statiske innholdet gjennom CDN, ikke fra nettstedet ditt. Dette er mye raskere, siden CDN-servere er lokalisert over hele verden. CDN selv fungerer etter prinsippet om en proxy, og bestemmer serveren nærmest brukeren, noe som sikrer raskere og mer praktisk innholdslevering. Forkortelsen står for Content Delivery Network eller Content Delivery Network.

Så hvordan bestemmer nettleseren når filer skal lastes ned via et CDN i stedet for fra nettstedets server? URL-en til statiske filer skrives om for å peke til CDN.

For eksempel ønsker vi å sette opp et CDN for et underdomene. På CSS-Tricks-nettstedet kan adressen være cdn.css-tricks.com. Følgelig vil alle lenker for filer gå til underdomenet.

Grovt sett er adressene til filene på nettstedet ditt:

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

... blir slik:

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

Nettleseren sender forespørsler til CDN i stedet for til nettstedets server, noe som tar brorparten av belastningen fra serveren og gjør nettstedet ditt raskere.

Vent, to servere på ett nettsted?

Til en viss grad er dette sant, men dette betyr ikke at du skal administrere to servere.

Poenget er at CDN brukes som et virtuelt lag mellom serveren din og brukerens nettleser. Dette laget fanger opp nettleserforespørsler til serveren og svarer gladelig på dem med bufrede filer på vegne av serveren din.

I noen tilfeller kan du laste opp statiske filer til et CDN direkte, og fjerne belastningen fra serveren fullstendig. I denne artikkelen vil vi se på prosessen med å hente statiske CDN-filer fra serveren din og bufre dem slik at du ikke trenger å laste opp filer til to servere og jobbe med forskjellige adresser.

Hvordan installere en CDN på en tilpasset applikasjon

Det er mange tjenester, men de mest brukte er Amazon AWS og MaxCDN. I dag skal vi se på MaxCDN-tjenesten.

Trinn 1: Velg et CDN og registrer nettstedet ditt

Hvis du bestemmer deg for at nettstedet ditt trenger et CDN, må du registrere deg. Det er mange, mange måter, men for ikke å veie fordeler og ulemper med hver ( bra tema for neste artikkel), vil jeg gi en rekke tjenester:

Hovedformålet med registreringen er å lage et nedlastingsområde. Du kan tenke på nedlastingsområdet i en CDN som en bøtte som vil inneholde alle støttede filer. Dataene vil automatisk bli hentet fra katalogen du spesifiserer når du først ber om filen. For brukere vil filer lastes ned enten fra et underdomene til CDN eller fra et tilpasset domene som peker til CDN. Data fra papirkurven slettes automatisk etter å ha nådd en spesifisert tidsperiode.

Trinn 2: Opprett en URL til CDN

CDN URL er adressen der alle filene dine vil bli lastet ned etter oppsett. En god tommelfingerregel er å bruke enkle navn i URL-en slik at du enkelt kan søke etter filer og erstatte adressene til alle eksisterende filer i databasen.

Som med andre underdomener, må du spesifisere en cname-post i DNS-innstillinger verten din.

Trinn 3: Pek filene dine til en CDN

La oss se på hvordan du kan lage en variabel for CDN-adressen, og hvordan den kan brukes til å programmere sette inn statiske ressurser før URL-en. Hvorfor dette er nødvendig: ​​(1) det gjør det vanskeligere å gjøre feil i markeringen og (2) det gjør det lettere å jobbe med nettadresser som vi må endre.

For å gjøre dette trenger vi en global variabel for CDN, som vi legger til til venstre for den statiske ressurs-URLen. Vi vil lage variabelen i både PHP og JS for å gjøre det lettere å jobbe med senere. Denne variabelen vil også hjelpe oss med å enkelt deaktivere CDN hvis vi ønsker det. Du trenger bare å erstatte verdien med / for å returnere adressen til serveren vår.

Vær oppmerksom på at følgende eksempler bare er eksempler og ikke skal brukes. Faktiske brukstilfeller kan variere.

Hei Verden! /* La oss definere et javascript globalt for bruk av CDN i skript */ var cdnURL = ""; js/main.js">

En verden av gratis programmer og nyttige tips 2024 whatsappss.ru