7 steg till en snabbare hemsida

7-tips-for-en-snabbare-hemsida

En långsam hemsida frestar svårt på tålamodet. Det gäller även om din webbsajt är supersnyggt designad och full med fräsig media. Få orkar med att behålla uppmärksamheten på ditt innehåll om varje sida tar fem sekunder att ladda.

Faktum är att du som har din webbsajt som inkomstkälla mister konvertering ju längre tid det tar. Ett grovt riktmärke är att du mister cirka 7% i utebliven konvertering per extra sekund i laddtid.

För dig med mobila besökare  är problemet ännu värre. Ofta är ju hastigheten på mobilt internet slöare, vilket i sig ger längre laddtider. Att förbättra detta och få fler besökare att stanna kvar kan därför vara en god affär.

Pingdom är ett bra verktyg för att testa hur snabb din sajt är (Se till att testa från Stockholm bara!). En OK laddtid ligger på under 2 sekunder, en riktigt bra på under 1 sekund och en superb på ca. en halv sekund (att optimera under en halv sekund är dock extremt svårt även för den tekniske).

Såhär gick det för oss:

pingdom-resultat-brawebbhotell.com

…vilket vi inte är helt nöjda med. Vi återkommer till varför under rubrik 3. Stay tuned.

Denna guide har vi satt ihop till för alla som själva är webmasters eller har ansvar över en hemsida. Dessa tips kommer ge dig resultat, och de är också väldigt enkla att utföra – också för den otekniske.

1. Skaffa ett snabbt webbhotell

Den datorserver som matar dina besökare med information, vare sig det är ett webbhotell eller något annat är själva motorn för din hemsida. Den kanske viktigaste faktorn för rejält oljade laddtider är därför ett snabbt och stabilt Webbhotell eller VPS. Om din motor är från 30-talet hjälper det inte att installera en turbo.

Bland leverantörer av Svenska webbhotell och VPS:er som har bevisat bra prestanda hittar du bl.a. Inleed och Oderland. Dessa webbhotell duger för de flesta seriösa svenska aktörer. Men söker du de riktiga mästarna på serverhastigheter och optimerade miljöer ska du istället titta på specialiserade utländska webhotell, exempelvis WP Engine och Siteground. Samtliga av dessa ger gott om serverminne, SSD-diskar, bra processorkraft och inte sällan inbyggd cache för CMS i världsklass.

Att byta webbhotell eller serverhotell är varken en svårt eller långsamt numera. En femteklassare kan utan problem klara av det på en dag med alla grymma guider som finns på nätet. De flesta webbhotell har också program inbyggda i sina system som automatiskt importerar hemsidan från ditt gamla webbhotell, vilket såklart underlättar.

2. Sidcache är kritiskt för dig med CMS

Utan att gå in på detaljer kan man säga att sidcache gör att ditt webbhotell inte behöver processa lika mycket information mellan dina besökare och din hemsida (samt din hemsida och dess databas).

Caching sparar processorkraft och ger din besökare en snabbare upplevelse, och i synnerhet gäller det hemsidor som använder sig av databaser och kod för att generera statisk html.

Det finns många gratis program och plugins till exempelvis WordPress, så du behöver inte nödvändigtvis dega för att ta del av riktigt bra sidcache. Exempel på sådana gratis plugins är WP super cache och W3 Total cache som har fullt tillräckliga funktioner för den mindre hemsidan och amatören. Caching av hemsidor är dock en rätt teknisk diciplin, och ett enkelt sätt att slippa trubbel med sådant är att köpa ett premiumplugin som är användaranpassat.

w3-total-cache-header1

Vi på Bra webbhotell använder oss av WProcket, som förutom världsledande cahce bl.a. ger dig sökmotoroptimerad lazyload.

3. Installera ett optimerat tema

Om du som vi använder dig av någon form av CMS, såsom WordPress eller Magento, är det värt att undersöka hur det tema du använder påverkar laddtiderna.

Brawebbhotell.com använder sig av det mycket populära WordPress-temat Avada. Ett av anledningarna till att vi och många andra har valt detta tema är funktionaliteten – det är väldigt enkelt att få en snygg och funktionell sajt. Nackdelen är att temat är stort, har dåligt optimerad kod och laddar långsammare än mer avskalade teman.

Det är lätt att vara efterklok. Faktum är att om du jämför vissa populära teman med mer och avskalade diton, så kan det skilja så mycket som 2 sekunder i laddtid. Det finns dock en del teman som är både är snygga, har god funktionalitet och har funderat mycket på laddtider när de designades. Två av våra favoriter härvidalag är Schema av Mythemeshop och Genesis av Studiopress.

4. Fimpa flödet från Facebook & Twitter

fimpa-twitterflodet-idagVisst, vi köper det ser trevligt ut med en feed från Facebook eller twitter och att det kan ge dina besökare incitament att interagera med dig.

Men, det slöar ned din hemsida något brutalt. Skälet är informationen hämtas från de sociala mediernas egna servrar, och inte från dig direkt. Såväl Twitter som Facebook servar hundratusentals hemsidor med dessa feeds genom deras API:er. Vilka är begränsade.

När vi tog bort vårt flöde från Twitter fick vi ca. en halv sekund bättre laddtid! Vi tycker det helt klart kan vara värt att testa. Pingdom som sagt.

5. Förbättra laddtiderna lokalt med ett CDN

Det fysiska avståndet mellan din hemsida och en besökare har påverkan på laddtiderna. Det tar generellt sett längre tid för information att skickas till Jokkmock av en hemsida som hostas i Stockholm, än vad det tar från exempelvis Uppsala. 

Av detta skäl är det viktigt att använda sig av ett så kallat Content Delivery Network. Kort och gott innebär ett CDN att delar av din hemsida lagras och hämtas i delar från den serverhall som är närmast besökaren. För att spinna vidare på exemplet Jokkmokk, så hämtas de statiska filerna på din hemsida från en server på Contentnätverket, vilket sannolikt är närmare än stockholm.

Det finns ett antal kända leverantörer av denna tjänst MaxCDN, KeyCDN och Cloudfare för att nämna några. Dessa tjänster kostar oftast pengar, men inte sällan ger de dig gratis kredit så du kan testa produkten. Vissa typer av premium-webbhotell brukar också inkludera CDN i priset, exempelvis WP Engine.

Värt att kolla upp före du tecknar med någon tjänst är dock vart din målgrupp befinner sig, och se hur CDN-nätverket har spritt ut sina servrar.

6. Optimera storleken på dina bilder

De största objekten på en webbsajt tar längst tid att ladda, och dessa är oftast bilder. Att göra bilderna så små som möjligt bör därför vara en prioritet. 

Att optimera bilder utan att för den skull tappa kvalité har under webbens barndom varit förbehållet proffsen. Men inte längre. Numera finns det flera smidiga lösningar för att minska storleken utan märkbara förluster.

Använder du WordPress finns såväl gratis- som premiumplugins som löser saken åt dig smidigt. De professionella pluginsen är dock generellt bättre. Vi har haft goda erfarenheter av Shortpixel och Kraken.io.

EWWW Image Optimzer (namnet till trots) är annars ett gratisprogram som gör ett utmärkt jobb.

7. Finpolera med Minification

Minification är konsten att ta bort onödigt stoff från källkoden när din sida laddas. Detta minskar datamängden som behöver hämtas, vilket förbättrar laddtiderna.

Du kan skrapa bort en hel del data genom att använda dig av minification-metoder, men handlar mer om polering av prestandan än de tidigare momenten. Några exempel på sådant man kan få bort genom mification är onödiga tabbar, onödigt långa klasser på objekt, kombinerande av CSS- och Jsfiler med mera.

Tänk på att fortlöpande ta backup eller arbeta i stagingmiljö när du testar inställningar genom mification – Det är stor risk att någonting slutar fungera, och det kan vara svårt att få ex. sliders och sociala plugins att fungera efteråt.

Minification är en integrad del i samtliga av de program och plugins vi talade om under rubrik 2. Sidcache.

Avslutande, optimerande ord

Vi hoppas att du gillade artikeln efter att ha läst den. Tycker du något saknades, eller vill du kanske påpeka något tycker vi du ska skriva en kommentar.

Om brorsans ehandel varit lite seg på sistone, kanske han uppskattar att du delar med dig av artikeln till honom!

Det går också bra att hänvisa eller citera texten på din egen sajt så länge du länkar till oss

Sharing is caring :)

Leave a Reply