+ MENY

Förbättra hastigheten på din hemsida – Snabbare laddning och sökmotoroptimering

2018 Feb 1
0

Det är ju ingen hemlighet att Google beaktar hur snabb en sida är när de avgör dess ranking i sökmotorn. Personligen har jag liksom aldrig riktigt tagit tag i denna fråga utan mer bekymrat mig över (och lagt tid på) innehåll och design. Men nu tänkte jag försöka ta tag i alla de delar som avgör om en sida är snabb eller inte och försöka beskriva vad jag har lärt mig här.

Dessutom tycker jag självklart själv att det är väldigt skönt när en sida är rapp i svarstider och laddningar. Så jag hoppas även att dessa optimeringar gör besökarna glada också.

En gammal sajt om mat för att testa på riktigt

För att testa om jag kan förbättra en sajts hastighet både för en besökare och hur Google laddar in den så tänka jag använda mig av handlamatpanatet.nu som är en gammal sajt som jag ägt länge men aldrig gjort något av. Den har varit hopplöst ouppdaterad och ful. Faktiskt jätteful design som jag själv gjorde en gång i tiden. Numera bygger den på Bootstrap 3 så att det är ordning och reda på marginaler och dylikt. Men det här inlägget handlar om hastighet och inte design så detta ämne skall jag inte fördjupa mig i.

Jag kommer att använda mig av verktygen pagespeed och pingdom för att testa hastigheten.

PageSpeed Insights

pagespeed

För att göra förbättringarna började jag att utgå ifrån Google PageSpeed insights. Den kunde inte mäta hastigheten då det bygger på att det finns data i chromes användarstatistik. Tydligen fanns detta in på denna sajt vilket säkert beror på att ingen besöker den. Däremot fanns det en del optimeringar som rekommenderades ändå och jag hade någon slags poäng på 75 / 100 innan jag började.

  1. Pagespeed ville att jag skulle komprimera bilder så jag började med det, till detta använda jag pluginet jetpack.
  2. Nästa steg var att lägga ner länkar till javascript bibliotek som låg i headern ner i footern istället. De script jag själv har kontroll över var enkla att flytta men det strulade lite med jquery då var och vartannat plugin lägger till det.
  3. Nästa steg var css:en som kan läggas in i en gemensam fil och komprimera dessa filer. Jag gjorde så själv samt med hjälp av ett plugin som hette autoptimize. Med hjälp av det pluginet komprimerade (eller minifierade) jag även några javascript bibliotek och html koden.
  4. PageSpeed ville även att jag skulle förbättra svarstiden från servern. Det kan jag inte då jag inte är villig att betala mer för den VPS på digitalocean som jag använder.
  5. Skulle här minifiera html koden vilket löstes i punkt 3.

När jag var klar så såg det istället ut så här:

pagespeed-after

Klart godkänt enligt mig själv!

Pingdom

I Pingdom så såg det istället ut på följande vis innan några optimeringar alls.

pingdom

Jag gjorde pagespeed optimeringarna först så innan jag började jobba med detta så gjorde jag en ny mätning. Den såg ut på följande vis.

pingdom-after

Efter detta test gjorde jag följande optimeringar

  1. La till webbläsar caching med hjälp av ett plugin som hette WP Fastest Cache. Tror att det fixar en den saker i .htaccess gällande regler för hur webbläsaren skall lagra resurser på sidan. Var ganska osäker på om detta verkligen fungerade men på vissa resurser gjorde det nog det.

När jag var klar så förändrades inte ”performance grade” nämnvärt, det gick från 90 till 91.

Summa summarum av hastighetsförbättringarna

I skrivande stund så vet jag inte hur mycket som dessa optimeringar kommer att förbättra rankingen för sidan. Den rankar otroligt dåligt just nu pga att den, som nämndes ovan, inte har fått någon kärlek på många år. Däremot gillar jag att man med ganska lite jobb kunde få bättre resultat i verktygen som användes här.

Hur brukar du göra för att förbättra laddningshastigheten på din sida? Har du några tips som du vill dela med dig av? Kommentera gärna!

Förstå Majestic site explorers trust flow och citation flow

2017 Mar 31
0

När jag analyserar mina egna och andras sajter ur länkperspektiv brukar jag ofta använda Majestic som ett sätt att förstå styrkan i en sajt. Tänkte därför skriva ner några noteringar här i en bloggpost om hur de värden som man kan få fram kan tolkas. Trust Flow och Citation Flow […]

Om mitt gamla plugin

2017 Feb 16
4

Jag gjorde en gång i tiden ett wordpress plugin som kallades för websimon tables. Numera är det bortplockat från wordpress pluginkatalog, framförallt för att jag inte uppdaterade det för att hålla måttet i nya uppdateringar och säkerhetslösningar i wordpress. Tänkte ändå skriva om några erfarenheter om att utveckla plugin och […]

Pågående i mitt största projekt

2016 Mar 21
0

Av alla de saker jag lägger tid på så är det framförallt Matematikvideo.se som jag prioriterar. Dels för att jag tycker att det är väldigt roligt och spännande att få jobba med kombinationen matematik, webbutveckling och entreprenörskap men också för att det känns väldigt viktigt att kunna bidra med något bra […]

Ta hand om sig själv

2016 Jan 21
0

Startar upp det här året lite med entreprenöriell slagsida. Tänkte därför sätta några tankar på pränt om saker i livet som skall ändras. Det känns om om chansen att det blir en förändring ökar något då. Problemet är klassiskt för alla som jobbar framför datorn: ont i axlar, armar och […]

Han blir inspirerad av problem – Intervju med Nils Fridlund

2015 Mar 4
3

Det var längesedan jag uppdaterade den här bloggen men jag fick nu chansen att intervjua Nils Fridlund som driver webbyrån Sunbird. Det var ett bra tillfälle för att få tummen ur och skriva lite. Så jag satte mig ner och skrev ner några frågor om webbdesign, vad som är viktigt […]

Affiliatemarknadsföring och mina mål

2014 Jun 3
4

Jag har haft en rätt hektisk vår med mycket förändringar i mitt lilla liv. Det har egentligen bara varit positiva, om än tidskrävande, förändringar. Jag blev för ett år sedan pappa till en dotter och har under våren varit pappaledig på deltid samtidigt som jag drivit mitt företag och mina webbprojekt. […]

Att bygga fotowebapp med backbone, topcoat och hårdvaruaccelererade slides

2014 Maj 20
0

Jag har den senaste tiden utvecklat en ensides (one page) webbapp inför ett event där användarna skall kunna dela bilder under eventet tillsammans. Jag tänkte därför dela med mig av några lärdomar jag har fått på vägen med att jobba med liknande lösningar där man skall kunna animera hela sidan (pageslide), […]

Att ändra en vana

2013 Nov 15
3

Den senaste tiden har jag funderat en hel del på vad som är goda vanor för en entreprenör. Motiveringen bakom funderingen är enkel. Jag tycker mig ha några idéer som jag tror på men problemet med (förhoppningsvis) goda idéer är ju alltid att de leder till en massa jobb. Jag […]