Als webontwerper weet u al dat een geweldig ontwerp essentieel is voor een website - het is het concept van ontwerp dat u vertrouwt, tenzij een website er geweldig uitziet, het moeilijk zal zijn voor nieuwe bezoekers om die site te vertrouwen. Dat is hoe essentieel geweldig ontwerp is voor een website.
Er is echter nog een ander essentieel onderdeel van het hebben van een betrouwbare website, de positieve UX die wordt geleverd met een snelle, pittige website.
Na een geweldig ontwerp is snelheid een van de belangrijkste factoren die bijdragen aan het succes van een website.
De belang van een snelle website is steeds opnieuw onderzocht.
Sites die niet snel genoeg zijn, creëren een negatieve perceptie, waarbij de werkelijke laadtijd van een site de conversieratio's van websites aanzienlijk beïnvloedt.
Naarmate de laadtijd hoger en hoger wordt, gaat de conversieratio aanzienlijk omlaag, waarbij de optimale conversieratio plaatsvindt bij een laadtijd van 2,4 seconden.
Hoewel er veel voordelen zijn aan het gebruik van een CDN die we binnenkort zullen bespreken, is er één basisvoorwaarde voor hoe een CDN uw site sneller maakt.
Simpel gezegd, een CDN is veel beter uitgerust als een netwerk om het verkeer van een website af te handelen dan de meeste hostingdiensten.
Shared hosting is doorgaans geoptimaliseerd voor het leveren van een stabiele omgeving waarin uw website PHP of andere populaire hostingomgevingen kan uitvoeren.
Het is meestal niet gericht op het optimaliseren voor snelheid.
Aan de andere kant zijn het primaire doel van een CDN en de daadwerkelijke infrastructuuropbouw erop gericht om een bliksemsnelle website te leveren.
Maar hoe versnelt een CDN mijn site eigenlijk?
Er zijn een paar redenen waarom uw website traag zou kunnen zijn:
Er zijn nog andere redenen, maar dit zijn de belangrijkste.
Je kunt elk van deze afzonderlijk aanpakken, we zullen ons hier vooral op de laatste twee concentreren ...
Gedeelde hosting-servers zijn niet bedoeld om snel te zijn. Ze zijn bedoeld om betaalbaar te zijn.
De economie van shared hosting betekent dat om de kosten te drukken, het aantal verschillende websites dat op dezelfde server wordt gehost, aanzienlijk is.
Dat betekent dat, elke keer dat iemand uw website bezoekt, de hostingserver concurreert om middelen met ALLE websites die op de site worden gehost, wat betekent dat het doorgaans meer dan een seconde duurt voordat uw website wordt weergegeven.
Als we het hebben over het maken van een website, is een straf van een seconde voordat we beginnen met het uitvoeren van optimalisaties een vreselijke manier om te beginnen.
Dus een paar aanbevelingen:
Een van de grootste effecten van uw site op de laadtijd is meestal afkomstig van de afbeeldingen die op uw site worden gehost.
Je vindt tal van blogs over de waarde van het gebruik van afbeeldingen in je website en blog, en dit is natuurlijk een uitstekend advies.
Afbeeldingen zijn nodig om grote stukjes tekst op te splitsen en voor betere leesbaarheid te zorgen.
Wie heeft ook nog niet gehoord van de zin: "Een afbeelding zegt meer dan duizend woorden"
Ja, afbeeldingen zijn essentieel voor het succes van uw site.
Toch hebben ze een nadeel.
Niet-geoptimaliseerde afbeeldingen kunnen de laadtijd van uw site schaden.
Nu zouden we in een ideale wereld de aanbevolen aanpak volgen om elk bestand in een webvriendelijk formaat op te slaan, grote afbeeldingen te optimaliseren en deze te comprimeren tot een formaat dat acceptabel is zonder de kwaliteit te verliezen.
Maar in werkelijkheid hebben we gewoon niet de tijd of de neiging om een optimalisatieproces voor elke afbeelding door te nemen.
Maar er is een oplossing. Automatisering.
Eens opnieuw komen CDN's te hulp. Beeldcompressie en -optimalisatie is meestal een ingebouwde functie van een CDN.
In essentie gaat het erom dat u een geweldige website maakt met geweldige beelden, de CDN zal de compressie en optimalisatie van de afbeeldingen aan.
Dit is weer een snelheidsdoder.
Wanneer we net beginnen als webdesigners, vinden we het leuk nieuwe plug-ins te ontdekken en uit te testen en op onze website te installeren, zonder te beseffen wat de impact van de plug-ins zal zijn.
Zelfs gevestigde webontwerpers hebben de neiging om in deze val te trappen. Het gebruik van tientallen plug-ins om ervoor te zorgen dat de door de klant vereiste functionaliteit wordt geleverd, heeft zijn bijwerkingen.
In werkelijkheid voegt elke plug-in die u op uw site installeert Javascript-bestanden, CSS-bestanden toe en vereist meer prestaties van uw site.
Dat zie je in de vorm van veel verzoeken over sites voor prestatietests en een zeer lange laadtijd.
Nogmaals, een paar aanbevelingen:
Hoewel een CDN je niet helpt beslissen welke plug-ins je moet behouden en welke plug-ins moeten worden gedumpt, kan een CDN de compressie en verkleining van scripts tijdens het werken uitvoeren, zodat de totale grootte van de inhoud van je site kleiner wordt, en dus sneller.
De derde en zeer belangrijke aanbeveling is het instellen van HTTP / 2 - we gaan niet in detail treden, omdat we al uitgebreid over HTTP / 2 hebben gesproken, beide Op deze site en ergens anders .
HTTP / 2 is specifiek geschreven om de laadtijd van websites te optimaliseren, met name die websites die over veel verschillende bronnen kunnen beschikken.
Met de meeste CDN-services kunt u snel en eenvoudig HTTP / 2 op uw website inschakelen, zodat uw site meteen een snelheidsboost krijgt.
Zelfs als u alle bovenstaande optimalisaties hebt gedaan, is er nog steeds één ding dat de snelheid van uw website volledig kan aantasten.
Hoe los je dat op?
Ok, als u ons advies hebt gevolgd, zou uw website nu aanzienlijk sneller moeten zijn dan voorheen.
Maar er is één ding dat de laadsnelheid van uw website kan doden.
Als uw website is gericht op een lokaal publiek, is uw oplossing eenvoudig: kies een goede hostingdienst die zo dicht mogelijk bij uw doellocatie ligt.
Dit is echter moeilijker als uw website zich richt op een internationaal publiek.
U kunt eenvoudig geen serverlocatie kiezen die fysiek dicht bij al uw websitebezoekers ligt.
Je kunt het volgende beste ding doen en hosten op de bezoekerslocatie die het populairst is, maar er is een 2e, effectievere oplossing.
Een CDN-service is specifiek gericht op het oplossen van dit probleem.
EEN CDN's infrastructuur is specifiek ontworpen om het probleem op te lossen dat we zojuist hebben beschreven.
CDN's hebben een netwerk van honderden servers op tientallen locaties over de hele wereld. Deze servers, edge- of caching-servers genoemd, repliceren uw afbeeldingen en statische bronnen zoals Javascript en CSS-bestanden naar deze locaties.
Wanneer een gebruiker vervolgens uw site raakt, worden de zware bronnen bediend vanaf een locatie die fysiek zo dicht mogelijk bij uw bezoeker ligt.
Dit vermindert het probleem van de afstand aanzienlijk en geeft uw site een aanzienlijk voordeel in termen van laadsnelheid.
Het leuke aan het gebruik van een CDN is dat je de snelheid van je website gemakkelijk kunt verhogen zonder dat je extra hoeft te betalen, vooral als je website nog steeds groeit.
De meeste CDN-services bieden een gratis abonnement, dat de essentiële cachefunctie biedt die we hierboven hebben besproken. Meestal krijgt u naast optimalisatie van inhoud ook een boost in de beveiliging van uw website via de beveiligingsmechanismen die door CDN's worden geïmplementeerd.
Naarmate uw website groeit en de behoeften van de site toenemen, kunt u upgraden naar een plan dat beter aan uw behoeften voldoet.
Er zijn een aantal manieren om een CDN in te stellen, dit hangt grotendeels af van het feitelijke CDN dat je gaat gebruiken.
De eerste manier om een CDN in te stellen, is door een CDN-plug-in te gebruiken. Bij het instellen van uw CDN krijgt u een URL die de nieuwe locatie van de statische afbeeldingen van uw site zal zijn.
De CDN-plug-in herschrijft de URL van statische bronnen zodanig dat deze worden weergegeven via het CDN.
https://www.example.com/images/logo-default.jpg
is nu herschreven als
https://cdn.example.com/images/logo-default.jpg
U moet enkele kleine wijzigingen in de DNS-vermeldingen van uw site aanbrengen, zodat cdn.example.com wordt opgelost als de URL die door uw CDN wordt verstrekt.
U kunt de CDN Enabler-plug-in gebruiken als u een URL-herschrijfservice gebruikt, zoals KeyCDN (de auteurs van deze plug-in), MaxCDN of Incapsula.
Zodra u deze plug-in hebt geïnstalleerd, hoeft u alleen maar de URL in te voeren die door uw CDN-service is verstrekt, en u moet goed zijn om te gaan.
Een andere, betere manier om een CDN te installeren is het gebruik van een reverse proxy.
Dit vereist ook kleine wijzigingen in uw DNS, die meestal specifiek zijn voor de CDN die u gaat installeren.
Deze implementatie is voordelig omdat hiermee een aanzienlijke belasting wordt verwijderd van het rechtstreeks raken van uw server.
Zoals we hierboven hebben gezien, is het installeren van een CDN niet zo prohibitief in termen van prijs als men zou denken. Daarnaast zal de prestatieverbetering aan uw site een aanzienlijke UX-verbetering zijn.
Als u snel uw site wilt versnellen, is een CDN een must-have.