Som webbdesigner vet du redan den stora designen är avgörande för en webbplats. Det är konceptet design du litar på, om inte en webbplats ser helt fantastisk ut, kommer det att vara svårt för nya besökare att lita på den webbplatsen. Så här är väldigt bra design på en webbplats.
Det finns dock en annan viktig del av att ha en pålitlig webbplats, den positiva UX som kommer med en snabb och snygg webbplats.
Efter bra design är hastighet en av de viktigaste faktorerna som bidrar till framgången för en webbplats.
De vikten av en snabb webbplats har undersökts om och om igen.
Webbplatser som inte är tillräckligt snabba skapar en negativ uppfattning, med den faktiska laddningstiden för en webbplats som påtagligt påverkar webbplatsernas omvandlingsfrekvens.
Eftersom laddningstiden blir högre och högre, sjunker konverteringsfrekvensen signifikant, med den optimala omvandlingsfrekvensen på en sidladdningstid på 2,4 sekunder.
Även om det finns många fördelar med att använda en CDN som vi kommer att diskutera inom kort, finns det en grundläggande förutsättning för hur en CDN gör din webbplats snabbare.
Enkelt uttryckt är en CDN mycket bättre utrustad som ett nätverk för att hantera trafiken på en webbplats än de flesta värdtjänster.
Delad hosting är vanligtvis optimerad för att leverera en stabil miljö där din webbplats kan köra PHP eller andra populära värdmiljöer.
Det är inte inriktat på att optimera för hastighet de flesta gånger.
Å andra sidan är en CDN: s huvudsyfte och den faktiska infrastrukturinställningen inriktad på att hjälpa till att leverera en blixtlös webbplats.
Men hur snabbar en CDN på min webbplats?
Det finns några anledningar till varför din webbplats kan vara långsam:
Det finns andra skäl, men dessa är de viktigaste.
Du kan adressera var och en av dessa individuellt, vi fokuserar mest på de senare två här ...
Delade värdservrar är inte avsedda att vara snabba. De är avsedda att vara överkomliga.
Ekonomien hos delad hosting innebär att för att minska kostnaderna är antalet olika webbplatser som är värd på samma server betydligt hög.
Det betyder att varje gång någon besöker din webbplats konkurrerar värdservern för resurser med alla webbplatser som finns på webbplatsen, vilket innebär att det vanligtvis tar mer än en sekund att börja betjäna din webbplats.
Nu när vi pratar om att göra en hemsida, ett straff på en sekund innan vi börjar göra några optimeringar är en hemsk väg att börja.
Så ett par rekommendationer:
En av de största konsekvenserna din webbplats kan ha när det gäller laddningstiden kommer vanligtvis från bilderna som finns på din webbplats.
Du hittar massor av bloggar som värderar användningen av bilder på din webbplats och blogg, och det här är naturligtvis utmärkt råd.
Bilder är nödvändiga för att bryta upp stora bitar av text och skapa bättre läsbarhet.
Vem har inte heller hört talas om uttrycket: "En bild är värd tusen ord"
Ja, bilder är avgörande för din webbplatss framgång.
Ändå har de en nackdel.
Ooptimerade bilder kan döda laddningstiden för din webbplats.
Nu, i en idealisk värld, skulle vi rekommendera att spara varje fil i ett webbvänligt format, optimera stora bilder och komprimera dem till en storlek som är acceptabel utan att förlora någon kvalitet.
Men i verkligheten har vi helt enkelt inte tid eller lust att gå igenom en optimeringsprocess för varje bild.
Men det finns en lösning. Automatisering.
En gång, igen, kommer CDNs till räddningen. Bildkomprimering och optimering är typiskt en inbyggd egenskap hos en CDN.
I huvudsak handlar du om ditt företag att skapa en snygg webbplats med fantastiska bilder, CDN hanterar komprimeringen och optimeringen av bilderna.
Detta är en annan hastighetsmördare.
När vi just börjar som webbdesigners, tycker vi om att upptäcka nya plugins och testa dem och installera dem på vår hemsida, aldrig inse vilka effekter plugins kommer att bli.
Även etablerade webbdesigners tenderar att falla i denna fälla. Med hjälp av tiotals plugins för att säkerställa att den funktionalitet som kunden behöver levereras har biverkningarna.
I själva verket lägger varje plugin du installerar på din webbplats till Javascript-filer, CSS-filer och kräver mer prestanda från din webbplats.
Du ser det i form av många förfrågningar om prestationstestningstjänster och en mycket lång laddningstid.
Återigen några rekommendationer:
Medan en CDN inte hjälper dig att bestämma vilka plugins som ska hållas och vilka plugins som ska dumpas, kan en CDN faktiskt utföra komprimering och minifiering av skript för att göra den totala storleken på innehållet på din webbplats mindre, och därmed snabbare.
Den tredje och väldigt viktiga rekommendationen är inställningen av HTTP / 2 - vi kommer inte att gå in på mycket detaljer, eftersom vi redan har diskuterat HTTP / 2 i stor utsträckning, båda på den här sidan och någon annanstans .
HTTP / 2 har skrivits specifikt för att optimera laddningstiden för webbplatser, särskilt de webbplatser som har många olika resurser att tjäna.
De flesta CDN-tjänster gör att du snabbt och enkelt kan aktivera HTTP / 2 på din webbplats, vilket ger din webbplats en snabb hastighetsökning.
Även om du har gjort alla ovanstående optimeringar finns det fortfarande en sak som helt kan döda hastigheten på din webbplats.
Hur fixar du det?
Okej, om du har följt vårt råd bör din webbplats nu vara betydligt snabbare än tidigare.
Men det finns en sak som kan döda din webbplatss lasthastighet.
Om din webbplats riktar sig till en lokal publik, är din lösning enkel: Välj en bra webbhotell som är så fysiskt nära din målplats som möjligt.
Detta är dock svårare om din webbplats är catering för en internationell publik.
Du kan helt enkelt inte välja en serverplats som är fysiskt nära alla dina besökare på webbplatsen.
Du kan göra nästa bästa sak och värd i den besökande platsen som är den mest populära, men det finns en andra, mer effektiv lösning.
En CDN-tjänst syftar specifikt till att lösa detta problem.
en CDNs infrastruktur är utformad speciellt för att lösa problemet som vi just har beskrivit.
CDN har ett nätverk av hundratals servrar på tiotals platser runt om i världen. Dessa servrar som kallas kant- eller cachningsservrar kommer att replikera dina bilder och statiska resurser som Javascript och CSS-filer till dessa platser.
När en användare sedan träffar din webbplats kommer de tunga resurserna att serveras från en plats som är så fysiskt nära som möjligt för din besökare.
Detta minskar avsevärt distansproblemet och ger din webbplats en mycket stor fördel när det gäller lasthastighet.
Det stora med att använda en CDN är att du enkelt kan öka hastigheten på din webbplats utan att behöva betala något extra, särskilt om din webbplats fortfarande växer.
De flesta CDN-tjänster erbjuder en gratis plan som kommer att tillhandahålla den viktigaste cachningsfunktionen som vi diskuterade ovan. Typiskt förutom optimering av innehåll får du också en ökning i din webbplatss säkerhet också genom säkerhetsmekanismer som implementeras av CDN.
När din webbplats växer och webbplatsens behov växer, kan du sedan uppgradera till en plan som passar dina behov bättre.
Det finns ett par sätt att konfigurera en CDN, det beror mest på den faktiska CDN du ska använda.
Det första sättet att skapa en CDN är att använda ett CDN-plugin. När du ställer in din CDN kommer du att få en webbadress som kommer att vara den nya platsen för de statiska bilderna på din webbplats.
CDN-pluginet skriver om webbadressen för statiska resurser så att de kommer att serveras från CDN.
https://www.example.com/images/logo-default.jpg
är nu omskrivet som
https://cdn.example.com/images/logo-default.jpg
Du måste utföra några få ändringar i DNS-poster på din webbplats, så att cdn.example.com kommer att lösa som webbadressen som tillhandahålls av din CDN.
Du kan använda CDN Enabler plugin om du använder URL-omskrivningstjänst som KeyCDN (författarna till det här pluginet), MaxCDN eller Incapsula.
När du har installerat det här pluginet måste du bara ange webbadressen som tillhandahålls av din CDN-tjänst, och du borde vara bra att gå.
Ett annat, bättre sätt att installera en CDN använder en omvänd proxy.
Detta kräver också mindre ändringar i din DNS, som typiskt är specifika för den CDN du ska installera.
Denna implementering är fördelaktig eftersom den tar bort en betydande belastning från att träffa din server direkt.
Som vi har sett ovan är det inte så orimligt att installera en CDN vad gäller pris som man kanske tror. Dessutom kommer prestationshöjningen som ges till din webbplats att bli en betydande UX-förbättring.
Om du vill snabbt påskynda din webbplats är en CDN en måste-ha.