Gå med i programmet! Det är inte 1996 längre: dagens webbplatsbesökare är lika toleranta mot långsamma laddningar som de är mot de gamla uppringda modemljuden som vi alla brukade höra för att komma online.
Men grejen är att det inte bara är besökare som hatar långsamma sajter: Google och andra stora sökmotorer använder nu webbplatsens hastighet som en rankningsfaktor. Med andra ord kommer du att flagga både läsare och sökmotorer om du tvingar båda grupperna att förvänta sig alltför stora bilder, överdrivna HTTP-förfrågningar och andra webbplatselement som kan sakta ner laddningstiderna.
Så med allt detta i åtanke, om du bara gör en SEO-uppgift den här veckan, låt den tillämpa följande bästa praxis för webbplatshastighet för att göra din webbplats blixtsnabb:
Minska HTTP-förfrågningar genom att kombinera bilder till CSS-sprites
En viktig faktor som avgör hastigheten på din webbplats är hur många HTTP-förfrågningar som måste skickas innan din webbplats är fulladdad. Med tanke på den komplexa designen på de flesta webbplatser nuförtiden är det inte ovanligt att ha dussintals bilder som måste laddas varje gång du försöker komma åt sidan.
För varje bild som laddas upp skickas en HTTP-förfrågan. Som ett resultat genererar fler bilder i din webbdesign fler HTTP-förfrågningar, vilket ökar tiden det tar att ladda din webbplats, eftersom den totala storleken på alla bilder som laddas ner tillsammans är mycket större än om bara en efterfrågas.
Lösningen här är att komprimera och kombinera alla dina webbplatslayoutbilder med CSS-sprites. Med den här tekniken kan du avsevärt minska mängden kommunikation som sker mellan en besökares webbläsare och din server genom att adressera antalet HTTP-förfrågningar som skickas, samt den totala storleken på bilden som måste laddas ner innan den laddas upp. din hemsida. .
För att komma igång med den här tekniken, kolla in Spriteme-verktyget samt instruktionerna på den här sidan som förklarar processen för att kombinera bilder till CSS-sprites.
Optimera bilder som används på din webbplats
Det råder ingen tvekan om att användning av bilder på din webbplats gör dina sidor mer visuellt tilltalande, men det är också uppenbart att varje bild du lägger till på din webbplats har potential att sakta ner. Eftersom att återvända till sidor som helt består av text är nästan uteslutet vid det här laget, är det viktigt att förstå hur du kan optimera din webbplats bilder enligt SEO bästa praxis.
En studie utförd av The Poynter Institute, The Estlow Center for Journalism & New Media och Eyetools.com visade att större bilder är mer benägna att locka besökare och behålla deras uppmärksamhet, jämfört med mindre bilder. I själva verket, enligt studien, visade ett experiment med mindre bilder kontra större bilder att 600 % fler människor uppmärksammar när större bilder används.
Tyvärr, medan användning av stora bilder på din webbplats kan vara effektivt för att dra folk till ditt innehåll; Ju större bilder du använder, desto mer bandbredd krävs för att komma åt din webbplats och desto långsammare blir den. När du använder för många bilder blir din webbplats så långsam att folk stänger den innan de ens har en chans att se bilderna.
I de flesta fall ligger lösningen i att optimera dina bilder med hjälp av mindre filstorlekar som fortfarande behåller sin kvalitet och genomslagskraft. Du kan avsevärt minska storleken på varje bild på din webbplats genom att komprimera, ändra storlek på eller optimera dina bildfiler innan du laddar upp dem till din server.
Det är dock den där “före”-delen som många webbansvariga missar. Om du använder WordPress vet du förmodligen att det här populära verktyget för webbplatshantering låter dig ladda upp bilder i full storlek till din webbplats och sedan visa en ändrad version i dina artiklar. Dessa ändringar görs i farten och kräver ingen ytterligare ansträngning från webbmastern när det gäller att ändra eller komprimera bildfiler.
Men utan att de flesta WordPress-användare vet om det, kommer de flesta webbläsare att ladda hela bilden först innan de märker WordPress-kommandot för att ändra storlek på bilden, vilket så småningom kommer att öka tiden det tar att ladda din webbplats. Som du förväntar dig kan du undvika detta genom att ändra storlek på dina bilder till den exakta storlek du vill ha innan du laddar upp dem till din webbplats. Specifikt kan du:
- Ändra storlek på dina bilder med det här verktyget som finns på ImageOptimizer.net.
- Optimera dina bilder för att ta bort onödiga bytes med Yahoo Smush.it
- Om du är en WordPress-användare kan du installera WP Smush.it, ett WordPress-plugin som automatiskt optimerar och minskar storleken på varje WordPress-bild du använder.
Använd ett CDN
Du kan också snabba upp din webbplats genom att använda Content Delivery Networks (CDN), stora samlingar av servrar som finns på flera platser runt om i världen. I grund och botten, när du laddar upp ditt innehåll till ett CDN, kommer flera kopior av din webbplats att lagras på olika servrar i olika länder, redo att levereras till personer som besöker din webbplats från närliggande platser.
Som en allmän regel är en av faktorerna som påverkar hur snabbt användare kommer att kunna komma åt din webbplats din plats. Till exempel kommer en användare från USA att kunna komma åt en webbsida som är värd för USA mycket snabbare än en användare från Tyskland kommer att kunna ladda samma amerikanska sidor.
När du använder ett CDN kommer ditt servernätverk automatiskt att erbjuda den version av din webbplats som är värd på närmaste server, snarare än att erbjuda samma lokalt värdversion av din webbplats till alla. Resultatet? Snabbare webbladdningstider och nöjdare användare överlag.
Om du är fascinerad av potentialen hos CDN, kolla in MaxCDN och Amazon CloudFront, två fantastiska tjänster som kan hjälpa dig att navigera i processen att övergå till ett CDN.
Minska antalet plugins du använder
Ett annat steg för att göra din webbplats otroligt snabb är att avsevärt minska antalet plugins du använder på din webbplats.
Olika plugins kommer inte bara att sakta ner din webbplats utan kommer också att göra din webbplats mer sårbar för potentiella säkerhetshot. Detta gäller särskilt om du använder ett CMS-system med öppen källkod som WordPress, eftersom varje plugin kodas av en annan person, vilket leder till inkonsekvent kod och nya kryphål i säkerheten.
Dessutom kan de flesta saker du använder plugins för kodas in i ditt tema, inklusive:
- Delningsknappar för sociala webbplatser
- Prenumerationsformulär
- Uppmaningar till handling
- Arkiv
- Kommentarer
När du funderar på att installera ett plugin, ställ dig själv dessa två frågor först:
- Är det nödvändigt att ha funktionen som pluginet ger?
- Om det behövs, kan det kodas i mitt tema?
Om det är möjligt att lägga till önskad funktionalitet till din webbplats tema, istället för att installera ett annat plugin, prata med din webbutvecklare om att lägga till den nödvändiga koden för att bibehålla snabba laddningstider.
Undvik aktiva länkar eller länkar till externa bilder
En dålig vana som många webbansvariga faller in i är att bädda in bilder som finns på andra webbplatser eller servrar i sina artiklar, ofta för att det verkar lättare att göra än att ladda ner, ändra storlek och ladda upp bilder på egen hand.
Tyvärr kommer det inte att gynna dig att vara värd för dina bilder på en annan server. Att göra det kan inte bara leda till potentiella upphovsrättsintrång (särskilt om du inte har tillstånd att länka direkt till bilderna i fråga), utan det kan också göra din webbplats långsammare. När en läsare besöker en sida på din webbplats som använder en hotlink-bild, måste servern begära innehåll från din webbplats. först innan du begär bilden från den andra servern.
Som ett resultat kan någon av följande situationer uppstå:
- Om ett stort antal personer försöker komma åt servern där din bild laddas upp kan det sakta ner eller till och med blockera åtkomsten för personer som försöker komma åt filer från externa källor. Detta gör i sin tur att din webbplats går extremt långsamt.
- Den externa servern kan vara nere; i så fall kommer din besökares webbläsare att fortsätta att försöka hämta bilder från en nedserver, vilket i slutändan påverkar hastigheten på din egen webbplats.
Den uppenbara lösningen på detta problem är att undvika hotlinks helt och hållet och vara värd för alla din webbplats bilder på din server (följ tipsen som beskrivs tidigare i den här artikeln för att optimera dessa bilder för webbplatsens hastighet).
Cachelagra din webbplats
Slutligen kan du snabba upp din webbplats genom att implementera ett cachingsystem. I grund och botten innebär detta att när en användare går in på en viss sida på din webbplats, sparas en version av den sidan automatiskt på användarens dator så att den kan serveras omedelbart, snarare än att laddas om, i händelse av att få tillgång till den. igen i framtiden.
När den är korrekt konfigurerad förhindrar detta att nya förfrågningar görs till din server varje gång samma sida läses in, vilket gör din webbplats snabbare för nya och återkommande besökare.
Om du inte redan har en cachningslösning installerad, kolla in Varnish-programmet, som enkelt kan laddas in på din server. Eller, om du är en WordPress-användare, kan du installera W3 Total Cache-plugin som kommer att hantera flera olika cachningsfunktioner automatiskt.
Visst, det här är bara några av de olika stegen du kan ta för att få en blixtsnabb webbplats. Vetenskapen bakom webbplatsens hastighet är komplex och mycket teknisk; Genom att göra dessa rekommenderade ändringar bör du dock kunna förbättra din webbplats laddningstider tillräckligt mycket för att tillfredsställa både krävande besökare och sökmotorindexeringsprogram.
Bild: JD Hancock
