Så fick jag perfekt Google Page Speed Score med WordPress

Att din Google Page Speed Score är en viktigt parameter för att ranka på Google är alla SEO-experter överens om. Teknisk SEO – snabb laddningstid av din webbplats, användarupplevelse och hur sökmotorerna läser av din webbplats är alltså direkt avgörande för om du ska ranka bra. Om din ambition är att synas på högt konkurrerande sökord är detta A och O. I detta inlägg går jag igenom hur jag uppnådde perfekt Google Page Speed Score (100/100) på denna webbplats!

Perfekt Google Page Speed Score med WordPress
100/100 i mobilbetyg på Google Page Speed

WordPress tema – helt avgörande

För att uppnå perfekta poäng enligt Pagespeed Insights med WordPress måste du välja rätt tema. Vad är då rätt tema kan man ju fråga sig? Det finns flertalet optimerade och avskalade WP-teman för just prestanda, här är några exempel:

Efter att noggrant testat flertalet WordPress teman för prestanda är min slutsats att GeneratePress är bäst, vilket jag även använder på denna sida.

Samtliga teman ovanför är gratis men har även premium varianter du kan köpa för mer flexibilitet och funktioner.

GeneratePress – den perfekta grunden för din webbplats

GeneratePress är ett super avskalat tema med perfekt kod för dig som vill få:

  • Max Score på Google Page Speed Insights
  • Ett tema som både på dator, surfplatta och mobil skalar perfekt
  • Extremt snabb laddningstid
  • Enkelt att jobba med

För att lyckas få full pott är alltså val av tema helt avgörande och på bilden nedanför kan du se varför jag starkt rekommenderar GeneratePress!

GTmetrix resultat
Mina poäng från GTmetrix

Behöver jag plugins för full pott på pagespeed insights?

För att få perfekt score enligt Googles mätverktyg krävs ett fåtal plugins till WordPress. Dessa använder jag:

WP Rocket – för laddningstid och caching

WP Rocket är ett wordpress-plugin som är ett av det mest kraftfulla caching-pluginen på marknaden. Det finns såklart alternativ till detta som är bra såsom Breeze eller Autoptimize som också kan generera väldigt bra poäng på Google Page Speed Insights, dock är WP Rocket heltäckande och framförallt enkelt. Är du ute efter att förbättra din hastighet, seo-ranking och konvertering är detta mitt förstahandsval av plugin för prestanda – ingen kodning krävs.

Inställning för högt pagespeed betyg

Såhär gör du för att uppnå högre score på google page speed tester

Total tid:

5

Minutes

Detta behöver du:

– En Dator
– WP Rocket Plugin

Såhär gör du

Cache inställningar

Välj ”Cache” i menyn till vänster i WP Rocket. Kryssa endast för ”Enable caching for mobile devices

File OptimizationCSS

Välj ”File Optimization” i menyn till vänster i WP Rocket. Kryssa endast för ”Minify CSS files” under sektionen ”CSS Files”

File OptimizationJavascript

Välj ”File Optimization” i menyn till vänster i WP Rocket. Kryssa för ”Minify JavaScript files”, ”Load JavaScript deferred” och ”Delay JavaScript execution” under sektionen ”JavaScript Files”

Media inställningar

Välj ”Media” i menyn till vänster i WP Rocket. Under sektionen ”LazyLoad” – kryssa för ”Enable for iframes and videos” och ”Replace YouTube iframe with preview image”.

I fritext fältet ”Excluded images or iframes” kopierar du in länken till din logga som du använder på hemsidan se exempel på bild ovan.

Under sektionen ”Image Dimensions” kryssar du i ”Add missing image dimensions”.
Under sektionen ”Embeds” kryssar du i ”Disable WordPress embeds”.

Preload inställningar

Under sektionen ”Preload Cache” kryssar du i ”Active Preloading”, ”Activate sitemap-based cache preloading” och ”Rank Math XML sitemap (alternativt Yoast om du har det) för att sedan skriva url till webbplatskarta nedanför i fritextfältet under ”Sitemaps for preloading”.

Under sektionen ”Preload Links” kryssar du för ”Enable link preloading

Imagify – för komprimerade bilder

Om du vill få ett högt Google Page Speed Score krävs ett WordPress plugin som komprimerar dina bilder så att storleken på filerna blir betydligt lägre samtidigt som kvalitén är hög. Här kommer Imagify in som förövrigt är utvecklat av samma skapare som gjort WP Rocket. WP Rocket och Imagify integrerar mer än bra med varandra.

(Tips, överkurs: Vill du få ännu bättre komprimerade bilder gör du det utanför WordPress)

Hosting – det du inte får glömma

Vart du hostar din hemsida (lagrar din webbplats) är av högsta vikt för kort laddningstid och höga poäng på Pagespeed Insights. Bra hosting och server är även avgörande för snabb repons/svar: TTFB (Time To First Bite). Jag använder mig utav CloudWays av följande anledningar:

  • Gränssnittet och överblicken är av högsta klass
  • Vid problem får du i princip hjälp direkt via chatt oavsett tid på dygnet
  • Du kan skala prestanda och kapacitet upp och ner på servrar
  • Flertalet olika server alternativ såsom Digital Ocean, Vultr, Google Cloud Platforms och AWS.

Jag använder mig utav Digital Ocean (Premium för högre prestanda men går utmärkt utan också)

Hosting är av högsta vikt för bra Google Page Speed Score
En överblick på ett par av mina CloudWays servrar – jag använder mig av Digital Ocean.

Snabbsvar för den ivriga: Summering för höga Google Page Speed Score

Hosting/Server:Cloudways – Digital Ocean
Plugins:WP Rocket, Imagify
WordPress tema:GeneratePress

Vanliga Frågor

PS. dela gärna om du tyckte att detta inlägg var bra

iCyber AB Max Lilliehöök

Om mig

Max Lilliehöök - Med ett brinnande intresse för sökmotoroptimering!

4 svar på ”Så fick jag perfekt Google Page Speed Score med WordPress”

  1. Tack för tipset med temat! Inte riktigt nått dina Pagespeed resultat än men fick en klar förbättring både på laddningstid och look!

    Svara

Lämna ett svar till Max Lilliehöök Avbryt svar

Hur bra har din upplevelse varit?
0 / 5 5.00