{"id":36291,"date":"2020-03-16T00:43:38","date_gmt":"2020-03-15T23:43:38","guid":{"rendered":"https:\/\/kinsta.com\/?p=65587&#038;preview=true&#038;preview_id=65587"},"modified":"2023-08-24T13:44:07","modified_gmt":"2023-08-24T12:44:07","slug":"google-pagespeed-insights","status":"publish","type":"post","link":"https:\/\/kinsta.com\/dk\/blog\/google-pagespeed-insights\/","title":{"rendered":"Google PageSpeed Insights: Sandheden om at score 100\/100"},"content":{"rendered":"<p><a href=\"https:\/\/developers.google.com\/speed\/pagespeed\/insights\/\">Google PageSpeed \u200b\u200bInsights<\/a> er uden tvivl et nyttigt v\u00e6rkt\u00f8j til webmastere, udviklere og alle typer websidedesignere. Vi har dog bem\u00e6rket, at mange mennesker bruger alt for meget tid p\u00e5, at fors\u00f8ge at score 100\/100 i denne test, n\u00e5r de arbejder p\u00e5 at optimere deres webside.<\/p>\n<p>I realiteten er det slet ikke den m\u00e5de, at Google PageSpeed \u200b\u200bInsights skal bruges p\u00e5, og det er heller ikke v\u00e6rd at str\u00e6be efter. Hvis du derimod v\u00e6lger at fokusere p\u00e5, at implementere platformens anbefalinger i stedet for at fiksere p\u00e5 tallene \u00f8verst p\u00e5 siden, vil du kunne skabe meget mere v\u00e6rdi for din webside.<\/p>\n<p>Dette indl\u00e6g er en omfattende guide til, hvordan Google PageSpeed \u200b\u200bInsights bruges til din fordel. Vi vil d\u00e6kke, hvordan Google bruger din score, samt hvordan du integrerer de anbefalinger, du modtager.<\/p>\n<p>Lad os komme i gang!<\/p>\n<div><\/div><kinsta-auto-toc heading=\"Table of Contents\" exclude=\"last\" list-style=\"arrow\" selector=\"h2\" count-number=\"-1\"><\/kinsta-auto-toc>\n<h2>En introduktion til Google PageSpeed Insights<\/h2>\n<p>Hvis du endnu ikke er bekendt med <a href=\"https:\/\/developers.google.com\/speed\/pagespeed\/insights\/\">Google PageSpeed \u200b\u200bInsights<\/a>, er det et v\u00e6rkt\u00f8j, der bruges til at teste websiders ydeevne. Du kan indtaste en hvilken som helst webaddresse, og f\u00e5 den analyseret:<\/p>\n<figure style=\"width: 1500px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/dk\/wp-content\/uploads\/sites\/12\/2020\/01\/google-pagespeed-insights-1.png\" alt=\"google pagespeed insights\" width=\"1500\" height=\"718\"><figcaption class=\"wp-caption-text\">Google PageSpeed Insights<\/figcaption><\/figure>\n<p>Google leverer derefter en samlet score p\u00e5 en skala op til 100 for det websted du har testet, baseret p\u00e5 adskillige effektive fremgangsm\u00e5der for optimering af ydeevne:<\/p>\n<figure style=\"width: 1500px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/dk\/wp-content\/uploads\/sites\/12\/2020\/01\/pagespeed-insights-score-1.png\" alt=\"pagespeed insights score\" width=\"1500\" height=\"830\"><figcaption class=\"wp-caption-text\">Google PageSpeed Insights-score<\/figcaption><\/figure>\n<p>Udover dette resultat, vil du ogs\u00e5 kunne se flere anbefalinger fra Google om, hvordan du kan forbedre din ydeevne (og dermed din PageSpeed Insights-score):<\/p>\n<figure style=\"width: 1500px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/dk\/wp-content\/uploads\/sites\/12\/2020\/01\/pagespeed-insight-anbefalinger-1.png\" alt=\"Google PageSpeed Insights-anbefalinger\" width=\"1500\" height=\"1197\"><figcaption class=\"wp-caption-text\">Google PageSpeed Insights-anbefalinger<\/figcaption><\/figure>\n<p>Fra og med 2018 beregnes PageSpeed Insights-scoringer via <a href=\"https:\/\/developers.google.com\/web\/tools\/lighthouse\/\">Lighthouse<\/a>, som er Googles open source automatiseret v\u00e6rkt\u00f8j til forbedring af websiders overordnede kvalitet. Denne platform kan evaluere alle mulige faktorer, herunder ydelse, tilg\u00e6ngelighed, progressive webapps osv.<\/p>\n<p>Hvis du gerne vil se Lighthous\u2019 omfattende evaluering af din webside, skal du bruge <a href=\"https:\/\/web.dev\/measure\/\">Googles m\u00e5lev\u00e6rkt\u00f8j<\/a>:<\/p>\n<figure style=\"width: 1500px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/dk\/wp-content\/uploads\/sites\/12\/2020\/01\/google-revisionsvaerktoj-1.png\" alt=\"google revisionsv\u00e6rktoj\" width=\"1500\" height=\"898\"><figcaption class=\"wp-caption-text\">Google Webmaster evaluerings- og revisionsv\u00e6rkt\u00f8j<\/figcaption><\/figure>\n<p>Ud over at udf\u00f8re en pr\u00e6stationsbed\u00f8mmelse, der ligner meget den, som Google PageSpeed Insights k\u00f8rer, vil du ogs\u00e5 modtage en score for tilg\u00e6ngelighed, bedste praksis og <a href=\"https:\/\/kinsta.com\/dk\/blog\/hvad-star-seo-for\/\">SEO (Search Engine Optimization)<\/a>.<\/p>\n<h2>Sandheden om at score 100\/100 i Google PageSpeed Insights<\/h2>\n<p>Som vi n\u00e6vnte i begyndelsen af dette indl\u00e6g, ser vi mange websideejere og -udviklere, der bliver besat af at opn\u00e5 en perfekt PageSpeed Insights-score. Desv\u00e6rre har de en tendens til at overse det vigtigste aspekt i forhold til testresultaterne, som i virkeligheden er anbefalingerne.<\/p>\n<p>Selvom du bestemt b\u00f8r str\u00e6be efter at forbedre din websides indl\u00e6sningstid s\u00e5 meget som muligt, <strong>er det faktisk ikke s\u00e5 vigtigt at score 100\/100 i Google PageSpeed Insights<\/strong>. For det f\u00f8rste, er det slet ikke en altafg\u00f8rende test i forhold til ydeevne.<\/p>\n<p>I mods\u00e6tning til PageSpeed Insights, giver <a href=\"https:\/\/kinsta.com\/dk\/blog\/pingdom-speed-test\/\">Pingdom Tools<\/a> dig mulighed for, at teste din websides ydeevne fra forskellige placeringer:<\/p>\n<figure style=\"width: 1500px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/dk\/wp-content\/uploads\/sites\/12\/2020\/01\/pingdom-tools-1.png\" alt=\"pingdom tools\" width=\"1500\" height=\"913\"><figcaption class=\"wp-caption-text\">Resultater fra Pingdom Tools-speed test<\/figcaption><\/figure>\n<p>Du kan ogs\u00e5 k\u00f8re test p\u00e5 platforme som <a href=\"https:\/\/kinsta.com\/dk\/blog\/gtmetrix-speed-test\/\">GTmetrix<\/a> (som kombinerer dine score fra PageSpeed \u200b\u200bInsights og <a href=\"http:\/\/yslow.org\/\">YSlow<\/a>) og <a href=\"https:\/\/www.webpagetest.org\/\">WebPageTest<\/a>. Chancerne er, at dine score p\u00e5 tv\u00e6rs af disse forskellige v\u00e6rkt\u00f8jer ikke stemmer helt overens, hvilket viser dig, hvor vilk\u00e5rlige disse tal kan v\u00e6re.<\/p>\n<p><strong>Det, der virkelig betyder noget, er den faktiske hastighed p\u00e5 din webside<\/strong>. For at s\u00e6tte det i perspektiv har vi set websider med gennemsnitlige indl\u00e6sningstider p\u00e5 under 500 millisekunder (hvilket er ekstremt hurtigt!), Som ikke har en 100\/100 score p\u00e5 PageSpeed \u200b\u200bInsights.<\/p>\n<p>Den anden faktor, der b\u00f8r have indflydelse p\u00e5 din tilgang til hastighedsoptimering, er den <a href=\"https:\/\/blog.teamtreehouse.com\/perceived-performance\">opfattede ydeevne<\/a> p\u00e5 dit websted. Dine bes\u00f8gende er ligeglade med, hvad din Google PageSpeed \u200b\u200bInsights-score er. De vil bare gerne kunne se dit indhold s\u00e5 hurtigt som muligt.<\/p>\n<p>Form\u00e5let med at teste din websides ydeevne med Google PageSpeed \u200b\u200bInsights handler egentlig ikke om, at opn\u00e5 en h\u00f8j score. Derimod handler det om, at opfange eventuelle problemer p\u00e5 din webside, s\u00e5 du kan optimere dem og reducere b\u00e5de dine faktiske og opfattede indl\u00e6sningstider.<\/p>\n<h2>Google anvender PageSpeed Insights p\u00e5 f\u00f8lgende m\u00e5de<\/h2>\n<p>Ud over at p\u00e5virke din websides brugeroplevelse (UX) <a href=\"https:\/\/kinsta.com\/blog\/conversion-rate-optimization-tips\/#page-load-speed\">spiller ydeevne ogs\u00e5 en rolle i SEO<\/a>. N\u00e5r an t\u00e6nker p\u00e5, at PageSpeed \u200b\u200bInsights drives af verdens st\u00f8rste og mest popul\u00e6re s\u00f8gemaskine, er det naturligt at t\u00e6nke, at din score muligvis p\u00e5virker din rangering p\u00e5 s\u00f8geresultatsiderne (SERP) &#8211; i det mindste hos Google.<\/p>\n<p>Google bruger nu ogs\u00e5 PageSpeed \u200b\u200bInsights til at bestemme placeringer &#8211; p\u00e5 en m\u00e5de. Websidehastighed er helt enkelt en rangerende faktor. Din ydelsestestscore kan give dig en ret god id\u00e9 om, hvor du st\u00e5r p\u00e5 denne front.<\/p>\n<p>Google tager dog h\u00f8jde for mere end blot tallet i cirklen \u00f8verst i dine PageSpeed-resultater. At ramme en 100\/100 garanterer ikke en topplads p\u00e5 resultatsierne.<\/p>\n\n<p>N\u00e5r det er sagt, er PageSpeed \u200b\u200bInsights-resultaterne under alle omst\u00e6ndigheder nyttige, n\u00e5r du arbejder p\u00e5 at forbedre din SEO. For eksempel <a href=\"https:\/\/webmasters.googleblog.com\/2018\/01\/using-page-speed-in-mobile-search.html\">har den mobile sidehastighed siden 2018 v\u00e6ret en rangeringsfaktor<\/a> hos Google. Du vil bem\u00e6rke, at din ydelsestest indeholder data omkring b\u00e5de dit websteds desktop- og mobilversion:<\/p>\n<figure style=\"width: 1500px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/dk\/wp-content\/uploads\/sites\/12\/2020\/01\/pagespeed-insights-mobil-1.png\" alt=\"pagespeed insights mobil\" width=\"1500\" height=\"830\"><figcaption class=\"wp-caption-text\">Fanen Mobil i Google PageSpeed Insights<\/figcaption><\/figure>\n<p>Da mere end <a href=\"https:\/\/neilpatel.com\/blog\/loading-time\/\">73 procent af mobile internetbrugere<\/a> h\u00e6vder, at de er st\u00f8dt p\u00e5 websider, der tager for lang tid at indl\u00e6se, er oplysningerne i fanen Google PageSpeed \u200b\u200bInsights <strong>Mobile<\/strong> uvurderlige. Hvis du bruger disse anbefalinger til at <a href=\"https:\/\/kinsta.com\/dk\/laer\/fremskynder-wordpress\/\">reducere indl\u00e6sningshastighederne<\/a>\u00a0p\u00e5 smartphones og andre enheder, b\u00f8r det give dig en konkurrencefordel.<\/p>\n<h2>Anbefalinger fra Google PageSpeed Insights (24 m\u00e5der at forbedre ydeevnen p\u00e5)<\/h2>\n<p>Vi har talt meget om anbefalingerne fra Google PageSpeed \u200b\u200bInsight i dette indl\u00e6g, og det er netop dem, som er de v\u00e6sentlige, da de er langt mere v\u00e6rdifulde end din faktiske score. Derfor har vi dedikeret resten af \u200b\u200bdette indl\u00e6g til dem.<\/p>\n<p>F\u00f8r vi dykker ned i de individuelle forslag, skal du dog forst\u00e5 forskellen mellem dine <strong>Field data <\/strong>og <strong>Lab data<\/strong>. F\u00f8rstn\u00e6vnte sammenligner dit websted med andre i Chromes brugeroplevelses-rapport for de sidste 30 dage.<\/p>\n<p>Der findes ogs\u00e5 to diagrammer, der viser, hvordan din gennemsnitlige <a href=\"https:\/\/developers.google.com\/web\/tools\/lighthouse\/audits\/first-contentful-paint\">First Contentful Paint (FCP)<\/a> og <a href=\"https:\/\/developers.google.com\/web\/updates\/2018\/05\/first-input-delay\">First Input Delay (FID)<\/a> ligger:<\/p>\n<figure style=\"width: 1500px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/dk\/wp-content\/uploads\/sites\/12\/2020\/01\/field-data-1.png\" alt=\"field data\" width=\"1500\" height=\"565\"><figcaption class=\"wp-caption-text\">Field data fra Google PageSpeed Insights<\/figcaption><\/figure>\n<p>P\u00e5 billedet ovenfor er vores websteds FCP omtrent den samme som 45 procent af siderne i den 75. percentil, og vores FID er omtrent den samme som 9 procent af det 95. percentil.<\/p>\n<p><strong>Lab data<\/strong> viser specifikke data for en simuleret sideindl\u00e6sning:<\/p>\n<figure style=\"width: 1500px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/dk\/wp-content\/uploads\/sites\/12\/2020\/01\/lab-data-1.png\" alt=\"lab data\" width=\"1500\" height=\"465\"><figcaption class=\"wp-caption-text\">Google PageSpeed Insights Lab Data<\/figcaption><\/figure>\n<p>Du vil bem\u00e6rke, at vores<strong> Field Data <\/strong>og<strong> Lab Data <\/strong><a href=\"https:\/\/developers.google.com\/speed\/docs\/insights\/v5\/about#faq\">ikke matcher helt<\/a>. Det er helt normalt. <strong>Lab Data<\/strong> oprettes under faste betingelser, mens <strong>Field Data<\/strong> bruger faktiske indl\u00e6sningshastigheder indsamlet over en tidsperiode.<\/p>\n<p>Samlet set, skal <strong>Field Data<\/strong> og <strong>Lab Data<\/strong> give dig en id\u00e9 om dit websteds faktiske indl\u00e6sningstid. Som vi n\u00e6vnte tidligere, er dette endnu vigtigere end din samlede PageSpeed-score, s\u00e5 du b\u00f8r v\u00e6re opm\u00e6rksom p\u00e5 disse tal.<\/p>\n<p>N\u00e5r du har taget h\u00f8jde for disse oplysninger, er det tid til at begynde at forbedre din websides ydeevne ved at implementere Google PageSpeeds anbefalinger.<\/p>\n<h3>1. Fjern ressourcer til blokering af gengivelse<\/h3>\n<p>En af de mere almindelige anbefalinger fra Google PageSpeed Insights er, at man b\u00f8r <a href=\"https:\/\/kinsta.com\/dk\/blog\/renderings-blokerende-javascript-css\/\">fjerne ressourcer til blokering af gengivelse<\/a>:<\/p>\n<figure style=\"width: 1476px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/dk\/wp-content\/uploads\/sites\/12\/2020\/01\/fjern-render-blocking-resources-1.png\" alt=\"Fjern render-blocking resources anbefaling\" width=\"1476\" height=\"468\"><figcaption class=\"wp-caption-text\">Anbefaling om, at fjern ressourcer til blokering af gengivelse<\/figcaption><\/figure>\n<p>Dette vedr\u00f8rer JavaScript- og CSS-scripts, der forhindrer din side i at indl\u00e6se hurtigt. Den bes\u00f8gendes browser skal downloade og behandle disse filer, f\u00f8r resten af \u200b\u200bsiden kan vises, s\u00e5 hvis der ligger en masse &#8216;over skillelinjen&#8217;, kan det have negativ indflydelse p\u00e5 din websides hastighed.<\/p>\n<p>Du kan l\u00e6re mere om dette problem i vores guide til <a href=\"https:\/\/kinsta.com\/dk\/blog\/renderings-blokerende-javascript-css\/\">eliminering af gengivelsesblokerende scripts<\/a>. Hvad Google ang\u00e5r, er der to l\u00f8sninger, du skal overveje:<\/p>\n<ul>\n<li>Hvis du ikke har meget JavaScript eller <a href=\"https:\/\/kinsta.com\/blog\/wordpress-css\/\">CSS<\/a>, kan du integrere dem, for at slippe af med advarslen. Denne proces henviser til at inkorporere din JavaScript og\/eller CSS i din HTML-fil. Du kan g\u00f8re dette med et plugin som <a href=\"https:\/\/kinsta.com\/blog\/autoptimize-settings\/\">Autoptimize<\/a>. Dette g\u00f8r sig imidlertid kun g\u00e6ldende for meget sm\u00e5 websteder. De fleste <a href=\"https:\/\/kinsta.com\/dk\/blog\/hvad-er-wordpress\/\">WordPress<\/a>-websider har nok JavaScript til, at denne metode rent faktisk kan g\u00f8re din side langsommere.<\/li>\n<li>Den anden mulighed er, <a href=\"https:\/\/kinsta.com\/dk\/blog\/udsaettes-parsing-af-javascript\/\">at udskyde din JavaScript<\/a>. Denne attribut downloader din JavaScript-fil mens HTML fortolkes, men udf\u00f8rer den f\u00f8rst, n\u00e5r tolkningen er afsluttet. Scripts med denne attribut udf\u00f8res desuden i den r\u00e6kkef\u00f8lge hvori de forekommer p\u00e5 siden.<\/li>\n<\/ul>\n<p>Du kan finder en liste over de ressourcer, der er mest p\u00e5virket af dette problem under anbefalingen i dine PageSpeed-resultater.<\/p>\n<p><strong>Se <a href=\"https:\/\/www.youtube.com\/watch?v=ElpcjGBgTGk\">denne video<\/a> for at finde ud af mere om, hvordan du fjerner render blocking ressourcer:<\/strong><\/p>\n<p class=\"p1\"><kinsta-video src=\"https:\/\/www.youtube.com\/watch?v=ElpcjGBgTGk\"><\/kinsta-video><\/p>\n<h3>2. Undg\u00e5 k\u00e6de af kritiske anmodninger<\/h3>\n<p>Konceptet med <a href=\"https:\/\/developers.google.com\/web\/tools\/lighthouse\/audits\/critical-request-chains\">chaining critical requests<\/a> (kritiske anmodninger) har at g\u00f8re med CRP (Critical Rendering Path) og hvordan browsere indl\u00e6ser dine sider. Visse elementer &#8211; som JavaScript og CSS, som vi dr\u00f8ftede ovenfor &#8211; skal indl\u00e6ses helt, f\u00f8r din side bliver synlig.<\/p>\n<p>Som en del af denne anbefaling, vil Google PageSpeed \u200b\u200bInsight vise dig anmodningsk\u00e6der for den side, du analyserer:<\/p>\n<figure style=\"width: 1496px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/dk\/wp-content\/uploads\/sites\/12\/2020\/01\/undga-kaedning-requests-1.png\" alt=\"undg\u00e5 k\u00e6dning requests\" width=\"1496\" height=\"1302\"><figcaption class=\"wp-caption-text\">Undg\u00e5 k\u00e6dning af critical requests recommendation<\/figcaption><\/figure>\n<p>Dette diagram viser dig en r\u00e6kke anmodningskrav, der skal opfyldes, f\u00f8r din side bliver synlig. Det fort\u00e6ller dig ogs\u00e5 st\u00f8rrelsen p\u00e5 hver ressource. Ideelt set \u00f8nsker du at minimere antallet af anmodningskrav s\u00e5vel som deres st\u00f8rrelser.<\/p>\n<p>Flere af metoderne til at opfylde disse m\u00e5l er d\u00e6kket af andre anbefalinger beskrevet i dette indl\u00e6g, herunder:<\/p>\n<ul>\n<li>Fjernelse af ressourcer til blokering af gengivelse<\/li>\n<li>Udskydelse af &#8220;offscreen&#8221;-billeder<\/li>\n<li>Minificering af CSS og JavaScript<\/li>\n<\/ul>\n<p>Derudover kan du optimere r\u00e6kkef\u00f8lgen, som siden indl\u00e6ses i for at forkorte CRP. Dette betyder, at indhold over skillelinjen flyttes op til toppen af \u200b\u200bdin HTML-fil. Du kan l\u00e6re mere om optimering af CRP i vores indl\u00e6g, \u201c<em><a href=\"https:\/\/kinsta.com\/blog\/critical-rendering-path\/\">How to Optimize the Critical Rendering Path in WordPress<\/a><\/em>\u201d.<\/p>\n<p>Det er vigtigt at bem\u00e6rke, at der ikke findes et magisk antal kritiske anmodningsk\u00e6der, som du skal arbejde dig ned til. Google PageSpeed \u200b\u200bInsights regner ikke denne revision som &#8216;best\u00e5et&#8217; eller &#8216;mislykket&#8217;, i mods\u00e6tning til mange af dens andre anbefalinger. Disse oplysninger kun til r\u00e5dighed for at hj\u00e6lpe dig med at forbedre indl\u00e6sningshastigheden.<\/p>\n<h3>3. Hold antallet af anmodninger og overf\u00f8rselsst\u00f8rrelser nede<\/h3>\n<p>Jo flere anmodninger browseren skal forholde sig til for at indl\u00e6se dine sider og jo st\u00f8rre ressourcer din server returnerer som svar, desto l\u00e6ngere tager det for din webside at indl\u00e6se. Derfor giver det mening, at Google anbefaler, at du minimerer antallet anmodninger og mindsker st\u00f8rrelsen p\u00e5 dine ressourcer.<\/p>\n<p>Ligesom ved anbefalingen om, at <strong>undg\u00e5 kritiske anmodningsk\u00e6der<\/strong>, resulterer denne anbefaling heller ikke i en &#8216;best\u00e5et&#8217; eller &#8216;dumpet&#8217;-status. I stedet vil du blot se en liste over antallet af anmodninger, der er foretaget, og st\u00f8rrelsen p\u00e5 dem:<\/p>\n<figure style=\"width: 1500px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/dk\/wp-content\/uploads\/sites\/12\/2020\/01\/request-counts-low-1.png\" alt=\"request counts low\" width=\"1500\" height=\"997\"><figcaption class=\"wp-caption-text\">Anbefaling om, at holde antallet af anmodninger og overf\u00f8rselsst\u00f8rrelser nede<\/figcaption><\/figure>\n<p>Der findes ikke et ideelt antal anmodninger eller en maksimal st\u00f8rrelse, man b\u00f8r huske p\u00e5. I stedet anbefaler Google, at du indstiller disse standarder p\u00e5 egen h\u00e5nd ved at oprette et resultatbaseret budget, hvilket er et s\u00e6t definerede m\u00e5l, der kan v\u00e6re relateret til aspekter som:<\/p>\n<ul>\n<li>Maksimale billedst\u00f8rrelser<\/li>\n<li>Antallet af anvendte webfonte<\/li>\n<li>Hvor mange eksterne ressourcer du ringer op<\/li>\n<li>St\u00f8rrelsen p\u00e5 scripts og rammer<\/li>\n<\/ul>\n<p>Oprettelse af et resultatbaseret budget giver dig et s\u00e6t standarder, som du kan holde dig til. N\u00e5r du f\u00f8lger dit eget budget, kan du tr\u00e6ffe beslutninger om, hvorvidt ressourcer skal fjernes eller optimeres for at holde sig til dine forudbestemte retningslinjer. Du kan <a href=\"https:\/\/web.dev\/your-first-performance-budget\/\">l\u00e6re mere om, hvordan du opretter et resultatbaseret budget<\/a> i Googles egen guide.<\/p>\n<h3>4. Komprimering af CSS<\/h3>\n<p>CSS-filer er ofte st\u00f8rre end n\u00f8dvendigt for at g\u00f8re dem lettere for mennesker at afl\u00e6se. De kan muligvis indeholde forskellige returtaster og mellemrum, som ikke er n\u00f8dvendige for, at computere kan forst\u00e5 deres indhold.<\/p>\n<p>Minificering af din CSS er en proces, som komprimerer dine filer ved at fjerne un\u00f8dvendige tegn, mellemrum og duplikationer. Google anbefaler denne praksis, fordi den reducerer dine CSS-filst\u00f8rrelser, og kan derfor forbedre indl\u00e6sningshastigheden:<\/p>\n<figure style=\"width: 1456px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/dk\/wp-content\/uploads\/sites\/12\/2020\/01\/minify-css-1.png\" alt=\"minify css\" width=\"1456\" height=\"382\"><figcaption class=\"wp-caption-text\">Anbefaling om komprimering af CSS<\/figcaption><\/figure>\n<p>Disse hastighedsfordele er grunden til, at Kinsta indbyggede en <a href=\"https:\/\/kinsta.com\/docs\/wordpress-hosting\/wordpress-cdn\/kinsta-cdn\/#kinstas-cdn#code-minification-1\">kode minifikationsfunktion<\/a> i <a href=\"https:\/\/kinsta.com\/dk\/mykinsta\/\">MyKinsta-dashboardet<\/a>. Kunder kan v\u00e6lge at tilv\u00e6lge automatisk kode minifikation for deres CSS- og JavaScript-filer, hvilket g\u00f8r deres websteder hurtigere uden manuel indsats.<\/p>\n<p>Hvis du ikke er Kinsta-kunde, anbefaler vi at bruge et plugin s\u00e5som <a href=\"https:\/\/kinsta.com\/blog\/autoptimize-settings\/#css-options\">Autoptimize<\/a> eller <a href=\"https:\/\/wp-rocket.me\/\">WP Rocket<\/a> til at formindske dine CSS-filer.<\/p>\n<h3>5. Komprimer JavaScript<\/h3>\n<p>Ligesom CSS-filst\u00f8rrelsen kan komprimeres, g\u00f8r det samme sig g\u00e6ldende for dine JavaScript-filer:<\/p>\n<figure style=\"width: 1456px\" class=\"wp-caption alignleft\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/dk\/wp-content\/uploads\/sites\/12\/2020\/01\/minify-javascript-1.png\" alt=\"minify javascript\" width=\"1456\" height=\"380\"><figcaption class=\"wp-caption-text\">Minify JavaScript-anbefaling<\/figcaption><\/figure>\n<p>Autoptimize eller WP Rocket kan ogs\u00e5 klare denne opgave for dit WordPress-websted.<\/p>\n<h3>6. Fjern overfl\u00f8digt CSS<\/h3>\n<p>Enhver kode i dit stilark er indhold, der skal indl\u00e6ses f\u00f8r at din side kan blive synlig for brugerne. Hvis der er CSS p\u00e5 websiden, som faktisk ikke er nyttig, l\u00e6gger det un\u00f8dvendigt og tr\u00e6kker din pr\u00e6station ned.<\/p>\n<p>Derfor anbefaler Google <a href=\"https:\/\/web.dev\/unused-css-rules\/\">at fjerne overfl\u00f8digt CSS<\/a>:<\/p>\n<figure style=\"width: 1452px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/dk\/wp-content\/uploads\/sites\/12\/2020\/01\/fjern-ubrugt-css-1.png\" alt=\"Fjern ubrugt CSS-anbefaling\" width=\"1452\" height=\"552\"><figcaption class=\"wp-caption-text\">Anbefaling om, at fjern overfl\u00f8digt CSS<\/figcaption><\/figure>\n<p>L\u00f8sningen her er i bund og grund den samme som for eliminering af blokerende gengivelse af CSS. Du kan integrere eller udskyde stilarter p\u00e5 den m\u00e5de, der giver bedst mening for dine sider. Du kan ogs\u00e5 bruge et v\u00e6rkt\u00f8j som <a href=\"https:\/\/developers.google.com\/web\/tools\/chrome-devtools\">Chrome DevTools<\/a> til <a href=\"https:\/\/developers.google.com\/web\/tools\/chrome-devtools\/css\/reference#coverage\">at lokalisere overfl\u00f8digt CSS<\/a>, der skal optimeres.<\/p>\n<h3>7. Minimer hovedtr\u00e5dens arbejdsbyrde<\/h3>\n<p>&#8216;The main thread (Hovedtr\u00e5en)&#8217; er det prim\u00e6re element i brugerens browser, der er ansvarlig for at omdanne kode til en webside, som bes\u00f8gende kan interagere med. Den analyserer og udf\u00f8rer HTML, CSS og JavaScript. Derudover har den ansvaret for h\u00e5ndtering af brugerinteraktioner.<\/p>\n<p>Dette betyder, at n\u00e5r hovedtr\u00e5den arbejder sig igennem din websidekode, kan den ikke h\u00e5ndtere brugeranmodninger samtidigt. Hvis hovedtr\u00e5dens arbejde p\u00e5 websiden tager for lang tid, kan dette resultere i d\u00e5rlige UX og langsom indl\u00e6sningshastighed.<\/p>\n<p>Google PageSpeed markerer de sider, hvorp\u00e5 det tager l\u00e6ngere end fire sekunder for hovedtr\u00e5den at gennemf\u00f8re arbejdet og pr\u00e6sentere en brugbar webside:<\/p>\n<figure style=\"width: 1452px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/dk\/wp-content\/uploads\/sites\/12\/2020\/01\/minimer-arbejds-anbefaling-1.png\" alt=\"Minimer arbejds anbefaling fra main thread\" width=\"1452\" height=\"254\"><figcaption class=\"wp-caption-text\">Minimer hovedtr\u00e5dens arbejdsbyrde<\/figcaption><\/figure>\n<p>Nogle af de metoder, der bruges til at reducere hovedtr\u00e5dens arbejde, er allerede blevet d\u00e6kket i andre sektioner af dette indl\u00e6g, herunder:<\/p>\n<ul>\n<li>Komprimer din kode<\/li>\n<li>Fjernelse af overfl\u00f8dig kode<\/li>\n<li>Implementering af cache<\/li>\n<\/ul>\n<p>Du kan dog ogs\u00e5 overveje kodedeling. Denne proces involverer opdeling af din JavaScript i bundter, der udf\u00f8res, n\u00e5r der er brug for det, i stedet for at browseren f\u00f8rst skal indl\u00e6se dem alle f\u00f8r siden bliver interaktiv.<\/p>\n<p><a href=\"https:\/\/webpack.js.org\/guides\/code-splitting\/\">Webpack<\/a> bruges ofte til at implementere kodedeling. Bem\u00e6rk, at dette er en temmelig avanceret teknik, og begyndere b\u00f8r nok afholde sig fra at g\u00f8re dette uden hj\u00e6lp.<\/p>\n<h3>8. Reducer udf\u00f8relsestid for JavaScript<\/h3>\n<p>JavaScript-udf\u00f8relse er ofte den mest fremtr\u00e6dende bidragyder til hovedtr\u00e5dens arbejde. PageSpeed Insights har en separat anbefaling, der advarer dig, hvis arbejdsbyrden p\u00e5virker din websides ydeevne:<\/p>\n<figure style=\"width: 1452px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/dk\/wp-content\/uploads\/sites\/12\/2020\/01\/reducer-javascript-udforelsestid.png\" alt=\"Reducer anbefaling af JavaScript-udf\u00f8relsestid\" width=\"1452\" height=\"254\"><figcaption class=\"wp-caption-text\">Anbefaling om, at reducere udf\u00f8relsestiden for JavaScript<\/figcaption><\/figure>\n<p>Ovenst\u00e5ende metoder til reduktion af hovedtr\u00e5dens arbejdsbyrde b\u00f8r ogs\u00e5 fjerne advarslen fra dine PageSpeed-resultater.<\/p>\n<h3>9. Reducer serverens responstid (TTFB)<\/h3>\n<p>Time to First Byte (TTFB) m\u00e5ler, hvor lang tid det tager for en browser at modtage den f\u00f8rste byte med data fra dit websteds server, n\u00e5r du frems\u00e6tter en anmodning. Selvom dette ikke er det samme som din samlede webstedshastighed, er det naturligvis godt for dit websteds pr\u00e6station at have en lav TTFB.<\/p>\n<p>Derfor anbefaler Google PageSpeed Insight at serverens responstid reduceres. Hvis du opn\u00e5r en lav TTFB, vil du se denne meddelelse under <strong>Passed audits:<\/strong><\/p>\n<figure style=\"width: 1464px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/dk\/wp-content\/uploads\/sites\/12\/2020\/01\/responstid-ttfb-1.png\" alt=\"Serverens responstid er lav besked\" width=\"1464\" height=\"382\"><figcaption class=\"wp-caption-text\">Meddelelse om, at serverens responstid er lav<\/figcaption><\/figure>\n<p>Der er flere faktorer, der kan p\u00e5virke din TTFB. Nogle metoder til s\u00e6nkning af denne inkluderer:<\/p>\n<ul>\n<li>At v\u00e6lge en <a href=\"https:\/\/kinsta.com\/dk\/prissaetning\/\">webhostingudbyder af h\u00f8j kvalitet<\/a>, der <a href=\"https:\/\/kinsta.com\/dk\/wordpress-hosting\/\">fokuserer p\u00e5 hastighed<\/a><\/li>\n<li>Brug af temaer og plugins, som ikke er tunge<\/li>\n<li>Reducer antallet af plugins, der er installeret p\u00e5 dit websted<\/li>\n<li>Brug af et Content Delivery Network (CDN)<\/li>\n<li>Implementering af browser-cache<\/li>\n<li>Valg af en solid DNS-leverand\u00f8r (Domain Name System)<\/li>\n<\/ul>\n<p>Vores <a href=\"https:\/\/kinsta.com\/blog\/ttfb\/\">indl\u00e6g om TTFB<\/a> er en fremragende kilde til flere detaljer omkring optimering p\u00e5 dette omr\u00e5de.<\/p>\n<h3>10. Korrekt billedst\u00f8rrelse<\/h3>\n<p>Mediefiler s\u00e5som billeder kan virkelig tr\u00e6kke ned i din websides ydeevne, og derfor er korrekt billedst\u00f8rrelse en simpel m\u00e5de at reducere din indl\u00e6sningshastighed p\u00e5:<\/p>\n<figure style=\"width: 1458px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/dk\/wp-content\/uploads\/sites\/12\/2020\/01\/anbefaling-storrelse-billeder-1.png\" alt=\"Anbefaling af korrekt st\u00f8rrelse p\u00e5 billeder\" width=\"1458\" height=\"512\"><figcaption class=\"wp-caption-text\">Anbefaling om korrekt billedst\u00f8rrelse<\/figcaption><\/figure>\n<p>Hvis din side indeholder billeder, der er st\u00f8rre end n\u00f8dvendigt, bruges CSS til at \u00e6ndre dem til en korrekt st\u00f8rrelse. Dette tager l\u00e6ngere tid end blot at indl\u00e6se billederne i den rigtige st\u00f8rrelse oprindeligt, hvilket i sidste ende p\u00e5virker din sides ydeevne.<\/p>\n<p>For at l\u00f8se dette kan du enten uploade billeder i de rigtige st\u00f8rrelser eller anvende &#8216;responsive billeder&#8217;. Dette indeb\u00e6rer oprettelse af forskellige billedst\u00f8rrelser til forskellige enheder.<\/p>\n<p>Du kan g\u00f8re dette ved hj\u00e6lp af <a href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/Learn\/HTML\/Multimedia_and_embedding\/Responsive_images\"><strong>srcset<\/strong>-attributten<\/a>, der f\u00f8jes til <strong>&lt;img&gt;<\/strong> -koden for at specificere alternative billedfiler i forskellige st\u00f8rrelser. Browserne kan afl\u00e6se denne liste og bestemme, hvilken mulighed der passer bedst til den p\u00e5g\u00e6ldende sk\u00e6rm og levere den version af dit billede.<\/p>\n<p>Lad os for eksempel sige, at du har et headerbillede, og at du vil g\u00f8re det responsivt. Du kan uploade tre versioner af billedet i 800, 480 og 320 pixels i bredden. Derefter anvender du <strong>srcset<\/strong>-attributter som disse:<\/p>\n<pre><code class=\"language-html\">&lt;img srcset=\"header-image-800w.jpg 880w,\n\t\tHeader-image-480w.jpg 480w,\n\t\tHeader-image-320w.jpg 320w\"\n\tsizes=\"(max-width: 320px) 280px,\n\t\t(max-width: 480px) 440px,\n\t\t800px\"\n\tsrc=\"header-image-800w.jpg\"&gt;<\/code><\/pre>\n<p><strong>srcset<\/strong>-attributter specificerer de forskellige tilg\u00e6ngelige filer, og <strong>size<\/strong>-attributter fort\u00e6ller browseren, hvilken der skal bruges baseret p\u00e5 den aktuelle sk\u00e6rmst\u00f8rrelse.<\/p>\n<h3>11. Udskyd &#8220;offscreen&#8221;-billeder<\/h3>\n<p>Processen med at udskyde billeder p\u00e5 sk\u00e6rmen er mere almindeligt kendt som lazy-loading. Dette betyder, at i stedet for at f\u00e5 browseren til at indl\u00e6se hvert billede p\u00e5 en side f\u00f8r indholdet \u00f8verst p\u00e5 siden vises, s\u00e5 vil browseren i stedet kun indl\u00e6se de billeder, der er umiddelbart synlige.<\/p>\n<p>Hvis der er mindre der skal forudindl\u00e6s\u00a0f\u00f8r siden bliver synlig, vil det give bedre ydeevne, og derfor anbefaler Google at g\u00f8re brug af denne metode:<\/p>\n<figure style=\"width: 1452px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/dk\/wp-content\/uploads\/sites\/12\/2020\/01\/udskyd-anbefaling-skaermbilleder.png\" alt=\"Udskyd anbefaling fra sk\u00e6rmbilleder\" width=\"1452\" height=\"416\"><figcaption class=\"wp-caption-text\">Anbefaling om at udskyde &#8220;offscreen&#8221;-billeder<\/figcaption><\/figure>\n<p>Der er flere WordPress-plugins, der er lavet specielt til lazy-loading, herunder <a href=\"https:\/\/wordpress.org\/plugins\/a3-lazy-load\/\">a3 Lazy Load<\/a> og <a href=\"https:\/\/wordpress.org\/plugins\/rocket-lazy-load\/\">Lazy Load by WP Rocke<\/a>t. Forskellige plugins til billed- og ydelsesoptimering, <a href=\"https:\/\/kinsta.com\/blog\/autoptimize-settings\/#image-optimization-in-autoptimize\">s\u00e5som Autoptimize, har ogs\u00e5 doble indl\u00e6sningsfunktioner<\/a>. Se vores komplette guide til <a href=\"https:\/\/kinsta.com\/blog\/wordpress-lazy-load\/\">Lazy loading af billeder og videoer p\u00e5 WordPress<\/a>.<\/p>\n<h3>12. Effektiv kodning af billeder<\/h3>\n<p>Som vi n\u00e6vnte tidligere i dette indl\u00e6g, har billeder en betydelig indflydelse p\u00e5 din websides ydeevne. En af de mest basale, men ogs\u00e5 en af de bedste optimeringsmetoder du kan bruge, er <a href=\"https:\/\/kinsta.com\/blog\/lossy-compression\/\">komprimering<\/a>, som kan hj\u00e6lpe med at reducere filst\u00f8rrelser, s\u00e5 de indl\u00e6ses hurtigere. Det er ogs\u00e5 den prim\u00e6re metode, hvis man f\u00f8lger Googles anbefaling om <strong>effektivt kodning af billeder:<\/strong><\/p>\n<figure style=\"width: 1454px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/dk\/wp-content\/uploads\/sites\/12\/2020\/01\/effektivt-billedanbefaling-1.png\" alt=\"Kode billedanbefaling effektivt\" width=\"1454\" height=\"336\"><figcaption class=\"wp-caption-text\">Anbefaling om effektiv kodning af billeder<\/figcaption><\/figure>\n<p>M\u00e5let er, at man opn\u00e5r den mindst mulige filst\u00f8rrelser uden at ofre kvaliteten af \u200b\u200bselve billederne. Plugins som <a href=\"https:\/\/wordpress.org\/plugins\/imagify\/\">Imagify<\/a> og <a href=\"https:\/\/wordpress.org\/plugins\/wp-smushit\/\">Smush<\/a> kan hj\u00e6lpe med denne opgave. Du kan l\u00e6re mere om dem i <a href=\"https:\/\/kinsta.com\/dk\/blog\/optimeres-billeder-til-web\/\">vores guide til billedoptimering<\/a>.<\/p>\n<p>Andre emner, der har indflydelse p\u00e5, om du &#8216;best\u00e5r&#8217; eller &#8216;dumper&#8217; <strong>revisionen af effektiv billedkodning<\/strong>\u00a0inkluderer:<\/p>\n<ul>\n<li>Levering af billeder i den rigtige st\u00f8rrelse<\/li>\n<li>Implementering af lazy-loading (udskydelse af &#8220;offscreen&#8221;-billeder)<\/li>\n<li>Konvertering af billeder til next-gen-filformater, f.eks. WebP<\/li>\n<li>Brug af videoformater til animeret indhold, f.eks. GIF&#8217;er<\/li>\n<\/ul>\n<p>Ud over at komprimere dine billeder, kan du ligeledes f\u00f8lge trinnene beskrevet andetsteds i dette indl\u00e6g med henblik p\u00e5 at im\u00f8dekomme anbefalingerne.<\/p>\n<h3>13. Upload billeder i Next-Gen-format<\/h3>\n<p>Der er nogle billedfilformater, der indl\u00e6ses hurtigere end andre. Desv\u00e6rre er dette ikke de almindeligt anvendte <strong>PNG<\/strong>&#8211; eller <strong>JPEG<\/strong>-formater. <strong><a href=\"https:\/\/developers.google.com\/speed\/webp\">WebP<\/a><\/strong>&#8211;<a href=\"https:\/\/developers.google.com\/speed\/webp\">billeder<\/a> er ved at blive den nye standard, og Google PageSpeed \u200b\u200bvil informere dig, hvis dine billeder ikke overholder de tilladte standarder:<\/p>\n<figure style=\"width: 1452px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/dk\/wp-content\/uploads\/sites\/12\/2020\/01\/billeder-anbefaling-formater-1.png\" alt=\"Server billeder i anbefaling af n\u00e6ste gen-formater\" width=\"1452\" height=\"368\"><figcaption class=\"wp-caption-text\">Anbefaling om uploading af billede i Next-Gen-format<\/figcaption><\/figure>\n<p>At im\u00f8dekomme denne anmodning kan virke som en udfordring, da du sandsynligvis allerede har masser af billeder liggende p\u00e5 din WordPress-side. Heldigvis er der plugins, der kan hj\u00e6lpe. For eksempel, Imagninify og Smush tilbyder begge en WebP-konverteringsfunktion.<\/p>\n<h3>14. Brug videoformater til animeret indhold<\/h3>\n<p>GIF&#8217;er kan v\u00e6re <a href=\"https:\/\/kinsta.com\/blog\/wordpress-gifs\/\">en effektiv form for visuelt indhold<\/a> i forskellige situationer. Vejledninger, funktionsanmeldelser og endda humoristiske animationer kan alle v\u00e6re med til at l\u00f8fte dine indl\u00e6g og g\u00f8re dem sjovere og skabe mere v\u00e6rdi for l\u00e6serne.<\/p>\n<p>Desv\u00e6rre skabes disse fordele p\u00e5 bekostning af sidens ydeevne. GIFs er kr\u00e6vende at indl\u00e6se, og derfor anbefaler PageSpeed Insights at uploade det som videoindhold i stedet:<\/p>\n<figure style=\"width: 1452px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/dk\/wp-content\/uploads\/sites\/12\/2020\/01\/videoformater-anbefalet-1.png\" alt=\"Brug videoformater til anbefalet animeret indhold\" width=\"1452\" height=\"434\"><figcaption class=\"wp-caption-text\">Anbefaling om, at bruge videoformater til animeret indhold<\/figcaption><\/figure>\n<p>Desv\u00e6rre er konvertering af GIF til videoformat ikke det mest enkle proces. F\u00f8rst og fremmest skal du beslutte, hvilken videotype du vil bruge:<\/p>\n<ul>\n<li><strong>MP4<\/strong>: Producerer lidt st\u00f8rre filer, men er kompatibel med de <a href=\"https:\/\/kinsta.com\/dk\/markedsandel-global-desktop-browser\/\">fleste st\u00f8rre browsere<\/a>.<\/li>\n<li><strong>WebM<\/strong>: Den mest optimerede videotypeformat; dog har den begr\u00e6nset browserkompatibilitet.<\/li>\n<\/ul>\n<p>N\u00e5r du har truffet det valg, der giver mest mening for dit websted, skal du konvertere filformaterne. Den bedste m\u00e5de at g\u00f8re dette p\u00e5 er via kommandolinjen. Til at starte med, skal du installere <a href=\"https:\/\/www.ffmpeg.org\/\">FFmpeg<\/a>. Dette er et open source-v\u00e6rkt\u00f8j til konvertering af filformater:<\/p>\n<figure style=\"width: 1500px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/dk\/wp-content\/uploads\/sites\/12\/2020\/01\/ffmpeg-1.png\" alt=\"ffmpeg\" width=\"1500\" height=\"897\"><figcaption class=\"wp-caption-text\">FFmpeg filformat-konverteringsv\u00e6rkt\u00f8j til video og lyd<\/figcaption><\/figure>\n<p>\u00c5bn derefter kommandolinje-gr\u00e6nsefladen og k\u00f8r f\u00f8lgende kommando:<\/p>\n<pre><code>ffmpeg -i input.gif output.mp4<\/code><\/pre>\n<p>Dette konverterer GIF&#8217;en med filnavnet <strong>input.gif <\/strong>til en MP4-video med filnavnet <strong>output.mp4<\/strong>. \u00c6ndring af format er dog kun begyndelsen. Du skal nu integrere den konverterede video p\u00e5 din WordPress-side p\u00e5 en m\u00e5de, der f\u00e5r den til at se ud som en animeret GIF.<\/p>\n<h4>Integrering af videoindhold med animationer<\/h4>\n<p>Hvis du nogensinde har set en GIF, har du sandsynligvis bem\u00e6rket, er de er lidt anderledes end normale videoer. De afspilles normalt automatisk og k\u00f8rer p\u00e5 en loop, og de er lydl\u00f8se. Integrering af din nye MP4- eller WebM-fil p\u00e5 din WordPress-side frembringer ikke disse egenskaber.<\/p>\n<p>Du kan dog genskabe dem med en meget simpel kode. Upload din video til dit mediebibliotek, og tilf\u00f8j herefter f\u00f8lgende til den side eller det indl\u00e6g, hvor du vil inkludere din GIF:<\/p>\n<pre><code>&lt;video autoplay loop muted playsinline&gt;\n&lt;source src=\"output.mp4\" type=\"video\/mp4\"&gt;\n&lt;\/video&gt;<\/code><\/pre>\n<p>Koderne vil tilf\u00f8je de specificerede egenskaber til din video, s\u00e5 den vises mere &#8216;GIF-lignende&#8217;. Du skal blot tilpasse filnavnet og typen til at matche den for din ressource. Hvis du \u00f8nsker flere detaljer om dette emne foresl\u00e5r vi, at du l\u00e6ser Googles guide omkring <a href=\"https:\/\/developers.google.com\/web\/fundamentals\/performance\/optimizing-content-efficiency\/replace-animated-gifs-with-video\">konvertering af GIF&#8217;er til video<\/a>.<\/p>\n<h3>15. S\u00f8rg for, at teksten forbliver synlig under indl\u00e6sning af webfont<\/h3>\n<p>Ligesom billeder, har tekst ogs\u00e5 en tendens til at v\u00e6re store filer, der tager lang tid at indl\u00e6se. I nogle tilf\u00e6lde skjuler browseren muligvis teksten indtil den tekst du bruger er f\u00e6rdigindl\u00e6st, hvilket vil resultere i denne anbefaling fra Google PageSpeed \u200b\u200bInsights:<\/p>\n<figure style=\"width: 1458px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/dk\/wp-content\/uploads\/sites\/12\/2020\/01\/tekst-forbliver-synlig-under-webfont-anbefaling.png\" alt=\"tekst forbliver synlig under webfont-anbefaling\" width=\"1458\" height=\"244\"><figcaption class=\"wp-caption-text\">Anbefaling om, at s\u00f8rg for, at tekst forbliver synlig under indl\u00e6sning af webfont<\/figcaption><\/figure>\n<p><a href=\"https:\/\/web.dev\/font-display\/\">Google r\u00e5der dig til<\/a>, at l\u00f8se dette problem ved at anvende Font Display API-<strong>swap<\/strong>-direktivet i din <strong>@font-face<\/strong> style. For at g\u00f8re dette skal du \u00e5bne dit stilark (<strong>style.css<\/strong>) og tilf\u00f8je f\u00f8lgende efter <strong>src<\/strong>-attributten under<strong> @font-face<\/strong>:<\/p>\n<p>font-display: swap<\/p>\n<p>Du kan l\u00e6re mere om optimering af webtekst i vores indl\u00e6g &#8220;<em><a href=\"https:\/\/kinsta.com\/blog\/how-to-change-font-in-wordpress\/#optimizing-fonts-for-performance\">S\u00e5dan \u00e6ndrer du skrifttyper i WordPress<\/a><\/em>&#8220;, samt <a href=\"https:\/\/kinsta.com\/blog\/local-fonts\/\">vores dybdeg\u00e5ende guide til hosting af lokale fonts<\/a>.<\/p>\n<h3>16. Aktivering af tekstkomprimering<\/h3>\n<p>Google PageSpeed Insights <strong>Enable text compression<\/strong> (Aktivering af tekstkomprimering) henviser til brugen af GZIP-komprimering:<\/p>\n<figure style=\"width: 1456px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/dk\/wp-content\/uploads\/sites\/12\/2020\/01\/enable-text-compression-1.png\" alt=\"Enable text compression anbefaling\" width=\"1456\" height=\"376\"><figcaption class=\"wp-caption-text\">Anbefaling om aktivering af tekstkomprimering<\/figcaption><\/figure>\n<p>I nogle tilf\u00e6lde (som du kan se p\u00e5 billedet ovenfor) aktiveres tekstkomprimering automatisk p\u00e5 din server. Hvis dette ikke er tilf\u00e6ldet for dit websted, har du et flere muligheder for at im\u00f8dekomme denne anbefaling.<\/p>\n<p>Den f\u00f8rste mulighed er, at installere et plugin med en GZIP-komprimeringsfunktion. WP Rocket er en holdbar l\u00f8sning, hvis du er villig til at betale for det.<\/p>\n<p>Du kan ogs\u00e5 komprimere din tekst manuelt. Dette involverer redigering af din <a href=\"https:\/\/kinsta.com\/dk\/blog\/wordpress-htaccess-fil\/\"><strong>.htaccess-<\/strong>fil<\/a>, som kan v\u00e6re risikabelt, s\u00e5 s\u00f8rg for, at du har en nylig backup til r\u00e5dighed.<\/p>\n<p>De fleste WordPress-websteder k\u00f8rer p\u00e5 Apache-servere. Koden til <a href=\"https:\/\/kinsta.com\/dk\/blog\/aktiverer-gzip-komprimering\/\">aktivering af GZIP-komprimering<\/a> ser s\u00e5dan ud:<\/p>\n<pre><code class=\"apacheconf\">&lt;IfModule mod_deflate.c&gt;\n  # Compress HTML, CSS, JavaScript, Text, XML and fonts\n  AddOutputFilterByType DEFLATE application\/javascript\n  AddOutputFilterByType DEFLATE application\/rss+xml\n  AddOutputFilterByType DEFLATE application\/vnd.ms-fontobject\n  AddOutputFilterByType DEFLATE application\/x-font\n  AddOutputFilterByType DEFLATE application\/x-font-opentype\n  AddOutputFilterByType DEFLATE application\/x-font-otf\n  AddOutputFilterByType DEFLATE application\/x-font-truetype\n  AddOutputFilterByType DEFLATE application\/x-font-ttf\n  AddOutputFilterByType DEFLATE application\/x-javascript\n  AddOutputFilterByType DEFLATE application\/xhtml+xml\n  AddOutputFilterByType DEFLATE application\/xml\n  AddOutputFilterByType DEFLATE font\/opentype\n  AddOutputFilterByType DEFLATE font\/otf\n  AddOutputFilterByType DEFLATE font\/ttf\n  AddOutputFilterByType DEFLATE image\/svg+xml\n  AddOutputFilterByType DEFLATE image\/x-icon\n  AddOutputFilterByType DEFLATE text\/css\n  AddOutputFilterByType DEFLATE text\/html\n  AddOutputFilterByType DEFLATE text\/javascript\n  AddOutputFilterByType DEFLATE text\/plain\n  AddOutputFilterByType DEFLATE text\/xml\n\n  # Remove browser bugs (only needed for really old browsers)\n  BrowserMatch ^Mozilla\/4 gzip-only-text\/html\n  BrowserMatch ^Mozilla\/4\\.0[678] no-gzip\n  BrowserMatch \\bMSIE !no-gzip !gzip-only-text\/html\n  Header append Vary User-Agent\n&lt;\/IfModule&gt;\n<\/code><\/pre>\n<p>Den skal tilf\u00f8jes efter <strong>#END<\/strong> i din<strong> .htaccess<\/strong>-fil. Hvis du tilf\u00e6ldigvis har din WordPress-side p\u00e5 en Nginx-server, skal du i stedet tilf\u00f8je f\u00f8lgende kode til din <strong>nginx.conf<\/strong>-fil:<\/p>\n<pre><code class=\"nginx\">36 gzip on;\n37 gzip_disable \"MSIE [1-6]\\.(?!.*SV1)\";\n38 gzip_vary on;\n39 gzip_types text\/plain text\/css text\/javascript application\/javascript application\/x-javascript;<\/code><\/pre>\n<p>Hvis du gerne vil kontrollere din websides tekstkomprimering, foresl\u00e5r vi, at du bruger et v\u00e6rkt\u00f8j som <a href=\"https:\/\/www.giftofspeed.com\/gzip-test\/\">GiftOfSpeed<\/a>:<\/p>\n<figure style=\"width: 1500px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/dk\/wp-content\/uploads\/sites\/12\/2020\/01\/giftofspeed-check-1.png\" alt=\"giftofspeed check\" width=\"1500\" height=\"884\"><figcaption class=\"wp-caption-text\">GiftOfSpeed GZIP-komprimeringskontrol<\/figcaption><\/figure>\n<p>Dette vil give dig besked, om GZIP-komprimeringen er implementeret, samt hvilken type server dit websted k\u00f8rer p\u00e5 og et par andre n\u00f8gledetaljer.<\/p>\n<h3>17. Forudg\u00e5ende forbindelse til vigtige kilder<\/h3>\n<p>Der er stor chance for, at du som minimum har en tredjepartsressource p\u00e5 dit websted &#8211; Google Analytics er et almindeligt m\u00f8dt eksempel. Det kan tage tid for browsere at etablere en forbindelse til disse ressourcer, hvilket bremser dine indl\u00e6sningshastighed.<\/p>\n<p>Brug af <strong>preconnect<\/strong>-attributter kan med det samme fort\u00e6lle browseren, at der er tredjeparts-scripts p\u00e5 din webside, der skal indl\u00e6ses. P\u00e5 den m\u00e5de kan processen med at anmode om disse tredjeparts-scripts p\u00e5begynde s\u00e5 hurtigt som muligt, hvilket vil forbedre din ydeevne.<\/p>\n<p>Hvis Google mener, at din side kunne drage fordel af denne teknik, vil du f\u00e5 vist forslaget <strong>Preconnect to required origins<\/strong>:<\/p>\n<figure style=\"width: 1454px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/dk\/wp-content\/uploads\/sites\/12\/2020\/01\/onskede-oprindelsesanbefaling-1.png\" alt=\"Forbind forbindelsen til den \u00f8nskede oprindelsesanbefaling\" width=\"1454\" height=\"254\"><figcaption class=\"wp-caption-text\">Anbefaling om forudg\u00e5ende forbindelse til vigtige kilder<\/figcaption><\/figure>\n<p>Der er et par m\u00e5der at g\u00e5 omkring implementering af denne optimeringsstrategi. Hvis du har det godt med at redigere dine WordPress-temafiler, kan du tilf\u00f8je et linktag til din <strong>header.php<\/strong>-fil. Her er et eksempel:<\/p>\n<pre><code class=\"language-html\">&lt;link rel=\u201cpreconnect\u201d href=\u201cexample.com\u201d&gt;<\/code><\/pre>\n<p>I dette tilf\u00e6lde fort\u00e6ller tagget browseren, at den er n\u00f8dt til at oprette forbindelse til <strong>example.com<\/strong> s\u00e5 hurtigt som muligt. Google PageSpeed \u200b\u200bInsights viser alle relevante ressourcer, som du skal tilf\u00f8je link-tags for med &#8220;preconnect&#8221;-attributter.<\/p>\n<p>Den anden mulighed er, at bruge et plugin for at opn\u00e5 den samme effekt. <a href=\"https:\/\/perfmatters.io\/\">Perfmatters<\/a> inkluderer en funktion til forudg\u00e5ende forbindelse (ansvarsfraskrivelse: Jeg er en af \u200b\u200bgrundl\u00e6ggerne af Perfmatters). WP Rocket og <a href=\"https:\/\/wordpress.org\/plugins\/pre-party-browser-hints\/\">Pre* Party Resource Hints<\/a> har lignende funktioner.<\/p>\n<h3>18. Forudindl\u00e6sning af n\u00f8gleanmodninger<\/h3>\n<p>Ligesom med anbefalingen <strong>Forudg\u00e5ende forbindelse til vigtig kilde, <\/strong>kan du ved at implementere dette forslag minimere antallet af anmodninger, som browsere skal foretage til din websides server. I stedet for at oprette forbindelse til tredjepartsressourcer, henviser <strong>forudindl\u00e6sning af n\u00f8gleanmodninger<\/strong> til at indl\u00e6se kritiske koder p\u00e5 din egen server:<\/p>\n<figure style=\"width: 1446px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/dk\/wp-content\/uploads\/sites\/12\/2020\/01\/preload-nogleanmodninger-anbefaling-1.png\" alt=\"Preload n\u00f8gleanmodninger anbefaling\" width=\"1446\" height=\"250\"><figcaption class=\"wp-caption-text\">Anbefaling om forudindl\u00e6sning af n\u00f8gleanmodninger<\/figcaption><\/figure>\n<p>Implementering af denne teknik ligner ogs\u00e5 meget metoden fra en foreg\u00e5ende anbefaling. I din <strong>header.php<\/strong>-fil, kan du tilf\u00f8je link-tags, der specificerer de ressourcer, der er anf\u00f8rt i PageSpeed \u200b\u200bInsights:<\/p>\n<pre><code class=\"language-html\">&lt;link rel=\u201cpreload\u201d href=\u201cexample.com\u201d&gt;<\/code><\/pre>\n<p>Du kan ogs\u00e5 inkorporere dette tag ved hj\u00e6lp af Perfmatters, WP Rocket eller Pre * Party Resource Hints.<\/p>\n<h3>19. Undg\u00e5 omdirigering af flere websider<\/h3>\n<p>Omdirigeringer bruges, n\u00e5r du vil have en URL til at pege over til anden URL. De oprettes ofte, n\u00e5r du flytter eller sletter en side p\u00e5 dit websted. Selvom der generelt set ikke er noget galt i at bruge omdirigeringer, s\u00e5 for\u00e5rsager de yderligere forsinkelser i indl\u00e6sningstiden.<\/p>\n<p>Hvis du har <a href=\"https:\/\/kinsta.com\/dk\/blog\/err_too_many_redirects\/\">for mange omdirigeringer<\/a> p\u00e5 din webside, vil du muligvis st\u00f8de p\u00e5 denne anbefaling i Google PageSpeed \u200b\u200bInsights:<\/p>\n<figure style=\"width: 1460px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/dk\/wp-content\/uploads\/sites\/12\/2020\/01\/anbefaling-redirects-1.png\" alt=\"Undg\u00e5 anbefaling om flere redirects p\u00e5 flere sider\" width=\"1460\" height=\"204\"><figcaption class=\"wp-caption-text\">Anbefaling om at undg\u00e5 omdirigering af flere websider<\/figcaption><\/figure>\n<p>Det eneste, du kan g\u00f8re som svar p\u00e5 denne anbefaling er at sikre, at du kun bruger omdirigeringer, n\u00e5r det er absolut n\u00f8dvendigt. Du kan l\u00e6re mere om oprettelse af omdirigeringer i vores indl\u00e6g, \u201c<em><a href=\"https:\/\/kinsta.com\/dk\/blog\/wordpress-redirect\/\">WordPress Redirect \u2013 Best Practices for Better Performance<\/a><\/em>\u201d.<\/p>\n<h3>20. Vis statiske aktiver med en effektiv cachepolitik<\/h3>\n<p>Hvis du har brugt Google PageSpeed Insights i et stykke tid, kender du muligvis denne anbefaling bedre som <strong>cacheadvarslen om udnyttelse af browseren<\/strong>. I version 5, hedder den nu <strong>Vis statiske aktiver med en effektiv cachepolitik<\/strong><\/p>\n<figure style=\"width: 1452px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/dk\/wp-content\/uploads\/sites\/12\/2020\/01\/effektiv-cache-politik-1.png\" alt=\"Statiske serveraktiver med en effektiv anbefaling af cache-politik\" width=\"1452\" height=\"338\"><figcaption class=\"wp-caption-text\">Statiske serveraktiver med en effektiv anbefaling af cache-politik<\/figcaption><\/figure>\n<p>For at im\u00f8dekomme dette forslag har vi brug for at gennemg\u00e5 flere punkter. Det f\u00f8rste drejer sig om, hvad &#8220;caching&#8221; egentligt betyder. Kort sagt, er det en proces, hvor browsere gemmer kopier af dine sider, s\u00e5 de kan indl\u00e6ses hurtigere n\u00e6ste gang du bes\u00f8ger siden.<\/p>\n<p>Den mest almindelige m\u00e5de WordPress-websider implementerer cache p\u00e5, er <a href=\"https:\/\/kinsta.com\/dk\/blog\/wordpress-cache-plugins\/\">via plugins<\/a>. WP Rocket og <a href=\"https:\/\/kinsta.com\/blog\/w3-total-cache\/\">W3 Total Cache<\/a> er popul\u00e6re muligheder. Nogle hostingudbydere &#8211; <a href=\"https:\/\/kinsta.com\/dk\/blog\/wordpress-cache\/\">herunder Kinsta<\/a> &#8211; muligg\u00f8r cache via deres servere. Unders\u00f8g, om din host eventuelt tilbyder samme l\u00f8sning inden du v\u00e6lger at installere et cache-plugin.<\/p>\n\n<p>N\u00e5r du har aktiveret cache p\u00e5 dit websted, kan du derefter tage dig af den anden del af anbefalingen, som er din cachepolitiks &#8216;effektivitet&#8217;. Browsere renser med regelm\u00e6ssige tidsperioder deres cacher for at genopfriske dem med opdaterede kopier.<\/p>\n<p>Ideelt set, b\u00f8r denne tidsperiode hellere v\u00e6re l\u00e6ngere end kort. Hvis browsercachen ryddes fra dit websted med et par timers mellemrum, modarbejder det form\u00e5let med at bruge denne teknik i f\u00f8rste omgang. Du kan optimere udl\u00f8bsperioden for cachen ved at anvende headerne <strong>Cache-Control <\/strong>og <b>Expires<\/b>.<\/p>\n<h4>Tilf\u00f8jelse af cache-control headers<\/h4>\n<p>Brug f\u00f8lgende kode til at tilf\u00f8je Cache-Control-headers i Nginx:<\/p>\n<pre><code class=\"nginx\">location ~* \\.(js|css|png|jpg|jpeg|gif|svg|ico)$ {\n expires 30d;\n add_header Cache-Control \"public, no-transform\";\n}<\/code><\/pre>\n<p>Tilf\u00f8je dette til din servers konfigurationsfil. I ovenst\u00e5ende eksempel, er de specificerede filtyper indstillet til at udl\u00f8be efter 30 dage.<\/p>\n<p>Hvis du anvender en <a href=\"https:\/\/kinsta.com\/dk\/blog\/hvad-er-apache\/\">Apache-servere<\/a>, b\u00f8r du i stedet bruge dette fragment til <strong>.htaccess<\/strong>-filer:<\/p>\n<pre><code class=\"apacheconf\">&lt;filesMatch \".(ico|pdf|flv|jpg|jpeg|png|gif|svg|js|css|swf)$\"&gt;\nHeader set Cache-Control \"max-age=84600, public\"\n<\/code><\/pre>\n<p>Tilf\u00f8j denne kode f\u00f8r<strong> #BEGIN WordPress<\/strong> eller efter <strong>#END WordPress<\/strong>. I dette eksempel er cache udl\u00f8bsperioden indstillet til 84.600 sekunder.<\/p>\n<h4>Tilf\u00f8jelse af expires headers<\/h4>\n<p><strong>Cache-kontrol<\/strong> headere er stort set standard nu. Der er dog nogle v\u00e6rkt\u00f8jer (inklusive GTMetrix), der stadig tjekker for <strong>Expires-<\/strong>headere.<\/p>\n<p>Du kan <a href=\"https:\/\/kinsta.com\/blog\/add-expires-headers-wordpress\/\">tilf\u00f8je expires headers<\/a> til en Nginx-server ved at inkorporere f\u00f8lgende i din serverblok:<\/p>\n<pre><code class=\"nginx\">location ~*  \\.(jpg|jpeg|gif|png|svg)$ {\n        expires 365d;\n    }\n\n    location ~*  \\.(pdf|css|html|js|swf)$ {\n        expires 2d;\n    }<\/code><\/pre>\n<p>Du b\u00f8r indstille forskellige udl\u00f8bstider baseret p\u00e5 filtyper. Apache-servere producerer de samme resultater, hvis du tilf\u00f8jer denne kode til din <strong>.htaccess<\/strong>-fil:<\/p>\n<pre><code class=\"apacheconf\">## EXPIRES HEADER CACHING ##\n&lt;IfModule mod_expires.c&gt;\nExpiresActive On\nExpiresByType image\/jpg \"access 1 year\"\nExpiresByType image\/jpeg \"access 1 year\"\nExpiresByType image\/gif \"access 1 year\"\nExpiresByType image\/png \"access 1 year\"\nExpiresByType image\/svg \"access 1 year\"\nExpiresByType text\/css \"access 1 month\"\nExpiresByType application\/pdf \"access 1 month\"\nExpiresByType application\/javascript \"access 1 month\"\nExpiresByType application\/x-javascript \"access 1 month\"\nExpiresByType application\/x-shockwave-flash \"access 1 month\"\nExpiresByType image\/x-icon \"access 1 year\"\nExpiresDefault \"access 2 days\"\n&lt;\/IfModule&gt;\n## EXPIRES HEADER CACHING ##<\/code><\/pre>\n<p>Endnu en gang skal du tilf\u00f8je denne kode, enten f\u00f8r <strong>#BEGIN WordPress<\/strong> eller efter <strong>#END WordPress.<\/strong><\/p>\n<h4>Effektiv caching af Google Analytics<\/h4>\n<p>Ironisk nok har <a href=\"https:\/\/kinsta.com\/dk\/blog\/google-analytics-wordpress\/\">Google Analytics-scriptet<\/a>, som du muligvis har tilf\u00f8jet til dine sidehoveder for at spore brugeradf\u00e6rd, en cache-udl\u00f8bsperiode p\u00e5 kun to timer. Sandsynligvis er det for at brugerne hurtigt kan se \u00e6ndringerne, hvis platformen opdateres.<\/p>\n<p>Dette script vil blive vist p\u00e5 listen over ressourcer, der kr\u00e6ver din opm\u00e6rksomhed under <strong>Vis statiske aktiver med en effektiv cachepolitikanbefaling<\/strong>. Da det h\u00f8rer til en tredjepart, kan du ikke \u00e6ndre udl\u00f8bsperioden med headerne <strong>Cache-Control<\/strong> eller <strong>Expires<\/strong>.<\/p>\n<p>Hvis dette er det eneste script, der er anf\u00f8rt under denne anbefaling, kan du stadig best\u00e5 revisionen:<\/p>\n<figure style=\"width: 1466px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/dk\/wp-content\/uploads\/sites\/12\/2020\/01\/bestaet-effektiv-caching-1.png\" alt=\"Best\u00e5et effektiv cache-policy audit\" width=\"1466\" height=\"544\"><figcaption class=\"wp-caption-text\">Best\u00e5et revision af effektiv cachepolitik<\/figcaption><\/figure>\n<p>Som vi har n\u00e6vnt i dette indl\u00e6g, har din PageSpeed-score dog mindre betydning end din faktiske og opfattede pr\u00e6station. For at im\u00f8dekomme denne ressource effektivt, kan du overveje at hoste Google Analytics lokalt.<\/p>\n<p>Plugins som <a href=\"https:\/\/wordpress.org\/plugins\/host-analyticsjs-local\/\">Complete Analytics Optimization Suite (CAOS)<\/a> og Perfmatters giver dig mulighed for at g\u00f8re dette. Du kan l\u00e6se mere om processen i vores <a href=\"https:\/\/kinsta.com\/dk\/blog\/leverage-browser-caching\/\">komplette guide til p\u00e5g\u00e6ldende PageSpeed-forslag<\/a>.<\/p>\n<h3>21. Reducer indvirkning af tredjepartskoder<\/h3>\n<p>Vi har flere gange n\u00e6vnt, hvordan scripts fra tredjeparter kan p\u00e5virke din pr\u00e6station negativt og resultere i, at du dumper PageSpeed \u200b\u200bInsights revisioner. I det hele taget, er det bedst at begr\u00e6nse tilliden til disse v\u00e6rkt\u00f8jer for at forhindre, at de p\u00e5virker siden negativt.<\/p>\n<p>I nogle tilf\u00e6lde, kan det dog v\u00e6re den bedste l\u00f8sning for din webside at inkorporere et script fra en tredjepart. Google Analytics er et glimrende eksempel p\u00e5 dette, og andre eksempler inkluderer:<\/p>\n<ul>\n<li><a href=\"https:\/\/kinsta.com\/dk\/blog\/social-media-wordpress-plugins\/\">Deling af knapper og feeds til sociale medier<\/a><\/li>\n<li>YouTube-videointegrering<\/li>\n<li><a href=\"https:\/\/kinsta.com\/dk\/blog\/wordpress-iframe\/\">iFrames til annoncer og andet content<\/a><\/li>\n<li>Biblioteker til JavaScript, skrifttyper og andre elementer<\/li>\n<\/ul>\n<p>I tilf\u00e6lde, hvor du finder brug af et script fra tredjepart n\u00f8dvendigt, er det dog vigtigt at reducere dets indvirkning p\u00e5 din websides ydeevne, som PageSpeed-analyseresultaterne ogs\u00e5 vil g\u00f8re dig opm\u00e6rksom p\u00e5:<\/p>\n<figure style=\"width: 1468px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/dk\/wp-content\/uploads\/sites\/12\/2020\/01\/reducer-tredjepart-anbefaling-1.png\" alt=\"Reducer virkningen af anbefaling fra tredjepart\" width=\"1468\" height=\"348\"><figcaption class=\"wp-caption-text\">Anbefaling om, at reducere indvirkning fra tredjepart<\/figcaption><\/figure>\n<p>For at indl\u00e6se tredjepartskode mere effektivt, kan du overveje en af de teknikker, vi allerede har n\u00e6vnt i dette indl\u00e6g:<\/p>\n<ul>\n<li>Udskyd indl\u00e6sningen af JavaScript<\/li>\n<li>Brug link-tags med forudg\u00e5ende <strong><strong>forbindelsesattributter<\/strong><\/strong><\/li>\n<li>Selvhost scripts fra tredjeparter (som vi beskrev omkring Google Analytics ovenfor)<\/li>\n<\/ul>\n<p>Disse metoder skal gerne minimere negativ indflydelse p\u00e5 din websides ydeevne.<\/p>\n<h3>22. Undg\u00e5 overdreven netv\u00e6rksbelastning<\/h3>\n<p>Denne anbefaling er is\u00e6r relevant for dine bes\u00f8gende, der anvender mobilenheder. Overdreven belastning kan kr\u00e6ve yderligere cellul\u00e6re data og dermed koste dine brugere penge. Minimering af antallet af netv\u00e6rksanmodninger, der er n\u00f8dvendige for at f\u00e5 vist din side, kan forhindre dette:<\/p>\n<figure style=\"width: 1452px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/dk\/wp-content\/uploads\/sites\/12\/2020\/01\/avoid-enorm-nyttelast-1.png\" alt=\"Undg\u00e5 en enorm anbefaling af netv\u00e6rks nyttelast\" width=\"1452\" height=\"420\"><figcaption class=\"wp-caption-text\">Anbefaling om, at undg\u00e5 overdreven netv\u00e6rksbelastning<\/figcaption><\/figure>\n<p>Google anbefaler, at du holder din samlede byte-st\u00f8rrelse nede p\u00e5 1.600 KB eller mindre. De metoder, der oftest bruges til at im\u00f8deg\u00e5 denne anbefaling kan findes i dette indl\u00e6g. Disse metoder involverer:<\/p>\n<ul>\n<li>Udskydelse af CSS, JavaScript og billeder, der ikke er p\u00e5 sk\u00e6rmen<\/li>\n<li>Minificering af kode<\/li>\n<li>Komprimering af billedfiler<\/li>\n<li>Brug af WebP-formatet til billeder<\/li>\n<li>Implementering af cache<\/li>\n<\/ul>\n<p>F\u00f8lg de relevante trin for disse strategier, s\u00e5 b\u00f8r du best\u00e5 denne revision uden yderligere tiltag.<\/p>\n<h3>23. Brugertiming og -m\u00e5ling<\/h3>\n<p>Denne anbefaling er kun relevant, hvis du bruger <a href=\"https:\/\/web.dev\/user-timings\/\">User Timing API<\/a>. Dette v\u00e6rkt\u00f8j opretter tidsstempler, der hj\u00e6lper dig med at evaluere din JavaScript-ydeevne. Hvis du har konfigureret API p\u00e5 dit websted, vil du se du dine markeringer og m\u00e5l under denne overskrift i PageSpeed Insights:<\/p>\n<figure style=\"width: 1500px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/dk\/wp-content\/uploads\/sites\/12\/2020\/01\/user-timing-1.png\" alt=\"user timing\" width=\"1500\" height=\"727\"><figcaption class=\"wp-caption-text\">User Timing marks og measures-anbefaling<\/figcaption><\/figure>\n<p>Som du kan se, er dette et andet forslag fra Google, der ikke resulterer i &#8221;best\u00e5et eller&#8221; eller &#8216;dumpet&#8217;. PageSpeed Insights g\u00f8r denne information let tilg\u00e6ngelig, s\u00e5 du kan bruge dem til at vurdere omr\u00e5der, der muligvis kr\u00e6ver optimering.<\/p>\n<p>Hvis du er interesseret i at integrere User Timing API p\u00e5 din WordPress-side, kan du l\u00e6re mere i <a href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/API\/User_Timing_API\/Using_the_User_Timing_API\">Mozillas guide om dette emne<\/a>.<\/p>\n<h3>24. Undg\u00e5 en overdreven &#8220;document object model (DOM)&#8221;-st\u00f8rrelse<\/h3>\n<p>Helt enkelt har DOM at g\u00f8re med, hvordan browsere forvandler HTML til objekter. Dette involverer brugen af en tr\u00e6struktur best\u00e5ende af individuelle knuderpunkter som hver repr\u00e6senterer et objekt. Jo st\u00f8rre din sides DOM er, jo l\u00e6ngere tager siden at indl\u00e6se.<\/p>\n<p>Hvis din side overskrider visse<a href=\"https:\/\/web.dev\/dom-size\/\"> standarder for DOM-st\u00f8rrelse<\/a>, vil du f\u00e5 en anbefaling om at reducere antallet af knudepunkter samt <a href=\"https:\/\/developers.google.com\/web\/fundamentals\/performance\/rendering\/reduce-the-scope-and-complexity-of-style-calculations\">kompleksiteten af din CSS-styling<\/a>:<\/p>\n<figure style=\"width: 1458px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/dk\/wp-content\/uploads\/sites\/12\/2020\/01\/anbefaling-overdreven-undga-storrelse-1.png\" alt=\"Undg\u00e5 en overdreven anbefaling af DOM-st\u00f8rrelse\" width=\"1458\" height=\"252\"><figcaption class=\"wp-caption-text\">Anbefaling om, at undg\u00e5 en overdreven DOM-st\u00f8rrelse<\/figcaption><\/figure>\n<p>En almindeligt kendt synder, hvis du alts\u00e5 har &#8220;dumpet&#8221; denne revision i PageSpeed \u200b\u200bInsights, er dit WordPress-tema. Tunge temaer tilf\u00f8jer ofte store m\u00e6ngder af elementer til DOM, og kan ogs\u00e5 inkludere en kompliceret styling, der g\u00f8r dit websted langsommere. Hvis dette er tilf\u00e6ldet, skal du muligvis <a href=\"https:\/\/kinsta.com\/dk\/blog\/aenders-wordpress-tema\/\">skifte tema<\/a>.<\/p>\n\n<h2>Opsummering<\/h2>\n<p>Google PageSpeed \u200b\u200bInsights b\u00f8r v\u00e6re fast inventar i din webmaster tool box, men dog er det tidsspild at bes\u00e6tte over at opn\u00e5 en score p\u00e5 100 ud af 100, da det kan tage din fokus v\u00e6k fra andre vigtige opgaver, der kan give mere markante fordele.<\/p>\n<p>I dette indl\u00e6g har vi d\u00e6kket de dele af Google PageSpeed-scoren, der er vigtige, samt de, som er knap s\u00e5 vigtige. Vi delte ogs\u00e5 nogle korte retningslinjer for, hvordan du kan inkorporere platformens anbefalinger p\u00e5 din WordPress-side for at forbedre sidens ydeevne.<\/p>\n<p>Har du sp\u00f8rgsm\u00e5l i forhold til Google PageSpeed \u200b\u200bInsights eller websideoptimering? Sp\u00f8rg l\u00f8s i kommentarfeltet nedenfor!<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Google PageSpeed \u200b\u200bInsights er uden tvivl et nyttigt v\u00e6rkt\u00f8j til webmastere, udviklere og alle typer websidedesignere. Vi har dog bem\u00e6rket, at mange mennesker bruger alt for &#8230;<\/p>\n","protected":false},"author":38,"featured_media":36328,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_kinsta_gated_content":false,"_kinsta_gated_content_redirect":"","footnotes":""},"tags":[183,29],"topic":[760],"class_list":["post-36291","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","tag-pagespeed","tag-webperf","topic-wordpress-ydeevne"],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v24.6 (Yoast SEO v24.6) - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Google PageSpeed Insights \ud83d\udcaf Sandheden om at score 100\/100<\/title>\n<meta name=\"description\" content=\"At score 100\/100 p\u00e5 Google PageSpeed-indsigt virker lidt som en dr\u00f8m? Her er, hvordan du bruger disse hastigheds-indsigter til i stedet. at forbedre dit websteds ydelse\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/kinsta.com\/dk\/blog\/google-pagespeed-insights\/\" \/>\n<meta property=\"og:locale\" content=\"da_DK\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Google PageSpeed Insights: Sandheden om at score 100\/100\" \/>\n<meta property=\"og:description\" content=\"At score 100\/100 p\u00e5 Google PageSpeed-indsigt virker lidt som en dr\u00f8m? Her er, hvordan du bruger disse hastigheds-indsigter til i stedet. at forbedre dit websteds ydelse\" \/>\n<meta property=\"og:url\" content=\"https:\/\/kinsta.com\/dk\/blog\/google-pagespeed-insights\/\" \/>\n<meta property=\"og:site_name\" content=\"Kinsta\u00ae\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/Kinsta-Danmark-122855885298660\/\" \/>\n<meta property=\"article:author\" content=\"https:\/\/www.facebook.com\/fm.brianleejackson\" \/>\n<meta property=\"article:published_time\" content=\"2020-03-15T23:43:38+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-08-24T12:44:07+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/kinsta.com\/dk\/wp-content\/uploads\/sites\/12\/2020\/03\/google-pagespeed-insights-1.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1460\" \/>\n\t<meta property=\"og:image:height\" content=\"730\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Brian Jackson\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:description\" content=\"At score 100\/100 p\u00e5 Google PageSpeed-indsigt virker lidt som en dr\u00f8m? Her er, hvordan du bruger disse hastigheds-indsigter til i stedet. at forbedre dit websteds ydelse\" \/>\n<meta name=\"twitter:image\" content=\"https:\/\/kinsta.com\/dk\/wp-content\/uploads\/sites\/12\/2020\/03\/google-pagespeed-insights-1.png\" \/>\n<meta name=\"twitter:creator\" content=\"@brianleejackson\" \/>\n<meta name=\"twitter:site\" content=\"@kinsta_dk\" \/>\n<meta name=\"twitter:label1\" content=\"Skrevet af\" \/>\n\t<meta name=\"twitter:data1\" content=\"Brian Jackson\" \/>\n\t<meta name=\"twitter:label2\" content=\"Estimeret l\u00e6setid\" \/>\n\t<meta name=\"twitter:data2\" content=\"33 minutter\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/kinsta.com\/dk\/blog\/google-pagespeed-insights\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/kinsta.com\/dk\/blog\/google-pagespeed-insights\/\"},\"author\":{\"name\":\"Brian Jackson\",\"@id\":\"https:\/\/kinsta.com\/dk\/#\/schema\/person\/079824c00ccc2b7141504f27ea63bef7\"},\"headline\":\"Google PageSpeed Insights: Sandheden om at score 100\/100\",\"datePublished\":\"2020-03-15T23:43:38+00:00\",\"dateModified\":\"2023-08-24T12:44:07+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/kinsta.com\/dk\/blog\/google-pagespeed-insights\/\"},\"wordCount\":6192,\"commentCount\":1,\"publisher\":{\"@id\":\"https:\/\/kinsta.com\/dk\/#organization\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/dk\/blog\/google-pagespeed-insights\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinsta.com\/dk\/wp-content\/uploads\/sites\/12\/2020\/03\/google-pagespeed-insights-1.png\",\"keywords\":[\"pagespeed\",\"webperf\"],\"articleSection\":[\"WordPress Ydeevne Tutorials\"],\"inLanguage\":\"da-DK\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/kinsta.com\/dk\/blog\/google-pagespeed-insights\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/kinsta.com\/dk\/blog\/google-pagespeed-insights\/\",\"url\":\"https:\/\/kinsta.com\/dk\/blog\/google-pagespeed-insights\/\",\"name\":\"Google PageSpeed Insights \ud83d\udcaf Sandheden om at score 100\/100\",\"isPartOf\":{\"@id\":\"https:\/\/kinsta.com\/dk\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/kinsta.com\/dk\/blog\/google-pagespeed-insights\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/dk\/blog\/google-pagespeed-insights\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinsta.com\/dk\/wp-content\/uploads\/sites\/12\/2020\/03\/google-pagespeed-insights-1.png\",\"datePublished\":\"2020-03-15T23:43:38+00:00\",\"dateModified\":\"2023-08-24T12:44:07+00:00\",\"description\":\"At score 100\/100 p\u00e5 Google PageSpeed-indsigt virker lidt som en dr\u00f8m? Her er, hvordan du bruger disse hastigheds-indsigter til i stedet. at forbedre dit websteds ydelse\",\"breadcrumb\":{\"@id\":\"https:\/\/kinsta.com\/dk\/blog\/google-pagespeed-insights\/#breadcrumb\"},\"inLanguage\":\"da-DK\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/kinsta.com\/dk\/blog\/google-pagespeed-insights\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"da-DK\",\"@id\":\"https:\/\/kinsta.com\/dk\/blog\/google-pagespeed-insights\/#primaryimage\",\"url\":\"https:\/\/kinsta.com\/dk\/wp-content\/uploads\/sites\/12\/2020\/03\/google-pagespeed-insights-1.png\",\"contentUrl\":\"https:\/\/kinsta.com\/dk\/wp-content\/uploads\/sites\/12\/2020\/03\/google-pagespeed-insights-1.png\",\"width\":1460,\"height\":730,\"caption\":\"Google PageSpeed Insights: Sandheden om at score 100\/100\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/kinsta.com\/dk\/blog\/google-pagespeed-insights\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/kinsta.com\/dk\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"WordPress ydeevne\",\"item\":\"https:\/\/kinsta.com\/dk\/emner\/wordpress-ydeevne\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Google PageSpeed Insights: Sandheden om at score 100\/100\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/kinsta.com\/dk\/#website\",\"url\":\"https:\/\/kinsta.com\/dk\/\",\"name\":\"Kinsta\u00ae\",\"description\":\"Hurtig, sikker, premium hostingl\u00f8sninger\",\"publisher\":{\"@id\":\"https:\/\/kinsta.com\/dk\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/kinsta.com\/dk\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"da-DK\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/kinsta.com\/dk\/#organization\",\"name\":\"Kinsta\",\"url\":\"https:\/\/kinsta.com\/dk\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"da-DK\",\"@id\":\"https:\/\/kinsta.com\/dk\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/kinsta.com\/dk\/wp-content\/uploads\/sites\/12\/2023\/12\/kinsta-logo.jpeg\",\"contentUrl\":\"https:\/\/kinsta.com\/dk\/wp-content\/uploads\/sites\/12\/2023\/12\/kinsta-logo.jpeg\",\"width\":500,\"height\":500,\"caption\":\"Kinsta\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/dk\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/Kinsta-Danmark-122855885298660\/\",\"https:\/\/x.com\/kinsta_dk\",\"https:\/\/www.instagram.com\/kinstahosting\/\",\"https:\/\/www.linkedin.com\/company\/kinsta\/\",\"https:\/\/www.pinterest.com\/kinstahosting\/\",\"https:\/\/www.youtube.com\/c\/Kinsta\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/kinsta.com\/dk\/#\/schema\/person\/079824c00ccc2b7141504f27ea63bef7\",\"name\":\"Brian Jackson\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"da-DK\",\"@id\":\"https:\/\/kinsta.com\/dk\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/79623d815f4ed4c8c2457392d728cb16?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/79623d815f4ed4c8c2457392d728cb16?s=96&d=mm&r=g\",\"caption\":\"Brian Jackson\"},\"description\":\"Brian has a huge passion for WordPress, has been using it for over a decade, and even develops a couple of premium plugins. Brian enjoys blogging, movies, and hiking. Connect with Brian on Twitter.\",\"sameAs\":[\"https:\/\/www.facebook.com\/fm.brianleejackson\",\"https:\/\/www.linkedin.com\/in\/brianleejackson\",\"https:\/\/x.com\/brianleejackson\"],\"url\":\"https:\/\/kinsta.com\/dk\/blog\/author\/brianjackson\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Google PageSpeed Insights \ud83d\udcaf Sandheden om at score 100\/100","description":"At score 100\/100 p\u00e5 Google PageSpeed-indsigt virker lidt som en dr\u00f8m? Her er, hvordan du bruger disse hastigheds-indsigter til i stedet. at forbedre dit websteds ydelse","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/kinsta.com\/dk\/blog\/google-pagespeed-insights\/","og_locale":"da_DK","og_type":"article","og_title":"Google PageSpeed Insights: Sandheden om at score 100\/100","og_description":"At score 100\/100 p\u00e5 Google PageSpeed-indsigt virker lidt som en dr\u00f8m? Her er, hvordan du bruger disse hastigheds-indsigter til i stedet. at forbedre dit websteds ydelse","og_url":"https:\/\/kinsta.com\/dk\/blog\/google-pagespeed-insights\/","og_site_name":"Kinsta\u00ae","article_publisher":"https:\/\/www.facebook.com\/Kinsta-Danmark-122855885298660\/","article_author":"https:\/\/www.facebook.com\/fm.brianleejackson","article_published_time":"2020-03-15T23:43:38+00:00","article_modified_time":"2023-08-24T12:44:07+00:00","og_image":[{"width":1460,"height":730,"url":"https:\/\/kinsta.com\/dk\/wp-content\/uploads\/sites\/12\/2020\/03\/google-pagespeed-insights-1.png","type":"image\/png"}],"author":"Brian Jackson","twitter_card":"summary_large_image","twitter_description":"At score 100\/100 p\u00e5 Google PageSpeed-indsigt virker lidt som en dr\u00f8m? Her er, hvordan du bruger disse hastigheds-indsigter til i stedet. at forbedre dit websteds ydelse","twitter_image":"https:\/\/kinsta.com\/dk\/wp-content\/uploads\/sites\/12\/2020\/03\/google-pagespeed-insights-1.png","twitter_creator":"@brianleejackson","twitter_site":"@kinsta_dk","twitter_misc":{"Skrevet af":"Brian Jackson","Estimeret l\u00e6setid":"33 minutter"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/kinsta.com\/dk\/blog\/google-pagespeed-insights\/#article","isPartOf":{"@id":"https:\/\/kinsta.com\/dk\/blog\/google-pagespeed-insights\/"},"author":{"name":"Brian Jackson","@id":"https:\/\/kinsta.com\/dk\/#\/schema\/person\/079824c00ccc2b7141504f27ea63bef7"},"headline":"Google PageSpeed Insights: Sandheden om at score 100\/100","datePublished":"2020-03-15T23:43:38+00:00","dateModified":"2023-08-24T12:44:07+00:00","mainEntityOfPage":{"@id":"https:\/\/kinsta.com\/dk\/blog\/google-pagespeed-insights\/"},"wordCount":6192,"commentCount":1,"publisher":{"@id":"https:\/\/kinsta.com\/dk\/#organization"},"image":{"@id":"https:\/\/kinsta.com\/dk\/blog\/google-pagespeed-insights\/#primaryimage"},"thumbnailUrl":"https:\/\/kinsta.com\/dk\/wp-content\/uploads\/sites\/12\/2020\/03\/google-pagespeed-insights-1.png","keywords":["pagespeed","webperf"],"articleSection":["WordPress Ydeevne Tutorials"],"inLanguage":"da-DK","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/kinsta.com\/dk\/blog\/google-pagespeed-insights\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/kinsta.com\/dk\/blog\/google-pagespeed-insights\/","url":"https:\/\/kinsta.com\/dk\/blog\/google-pagespeed-insights\/","name":"Google PageSpeed Insights \ud83d\udcaf Sandheden om at score 100\/100","isPartOf":{"@id":"https:\/\/kinsta.com\/dk\/#website"},"primaryImageOfPage":{"@id":"https:\/\/kinsta.com\/dk\/blog\/google-pagespeed-insights\/#primaryimage"},"image":{"@id":"https:\/\/kinsta.com\/dk\/blog\/google-pagespeed-insights\/#primaryimage"},"thumbnailUrl":"https:\/\/kinsta.com\/dk\/wp-content\/uploads\/sites\/12\/2020\/03\/google-pagespeed-insights-1.png","datePublished":"2020-03-15T23:43:38+00:00","dateModified":"2023-08-24T12:44:07+00:00","description":"At score 100\/100 p\u00e5 Google PageSpeed-indsigt virker lidt som en dr\u00f8m? Her er, hvordan du bruger disse hastigheds-indsigter til i stedet. at forbedre dit websteds ydelse","breadcrumb":{"@id":"https:\/\/kinsta.com\/dk\/blog\/google-pagespeed-insights\/#breadcrumb"},"inLanguage":"da-DK","potentialAction":[{"@type":"ReadAction","target":["https:\/\/kinsta.com\/dk\/blog\/google-pagespeed-insights\/"]}]},{"@type":"ImageObject","inLanguage":"da-DK","@id":"https:\/\/kinsta.com\/dk\/blog\/google-pagespeed-insights\/#primaryimage","url":"https:\/\/kinsta.com\/dk\/wp-content\/uploads\/sites\/12\/2020\/03\/google-pagespeed-insights-1.png","contentUrl":"https:\/\/kinsta.com\/dk\/wp-content\/uploads\/sites\/12\/2020\/03\/google-pagespeed-insights-1.png","width":1460,"height":730,"caption":"Google PageSpeed Insights: Sandheden om at score 100\/100"},{"@type":"BreadcrumbList","@id":"https:\/\/kinsta.com\/dk\/blog\/google-pagespeed-insights\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/kinsta.com\/dk\/"},{"@type":"ListItem","position":2,"name":"WordPress ydeevne","item":"https:\/\/kinsta.com\/dk\/emner\/wordpress-ydeevne\/"},{"@type":"ListItem","position":3,"name":"Google PageSpeed Insights: Sandheden om at score 100\/100"}]},{"@type":"WebSite","@id":"https:\/\/kinsta.com\/dk\/#website","url":"https:\/\/kinsta.com\/dk\/","name":"Kinsta\u00ae","description":"Hurtig, sikker, premium hostingl\u00f8sninger","publisher":{"@id":"https:\/\/kinsta.com\/dk\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/kinsta.com\/dk\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"da-DK"},{"@type":"Organization","@id":"https:\/\/kinsta.com\/dk\/#organization","name":"Kinsta","url":"https:\/\/kinsta.com\/dk\/","logo":{"@type":"ImageObject","inLanguage":"da-DK","@id":"https:\/\/kinsta.com\/dk\/#\/schema\/logo\/image\/","url":"https:\/\/kinsta.com\/dk\/wp-content\/uploads\/sites\/12\/2023\/12\/kinsta-logo.jpeg","contentUrl":"https:\/\/kinsta.com\/dk\/wp-content\/uploads\/sites\/12\/2023\/12\/kinsta-logo.jpeg","width":500,"height":500,"caption":"Kinsta"},"image":{"@id":"https:\/\/kinsta.com\/dk\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/Kinsta-Danmark-122855885298660\/","https:\/\/x.com\/kinsta_dk","https:\/\/www.instagram.com\/kinstahosting\/","https:\/\/www.linkedin.com\/company\/kinsta\/","https:\/\/www.pinterest.com\/kinstahosting\/","https:\/\/www.youtube.com\/c\/Kinsta"]},{"@type":"Person","@id":"https:\/\/kinsta.com\/dk\/#\/schema\/person\/079824c00ccc2b7141504f27ea63bef7","name":"Brian Jackson","image":{"@type":"ImageObject","inLanguage":"da-DK","@id":"https:\/\/kinsta.com\/dk\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/79623d815f4ed4c8c2457392d728cb16?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/79623d815f4ed4c8c2457392d728cb16?s=96&d=mm&r=g","caption":"Brian Jackson"},"description":"Brian has a huge passion for WordPress, has been using it for over a decade, and even develops a couple of premium plugins. Brian enjoys blogging, movies, and hiking. Connect with Brian on Twitter.","sameAs":["https:\/\/www.facebook.com\/fm.brianleejackson","https:\/\/www.linkedin.com\/in\/brianleejackson","https:\/\/x.com\/brianleejackson"],"url":"https:\/\/kinsta.com\/dk\/blog\/author\/brianjackson\/"}]}},"acf":[],"_links":{"self":[{"href":"https:\/\/kinsta.com\/dk\/wp-json\/wp\/v2\/posts\/36291","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kinsta.com\/dk\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/kinsta.com\/dk\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/kinsta.com\/dk\/wp-json\/wp\/v2\/users\/38"}],"replies":[{"embeddable":true,"href":"https:\/\/kinsta.com\/dk\/wp-json\/wp\/v2\/comments?post=36291"}],"version-history":[{"count":15,"href":"https:\/\/kinsta.com\/dk\/wp-json\/wp\/v2\/posts\/36291\/revisions"}],"predecessor-version":[{"id":43277,"href":"https:\/\/kinsta.com\/dk\/wp-json\/wp\/v2\/posts\/36291\/revisions\/43277"}],"alternate":[{"embeddable":true,"hreflang":"it","title":"Italian","href":"https:\/\/kinsta.com\/dk\/wp-json\/kinsta\/v1\/posts\/36291\/translations\/it"},{"embeddable":true,"hreflang":"en","title":"English","href":"https:\/\/kinsta.com\/dk\/wp-json\/kinsta\/v1\/posts\/36291\/translations\/en"},{"embeddable":true,"hreflang":"pt","title":"Portuguese","href":"https:\/\/kinsta.com\/dk\/wp-json\/kinsta\/v1\/posts\/36291\/translations\/pt"},{"embeddable":true,"hreflang":"fr","title":"French","href":"https:\/\/kinsta.com\/dk\/wp-json\/kinsta\/v1\/posts\/36291\/translations\/fr"},{"embeddable":true,"hreflang":"es","title":"Spanish","href":"https:\/\/kinsta.com\/dk\/wp-json\/kinsta\/v1\/posts\/36291\/translations\/es"},{"embeddable":true,"hreflang":"de","title":"German","href":"https:\/\/kinsta.com\/dk\/wp-json\/kinsta\/v1\/posts\/36291\/translations\/de"},{"embeddable":true,"hreflang":"nl","title":"Dutch","href":"https:\/\/kinsta.com\/dk\/wp-json\/kinsta\/v1\/posts\/36291\/translations\/nl"},{"embeddable":true,"hreflang":"ja","title":"Japanese","href":"https:\/\/kinsta.com\/dk\/wp-json\/kinsta\/v1\/posts\/36291\/translations\/jp"},{"embeddable":true,"hreflang":"da","title":"Danish","href":"https:\/\/kinsta.com\/dk\/wp-json\/kinsta\/v1\/posts\/36291\/translations\/dk"},{"embeddable":true,"hreflang":"sv","title":"Swedish","href":"https:\/\/kinsta.com\/dk\/wp-json\/kinsta\/v1\/posts\/36291\/translations\/se"},{"href":"https:\/\/kinsta.com\/dk\/wp-json\/kinsta\/v1\/posts\/36291\/tree"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/kinsta.com\/dk\/wp-json\/wp\/v2\/media\/36328"}],"wp:attachment":[{"href":"https:\/\/kinsta.com\/dk\/wp-json\/wp\/v2\/media?parent=36291"}],"wp:term":[{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/kinsta.com\/dk\/wp-json\/wp\/v2\/tags?post=36291"},{"taxonomy":"topic","embeddable":true,"href":"https:\/\/kinsta.com\/dk\/wp-json\/wp\/v2\/topic?post=36291"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}