{"id":40312,"date":"2021-08-10T15:07:55","date_gmt":"2021-08-10T13:07:55","guid":{"rendered":"https:\/\/kinsta.com\/?p=65587&preview=true&preview_id=65587"},"modified":"2022-05-06T14:06:20","modified_gmt":"2022-05-06T14:06:20","slug":"google-pagespeed-insights","status":"publish","type":"post","link":"https:\/\/kinsta.com\/se\/blog\/google-pagespeed-insights\/","title":{"rendered":"Google PageSpeed Insights: Sanningen om att f\u00e5 100\/100 i betyg"},"content":{"rendered":"

Google PageSpeed Insights<\/a>\u00a0\u00e4r utan tvekan ett anv\u00e4ndbart verktyg f\u00f6r webbansvariga, utvecklare och webbplats\u00e4gare av alla slag. Men vi har m\u00e4rkt att m\u00e5nga m\u00e4nniskor spenderar timmar \u00f6ver att som besatta optimera sina webbplatser, f\u00f6r att f\u00f6rs\u00f6ka f\u00e5 100\/100 p\u00e5 detta test.<\/p>\n

Sanningen \u00e4r att det inte \u00e4r s\u00e5 Google PageSpeed Insights \u00e4r t\u00e4nkt att anv\u00e4ndas, inte heller \u00e4r det v\u00e4rt att f\u00f6rs\u00f6ka uppn\u00e5. N\u00e4r du fokuserar p\u00e5 att implementera plattformens rekommendationer ist\u00e4llet f\u00f6r att titta p\u00e5 siffran h\u00f6gst upp p\u00e5 sidan, kommer du att skapa m\u00e5nga fler f\u00f6rdelar f\u00f6r din webbplats.<\/p>\n

Detta inl\u00e4gg \u00e4r en omfattande guide till att anv\u00e4nda Google PageSpeed Insights till din f\u00f6rdel. Vi g\u00e5r igenom hur Google anv\u00e4nder din po\u00e4ng, samt hur du hanterar de rekommendationer du f\u00e5r.<\/p>\n

D\u00e5 s\u00e4tter vi ig\u00e5ng!<\/p>\n

<\/div><\/kinsta-auto-toc>\n

En introduktion till Google PageSpeed Insights<\/h2>\n

Om du \u00e4nnu inte \u00e4r bekant med\u00a0Google PageSpeed Insights<\/a>, \u00e4r det ett verktyg som anv\u00e4nds f\u00f6r att testa webbplatsens prestanda. Du kan ange vilken webbadress som helst och analysera den:<\/p>\n

\"google
Google PageSpeed Insights<\/figcaption><\/figure>\n

Google ger sedan en total po\u00e4ng av 100 f\u00f6r den webbplats du har testat, baserat p\u00e5 flera b\u00e4sta praxis f\u00f6r prestandaoptimering:<\/p>\n

\"Google
Google PageSpeed Insights po\u00e4ng<\/figcaption><\/figure>\n

Tillsammans med detta resultat ser du ocks\u00e5 flera rekommendationer fr\u00e5n Google om hur du kan f\u00f6rb\u00e4ttra dina resultat (och d\u00e4rf\u00f6r din PageSpeed Insights-po\u00e4ng ocks\u00e5):<\/p>\n

\"Google
Google PageSpeed Insights rekommendationer<\/figcaption><\/figure>\n

Sedan 2018 ber\u00e4knas PageSpeed Insights po\u00e4ng via\u00a0Lighthouse<\/a>, Googles \u00f6ppna k\u00e4llkod, automatiserade verktyg f\u00f6r att f\u00f6rb\u00e4ttra den \u00f6vergripande kvaliteten p\u00e5 webbsidor. Denna plattform kan utv\u00e4rdera alla m\u00f6jliga faktorer, inklusive prestanda, tillg\u00e4nglighet, progressiva webbappar och mer.<\/p>\n

F\u00f6r att se Lighthouses omfattande bed\u00f6mning av din webbplats, kan du anv\u00e4nda\u00a0Googles\u00a0Measure<\/a>:\"Google<\/p>\n

Google Webmasters Measure revisionsverktygF\u00f6rutom att utf\u00f6ra en prestandarevision ungef\u00e4r som Google PageSpeed Insights g\u00f6r f\u00e5r du po\u00e4ng f\u00f6r tillg\u00e4nglighet, b\u00e4sta praxis och\u00a0S\u00f6kmotoroptimering (SEO)<\/a>.<\/p>\n

Sanningen om att f\u00e5 100\/100 i po\u00e4ng p\u00e5 Google PageSpeed Insights<\/h2>\n

Som vi n\u00e4mnde i b\u00f6rjan av det h\u00e4r inl\u00e4gget ser vi m\u00e5nga webbplats\u00e4gare och utvecklare som blir besatta \u00f6ver att uppn\u00e5 en perfekt PageSpeed Insights-po\u00e4ng. Tyv\u00e4rr tenderar dessa personer att f\u00f6rbise den viktigare aspekten av testets resultat: rekommendationerna.<\/p>\n

\u00c4ven om du verkligen b\u00f6r str\u00e4va efter att f\u00f6rb\u00e4ttra din webbplats laddningstid s\u00e5 mycket som m\u00f6jligt,\u00a0\u00e4r det faktisk inte s\u00e5 viktigt att f\u00e5 100\/100 i Google PageSpeed Insights<\/strong>. Till att b\u00f6rja med \u00e4r det inte ens det viktigaste testet f\u00f6r prestanda.<\/p>\n

Till skillnad fr\u00e5n PageSpeed Insights,\u00a0l\u00e5ter Pingdom Tools<\/a> dig testa din webbplatsprestanda fr\u00e5n olika platser:<\/p>\n

\"Pingdom
Pingdom Tools hastighetstestresultat<\/figcaption><\/figure>\n

Du kan ocks\u00e5 k\u00f6ra tester p\u00e5 plattformar som\u00a0GTmetrix<\/a>\u00a0(som kombinerar dina po\u00e4ng fr\u00e5n PageSpeed Insights och\u00a0YSlow<\/a>) och\u00a0WebPageTest<\/a>. Chansen \u00e4r stor att dina po\u00e4ng \u00f6ver dessa olika verktyg inte kommer att st\u00e4mma \u00f6verens exakt, vilket visar hur godtyckliga dessa siffror kan vara.<\/p>\n

Det som verkligen betyder n\u00e5got \u00e4r den faktiska hastigheten p\u00e5 din webbplats<\/strong>. F\u00f6r att s\u00e4tta det i perspektiv har vi sett platser med genomsnittliga laddningstider p\u00e5 under 500 millisekunder (vilket \u00e4r extremt snabbt!) som inte har 100\/100 po\u00e4ng p\u00e5 PageSpeed Insights.<\/p>\n

Den andra faktorn som b\u00f6r p\u00e5verka din inst\u00e4llning till hastighetsoptimering \u00e4r\u00a0upplevd prestanda<\/a>\u00a0p\u00e5 din webbplats. Dina bes\u00f6kare bryr sig inte om vad din Google PageSpeed Insights-po\u00e4ng \u00e4r. De vill bara kunna se ditt inneh\u00e5ll s\u00e5 snabbt som m\u00f6jligt.<\/p>\n

Det verkliga syftet med att testa webbplatsens prestanda med Google PageSpeed Insights \u00e4r inte att uppn\u00e5 en h\u00f6g po\u00e4ng. Ist\u00e4llet \u00e4r det att hitta problemomr\u00e5den p\u00e5 din webbplats, s\u00e5 att du kan optimera dem och minska b\u00e5de dina faktiska och upplevda laddningstider.<\/p>\n

S\u00e5 anv\u00e4nds PageSpeed Insights av Google<\/strong><\/h2>\n

F\u00f6rutom att p\u00e5verka din webbplats anv\u00e4ndarupplevelse (UX),\u00a0spelar prestanda ocks\u00e5 en roll f\u00f6r SEO<\/a>. Med tanke p\u00e5 att PageSpeed Insights drivs av v\u00e4rldens st\u00f6rsta och mest popul\u00e4ra s\u00f6kmotor \u00e4r det rimligt att din po\u00e4ng kan ha viss effekt p\u00e5 din rankning p\u00e5 s\u00f6kmotorns resultatsida (SERP) (\u00e5tminstone p\u00e5 Google).<\/p>\n

Verkligheten \u00e4r att Google\u00a0anv\u00e4nder<\/em> PageSpeed Insights f\u00f6r att best\u00e4mma rankning \u2013 ungef\u00e4r. Sidhastighet \u00e4r en rankningsfaktor, helt enkelt. Ditt prestandatestresultat kan ge dig en ganska bra uppfattning om var du st\u00e5r p\u00e5 den fronten.<\/p>\n

Google tar dock h\u00e4nsyn till mer \u00e4n bara siffran i cirkeln h\u00f6gst upp p\u00e5 dina PageSpeed-resultat. Att n\u00e5 100\/100 garanterar dig inte en topposition p\u00e5 SERP.<\/p>\n\n

Med det sagt, kan du fortfarande anv\u00e4nda dina PageSpeed Insights praktiskt n\u00e4r du f\u00f6rb\u00e4ttrar din SEO. Till exempel, sedan 2018 har mobil sidhastighet varit en rankningsfaktor<\/a>\u00a0f\u00f6r Google. Du kommer att m\u00e4rka att prestandatestet ger data f\u00f6r b\u00e5de station\u00e4ra och mobila versioner av din webbplats:<\/p>\n

\"Fliken
Fliken Mobil i Google PageSpeed Insights<\/figcaption><\/figure>\n

Eftersom mer \u00e4n\u00a073 procent av mobila internetanv\u00e4ndare<\/a>\u00a0h\u00e4vdar att de har bes\u00f6kt webbplatser som tar f\u00f6r l\u00e5ng tid att ladda \u00e4r informationen i Google PageSpeed Insights\u00a0Mobil<\/strong>-flik ov\u00e4rderlig. Anv\u00e4nd rekommendationerna h\u00e4r f\u00f6r att\u00a0minska laddningstider<\/a>\u00a0p\u00e5 smartphones och andra enheter f\u00f6r en god konkurrensf\u00f6rdel.<\/p>\n

Google PageSpeed Insights rekommendationer (24 s\u00e4tt att f\u00f6rb\u00e4ttra prestanda)<\/h2>\n

Vi har pratat mycket om Google PageSpeed Insights rekommendationer i det h\u00e4r inl\u00e4gget. De \u00e4r det verkliga resultat av dina prestandatester och mycket mer v\u00e4rdefullt \u00e4n din faktiska po\u00e4ng. Det \u00e4r d\u00e4rf\u00f6r vi har dedikerat resten av det h\u00e4r inl\u00e4gget till dem.<\/p>\n

Innan vi dyker in i de enskilda f\u00f6rslagen m\u00e5ste du dock f\u00f6rst\u00e5 skillnaden mellan dina\u00a0F\u00e4ltdata<\/strong>\u00a0och\u00a0Labbdata<\/strong>. Den f\u00f6rra j\u00e4mf\u00f6r din webbplats med andra i rapporten om anv\u00e4ndarupplevelsen i Chrome under de senaste 30 dagarna.<\/p>\n

Det finns ocks\u00e5 tv\u00e5 diagram som visar var dina genomsnittliga\u00a0First Contentful Paint (FCP)<\/a>\u00a0och\u00a0First Input Delay (FID)<\/a>\u00a0faller:<\/p>\n

\"Google
Google PageSpeed Insights F\u00e4ltdata<\/figcaption><\/figure>\n

I bilden ovan \u00e4r v\u00e5r webbplats FCP ungef\u00e4r densamma som 45 procent av webbplatserna i den 75:e percentilen, och v\u00e5r FID \u00e4r ungef\u00e4r densamma som 9 procent av den 95:e percentilen.<\/p>\n

Labbdata<\/strong>\u00a0visar specifika data f\u00f6r en simulerad sidladdning:<\/p>\n

\"Google
Google PageSpeed Insights Labbdata<\/figcaption><\/figure>\n

Du kommer att m\u00e4rka att v\u00e5ra\u00a0F\u00e4ltdata<\/strong>\u00a0och\u00a0Labbdata<\/strong>\u00a0inte matchar exakt<\/a>. Det \u00e4r helt normalt. Labbdata<\/strong>\u00a0skapas under fasta f\u00f6rh\u00e5llanden, medan F\u00e4ltdata<\/strong> anv\u00e4nder faktiska laddningshastigheter som samlats in \u00f6ver tid.<\/p>\n

N\u00e4r du tittar p\u00e5 det i kombination b\u00f6r F\u00e4ltdata<\/strong>\u00a0och\u00a0Labbdata<\/strong>\u00a0ge dig en uppfattning om din webbplats faktiska laddningstider. Som vi n\u00e4mnde tidigare \u00e4r detta \u00e4nnu viktigare \u00e4n din totala PageSpeed-po\u00e4ng, s\u00e5 du beh\u00f6ver vara uppm\u00e4rksam p\u00e5 dessa siffror.<\/p>\n

N\u00e4r du har \u00f6verv\u00e4gt den h\u00e4r informationen \u00e4r det dags att b\u00f6rja f\u00f6rb\u00e4ttra webbplatsens prestanda med rekommendationerna fr\u00e5n Google PageSpeed.<\/p>\n

1. Eliminera renderingsblockerande resurser<\/h3>\n

En av de vanligaste rekommendationerna fr\u00e5n Google PageSpeed Insights \u00e4r att\u00a0Eliminera renderingsblockerande resurser<\/a>:<\/p>\n

\"Rekommendationen
Rekommendationen Eliminera renderingsblockerande resurser<\/figcaption><\/figure>\n

Detta handlar om JavaScript och CSS-skript som hindrar din sida fr\u00e5n att laddas snabbt. Bes\u00f6karens webbl\u00e4sare m\u00e5ste ladda ner och bearbeta dessa filer innan den kan visa resten av sidan, s\u00e5 att ha en hel del av dem h\u00f6gt upp p\u00e5 sidan kan negativt p\u00e5verka webbplatsens hastighet.<\/p>\n

Du kan l\u00e4sa mer om det h\u00e4r problemet i v\u00e5r guide till\u00a0att eliminera renderingsblockerande skript<\/a>. N\u00e4r det g\u00e4ller Google finns det tv\u00e5 l\u00f6sningar du b\u00f6r \u00f6verv\u00e4ga:<\/p>\n