Vårt tålamod på webben blir allt sämre och i kombination med att vi blir mer och mer bortskämda väljer vi också bort webbsidor som inte lever upp till våra högt ställda förväntningar. Hastigheten blir därmed en avgörande fråga. Och, viktigt är även följande: Google rankar och indexerar sidor även med sidladdning (pagespeed) och hastighet i åtanke. En snabbare sida får helt enkelt en bättre ranking än vad en långsam sådan får.
Vill du ranka högre på Google så finns således all anledning att se över hastigheten på din webbsida och – vid behov – boosta upp den lite. Om inte riskerar du att tappa både kunder, viktiga leads, trafik och ranking på Google. Lyckligtvis finns det sätt att boosta upp pagespeed och genom detta förbättra webbplatsens prestanda. Vi ska titta närmare på hur du kan göra detta.
Innan du börjar – kontrollera din webbplats i tre steg
Innan vi går igenom våra tips kring hur du kan boosta pagespeed så finns det emellertid tre stycken saker som du bör kontrollera. Det första handlar om att du de facto kollar upp hur snabb din sida är. Besök din egen sida och se över hur pass snabbt den laddar. Google Insight Pagespeed är ett bra verktyg för att både analysera och sedermera även öka hastigheten på en sida.
Steg nummer två handlar om att din webbplats även ska vara snabb och användarvänlig för mobiler. Google använder sig av ett index som även mäter användarvänlighet från mobila enheter – vilket är ganska givet, sett till våra surfvanor. Det är heller inte bara Google som du tappar genom att inte erbjuda en mobilvänlig sida – du kommer även att tappa många besökare och potentiella kunder. Hur pass mobilvänlig är då din webbplats? Det är något du snabbt kan testa här.
Det tredje steget är att inkludera alla besökare på din webbplats. Vissa personer lider av funktionsnedsättningar och även de måste erbjudas en optimerad upplevelse. Är din sida anpassad för alla och även för personer med funktionsnedsättningar? Det finns riktlinjer – ADA-kompatibilitet – som ska följas, men som många inte alls har koll på. Lyckligtvis kan man dels mäta en webbplats tillgänglighet och dels också använda olika plug-ins som varnar för när din sida inte når upp till kraven för exempelvis färgkontrast och alternativ textning. Med hjälp av VÅG kan du se om din sida är ADA-kompatibel.
Så här ökar du webbplatsens hastighet och prestanda
Nu är det dags att sätta fart på din webbplats och boosta dess pagespeed. Här tänkte vi gå igenom några tips kring hur lyckas med detta. Enligt följande:
Banta
Hur mycket innehåll har du på din webbsida – och hur mycket behöver du egentligen för att erbjuda besökaren en bra upplevelse? Att fylla en hemsida till bredden med text, bilder och information kan vara lockande för att exempelvis visa relevans för Google. Sanningen är emellertid den att för mycket innehåll gör en sida långsam och att det således kan skapa en direkt motsatt effekt. Google uppfattar sidan som långsam – och den tappar i ranking. Radera onödigt innehåll eller placera det i egna undersidor så kommer sidan att ladda snabbare.
Komprimera dina bilder
Bilder är en viktig del i hur en webbplats upplevs, men de kan också vara i vägen. Faktum är att bilder som laddar långsamt är det största problemet då det kommer till hastighet för laddning hos en webbplats. Det är dels väldigt irriterande för en besökare – och dels även förödande för rankingen hos Google. Genom att komprimera dina bilder kan du nästan halvera laddningstiden. Ett enkelt sätt att göra detta på är att använda dig av JPG som format. Formatet i fråga komprimerar bilder effektivt och de mindre bilder du får kommer också att ladda avsevärt mycket snabbare.
Rätt antal pixlar
Ska du ladda upp en bild på din webbplats från en digitalkamera så bör du vara medveten om att bilden i fråga kommer att vara långt mycket större än vad den behöver vara. Detta påverkar hastigheten negativt. Det finns många program för bildbehandling och ett av de bästa är faktiskt gratis. Photoshop Express är både enkelt att använda och ger dessutom en fin effekt av dina bilder.
Ta bort onödiga plugin och skript
Vilka skript och plugin behöver du egentligen? Många långsamma webbplatser kan snabbas upp bara genom att rensa ut bland dessa detaljer. Att du ska kunna erbjuda vissa funktioner är givet, men i många fall så ligger bara plugins och samlar damm. De fyller ingen funktion – men de gör webbplatsen långsam.
Aktivera cache för din webbläsare
Webbläsarens caching är något som dels snabbar upp laddningen och som dels också bidrar till en bättre upplevelse för besökaren. Information samlas – exempelvis bilder, CSS och Javascript – i minnet och nästa gång besökaren klickar sig in på webbplatsen så används informationen i fråga av webbläsaren för att ladda snabbare. Är du osäker på om din webbläsare använder caching? Här finns en gratis webbläsarförlängning som ger dig svar på när exempelvis cache går ut och när webbläsaren tar bort samlad information. Cacheminnet kan du själv lägga till på webbplatsen genom att uppdatera HTacess-filen.
Välj rätt hosting
Att välja ett bättre webbhotell kan göra en enorm skillnad. All förståelse för att man vill spara pengar och välja ett billigare webbhotell, men det finns även en fråga om vad man får för sina pengar? Genom att välja ett bättre webbhotell så delar du inte utrymme med lika många webbplatser och det leder i sin tur till att all laddning går snabbare. Rådet är att du aktivt söker efter webbhotell som erbjuder en optimerad hastighet. Det handlar om en ren investering.
Minimera HTTP
Varje separat fil som krävs för att en webbsida ska fungera behöver också en separat HTTP-begäran. Även här gäller ju fler sådana – desto långsammare laddning. En enkel uppskattning är att ungefär 90% av webbplatser har detta problem – av den enkla anledningen att de inte är byggda med hastighet i åtanke. En sak att tänka på är att de flesta teman dessutom laddar flera CSS-filer och olika Javascript-diton – något som i kombination med laddning av Jquery och/eller Font Awesome kan bli förödande för hastigheten och laddningen. Har du tänkt dig att använda Javascript-filer eller CSS-filer med ytterligare plugins? Ja, då får du också räkna med att ett dussin nya förfrågningar bara från CSS och Javascript-filerna skapas. Ohållbart! Rådet är att du dels slår samman alla Javascript-filer till en enhet och att du gör samma sak med alla CSS-filer. Ett annat tips är att använda sprites för de bilder du använder ofta och Font Awesome-typsnitt snarare än vanliga bildfiler – då denna möjlighet finns.
Smartare intern länkbyggnad
Genom att vara lite smartare med länkbyggnaden så kan man snabba upp hastigheten på ett påtagligt sätt. Hur? Ett bra tips är att använda snedstrecket. Genom att använda snedstrecket så gör du att webbservern slipper omdirigeras genom en 301-omdirigering – den kommer inte att tvingas leta efter filnamnet i katalogen. Genom detta kan du snabba upp hastigheten – och detta utan någon egentlig ansträngning.
Förminska filer från CSS, HTML och Javascript.
Genom att använda exempelvis HTMLMinifyer så kan du minimera filer från HTML, CSS och Javascript automatiskt. Verktyget tar bort exempelvis mellanslag, komman, punkter och andra tecken som tar plats och som gör laddningen långsammare. Med hjälp av Gzip kan du sedan komprimera och optimera filerna i fråga – något som du definitivt bör göra om det handlar om filer över 150 Byte. Tänk dock på att alltid säkerhetskopiera innan.
Optimera förstasidan
Det kan vara frestande att använda widgets, många bilder och Javascript på förstasidan då man genom detta kan fånga besökarens intresse. Dessa teman kan emellertid bli väldigt baktunga och göra laddningen långsam. Ibland är det bättre att spara på godbitarna och använda sig av devisen less is more. Tänk färre artiklar, tänk på att bara visa delar av dessa och tänk på att exempelvis undvika widgets vid delning i sociala medier. Det senare är ganska logiskt: hur många vill egentligen dela förstasidan snarare än en intressant artikel eller ett blogginlägg?