Close

18 verktyg för att mäta din webbplats optimeringsgrad

Slowcop ger sitt omdömme på goteborg.se1. Slowcop.com

Hos Slowcop.com (numera nedlagd) kan du få en smidig översikt på ett ytterst kortfattat sätt, ända tills man ser rubrikerna längst ner på sidan.

Bra funktioner:

  • Antal filer som behöver laddas hem (total assets).
  • Storlek på hela sidan.
  • Nerladdningstid.
  • Page speed score, som är en egen implementation av Google Page Speed.

Yslow2. Yahoos YSlow

YSlow från Yahoo är ett måste inom dessa tester. Du lägger in det som ett tillägg till Firefox och får både verktyg, utvärdering och en del bra dokumentation på köpet.

Bra funktioner:

  • Helhetsbetyg (Grade D och 69/100 i bilden ovan).
  • Betyg mellan A till F på enskilda faktorer tillsammans med en kortare dokumentation.
  • Components-fliken visar problem efter typ av fil.
  • Statistics-fliken visar hur cache-hanteringen är för första besöket och återbesök.
  • Tools-fliken innehåller bland annat det grymma verktyget Smush.it i en specialvariant som kollar bildernas storlek på hela aktiva sidan.
  • Verktyget kan justeras för att ta bort faktorer som inte är relevanta, bland annat ETags är vanligt att ta bort i ASP.NET-miljöer som körs på en enda webbserver.

Google Pagespeed i Chrome3. Google Pagespeed

Pluginet Google Pagespeed lämpar sig bäst till Googles egna webbläsare Chrome, men finns även till Firefox. Det ger vägledning till vad som kan behöva ändras med en webbplats rent tekniskt, och för den otekniske är det bara att kolla på ”Page speed score” och inte acceptera något under 80/100.

Bra funktioner:

  • Smidig översikt över eventuella problemområden, områden som kan fällas ut som bilden ovan och visa detaljer.
  • Bra integration direkt i webbläsaren så man slipper en extern webbplats för kontroll. Sparar tid.
  • Kan spara optimerade bilder direkt från pluginet.

gtmetrix4. GTmetrix

GTmetrix ger en blandning av flera tjänster, nämligen Google Page Speed och Yahoo YSlow. Som grädde på moset har de ett API för att automatisera dessa tester, visserligen i alpha-version men det är grymt bra oavsett.

Bra funktioner:

  • Snygg och bantad översikt för både Yahoo och Googles optimeringslösning.
  • Smidig indelning över prioritet.

woorank5. Woorank.com

Woorank ger ett väldigt brett och allmänt betyg på massor med faktorer, bland annat hur lättillgänglig texten är, om Microformats används och även vissa SEO-perspektiv. Dessvärre kollar den bara startsidor i normalversionen.

Bra funktioner:

  • Bredaste kvalitetstestet.
  • Enkelt och pedagogiskt presenterat med informationstexter.
  • Smidig för att se andelen läsbar text kontra HTML-kod.

webpagetest6. WebPageTest

WebPageTest främsta fördel är att snabbt se vad första besöket tar i tid kontra ett återbesök.

Bra funktioner:

  • Ger betyg på initial svarstid (D i bilden ovan) med mera.
  • Mäter ”first byte”.

webpagespeed7. Web Page Analyzer

Web Page Analyzer‘s främsta förtjänst är nog framför de andra att den snabbt visar hur ignoranta vi alla är mot de som kör med en långsammare uppkoppling. Finner det alltid intressant att man nu tar upp en minut för att ladda hem javascript-bibliotek om besökaren skulle råka sitta på ett gammalt modem.

Bra funktioner:

  • Gör det uppenbart hur lång tid en sajt kan ta att ladda ner med långsam anslutning.
  • Delar upp nedladdningstiden efter typ av filer, exempelvis är javascript en förbluffande stor del av första sidladdningen.

Kolla din Google Pagerank8. Pagerankme

pagerankme.com för att kolla en sidas pagerank.

Bra funktioner:

  • Snabbt och enkelt att kolla vad en webbsida har för Google PageRank.

SEO Doctor9. SEO Doctor

SEO Doctor ger ett grundläggande betyg på tekniska faktorer inom sökmotoroptimering.

Bra funktioner:

  • Enkelt med ett övergripande betyg (98% i exemplet ovan).
  • Smidigt då betyget på respektive undersida alltid är framme längst ner i Firefox.

Google Rich Snippets Testing Tool10. Google Structured Data Testing Tool

Med Structured Data Testing Tool kan du se om en sida enligt Google har tillräckligt med semantisk data för att kunna visas på ett utökat sätt i resultatsidor.

Bra funktioner:

  • Utmärkt för att se om Google anser att en undersida har nog med semantisk data.
  • Hjälper utvecklare att se om en framtida justering av Googles resultatsida ens är teoretiskt möjlig.

Yahoo smush.it11. Smush.it

Yahoos tjänst Smush.it hjälper till att utan kvalitetsförlust minska bilders storlek.

Bra funktioner:

  • Minskar på så gott som alla bilders filstorlek.
  • Konverterar till annat bildformat om det finns fördelar – ofta görs GIF om till PNG exempelvis.

sprite me - CSS Sprites12. SpriteMe

SpriteMe kan användas som ett bookmarklet, så dra länken under rubriken ”Installation” till bokmärkesfältet i webbläsaren för enkel åtkomst till funktionen.

Bra funktioner:

  • Utvärderar och föreslår eventuella förbättringar för sammanslagning av bilder genom så kallad CSS Sprites.
  • Skapar sprite-bild och exempel på CSS.
  • Gör skillnad på vertikala och horisontella sprites.

w3c13. W3C Markup Validation Service

Validera en webbplats med hjälp av W3C, det är ändå de som skriver rekommendationerna för hur koden bör fungera. En webbplats som har allvarliga valideringsfel ger både besökare och sökmotorer problem.

Bra funktioner:

  • Ser själv vilken standard en sida försöker följa.
  • Gott om dokumentation vid eventuella fel.

open site explorer14. Open Site Explorer

Open Site Explorer listar inlänkar och vilken text som använts i ankarlänken. För att få fullständig information finns en betal-version av tjänsten.

Bra funktioner:

  • Enkla topplistor över bästa sidor, länkande domäner etc.
  • Visar även ankartexten för inlänkar.

uptimerobot15. UptimeRobot

UptimeRobot kontrollerar att en webbplats inte är nere för räkning.

Bra funktioner:

  • Övervakar var femte minut att din webbplats fortfarande är uppe och snurrar.
  • Meddelar eventuella problem via SMS, e-post och RSS.

pingdom16. Pingdom

Pingdom har en del övervakningstjänster för en webbplats. I gratispaketet ingår bara kontroll av en domän.

Bra funktioner:

  • Till skillnad mot exempelvis UptimeRobot kan man justera övervakningsintervallet.
  • Visar svarstid, nedtid, upptid m.m. i graf.
  • Har mobil-app som kan push-notifiera om en sajt går ner, annars även e-postnotifiering.

lori17. lori (Life-of-request info)

Längst ner i Firefox högra hörn gömmer sig lori, ett plugin som ger en snabb översikt med sidans tyngd, första skickade byte, total laddnignstid och antal utestående förfrågningar för sidan du är inne på.

Bra funktioner:

  • Finns alltid tillgänglig i webbläsaren för alla sidor man besöker.

18. Live HTTP Headers

Live HTTP Headers används när du vill övervaka vad som försiggår bakom kulisserna i webbläsaren.

Bra funktioner:

  • Fullständig koll på HTTP-headers.
  • Nyttigt om något annat verktyg ger tvetydiga svar kring exempelvis cache.

Andra delar i serien om webboptimering

Leave a Reply

Your email address will not be published. Required fields are marked *

Denna webbplats använder Akismet för att minska skräppost. Lär dig hur din kommentardata bearbetas.