{"id":35190,"date":"2019-12-16T07:06:04","date_gmt":"2019-12-16T06:06:04","guid":{"rendered":"https:\/\/kinsta.com\/?p=54531"},"modified":"2023-08-24T13:49:20","modified_gmt":"2023-08-24T12:49:20","slug":"udsaettes-parsing-af-javascript","status":"publish","type":"post","link":"https:\/\/kinsta.com\/dk\/blog\/udsaettes-parsing-af-javascript\/","title":{"rendered":"S\u00e5dan uds\u00e6ttes parsing af JavaScript i WordPress (4 metoder)"},"content":{"rendered":"

K\u00f8rte du dit WordPress-sted gennem et v\u00e6rkt\u00f8j til testning af ydeevne<\/a>, kun for at blive m\u00f8dt med en instruktion til at udskyde parsing af JavaScript i WordPress?<\/p>\n

Implementering af denne \u00e6ndring kan have en positiv indvirkning p\u00e5 dit websteds sideindl\u00e6sningstider, is\u00e6r for mobile bes\u00f8gende. Men advarslen kan v\u00e6re lidt vanskelig at forst\u00e5. Derfor vi vil forklare n\u00f8jagtigt, hvad det betyder at udskyde parsing af JavaScript, og hvordan du kan implementere denne \u00e6ndring p\u00e5 dit WordPress-websted.<\/p>\n

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

Foretr\u00e6kker du at se videoversionen<\/a>?<\/strong><\/p>\n<\/kinsta-video>\n

<\/a>Hvad betyder det at uds\u00e6tte parsing af JavaScript i WordPress?<\/h2>\n

Hvis du nogensinde har k\u00f8rt dit WordPress-sted gennem Google PageSpeed \u200b\u200bInsights<\/a>, GTmetrix eller andre sidehastighed-testv\u00e6rkt\u00f8jer, har du sandsynligvis st\u00f8dt p\u00e5 forslaget om at uds\u00e6tte parsing af JavaScript.<\/p>\n

Men … hvad betyder det egentlig? Og hvorfor er det en vigtigt hensyn mhp. pr\u00e6station?<\/p>\n

Grundl\u00e6ggende, n\u00e5r nogen bes\u00f8ger dit WordPress-site<\/a>, leverer dit websteds server HTML-indholdet p\u00e5 dit websted til den bes\u00f8gendes browser.<\/p>\n

Bes\u00f8gende browser starter derefter \u00f8verst og g\u00e5r gennem koden for at gengive dit websted. Hvis den bev\u00e6ger sig fra top til bund, og finder JavaScript, stopper det med at gengive resten af \u200b\u200bsiden, indtil den kan hente og analysere JavaScript-filen.<\/p>\n

Det vil g\u00f8re dette for hvert script, det finder, hvilket kan have en negativ indvirkning p\u00e5 dit websteds sideindl\u00e6sningstider, fordi bes\u00f8gende vil blive m\u00f8dt af en tom sk\u00e6rm, mens deres browser downloader og analyserer al JavaScript.<\/p>\n

Hvis et bestemt script ikke er n\u00f8dvendigt for dit websteds kernefunktion (i det mindste p\u00e5 den indledende sideindl\u00e6sning), skal du ikke have, at det kommer i vejen for at indl\u00e6se flere vigtige dele af dit websted, hvorfor denne page speed testing tool<\/a> fort\u00e6ller dig altid at udskyde parsing af JavaScript.<\/p>\n

S\u00e5 hvad betyder det at udskyde parsing af JavaScript?<\/p>\n

I hovedsagen fort\u00e6ller dit websted de bes\u00f8gende browsere at vente med at downloade og \/ eller analysere JavaScript, indtil dit websteds hovedindhold allerede er f\u00e6rdig med indl\u00e6sning. P\u00e5 det tidspunkt kan bes\u00f8gende allerede se og interagere med din side, s\u00e5 ventetiderne til at downloade og analysere at JavaScript ikke l\u00e6ngere har s\u00e5 negativ en effekt.<\/p>\n

Ved at fremskynde dit indholds belastningstider over folden<\/a> g\u00f8r du Google glad og skaber en bedre, hurtigere oplevelse for dine bes\u00f8gende.<\/p>\n

<\/a>S\u00e5dan fort\u00e6ller du, hvis du har brug for at udskyde parsing af JavaScript<\/h2>\n

For at teste, om dit WordPress-sted har brug for at udskyde parsing af JavaScript, kan du k\u00f8re dit websted gennem GTmetrix<\/a>.<\/p>\n

GTmetrix giver dig en karakter og viser ogs\u00e5 specifikke scripts, der skal uds\u00e6ttes:<\/p>\n

\"Udskyd
Udskyd parsing af JavaScript-test i GTmetrix<\/figcaption><\/figure>\n

<\/a>De forskellige metoder til at udskyde parsing af JavaScript<\/h2>\n

Der er et par forskellige m\u00e5der at udskyde parsing af JavaScript. For det f\u00f8rste er der to attributter<\/a>, som du kan tilf\u00f8je til dine scripts:<\/p>\n

    \n
  1. Async<\/li>\n
  2. Defer<\/li>\n<\/ol>\n

    Begge attributter lader bes\u00f8gende ‘browsere downloade JavaScript uden at s\u00e6tte HTML-parsing p\u00e5 pause. Forskellen er imidlertid, at mens async<\/strong> ikke s\u00e6tter pausen p\u00e5 HTML for at hente scriptet (som standardopf\u00f8rselen ville g\u00f8re), stopper den HTML-parseren for at udf\u00f8re scriptet, n\u00e5r det f\u00f8rst er hentet.<\/p>\n

    Med uds\u00e6ttelse<\/strong> vil bes\u00f8gende ‘browsere stadig downloade scripts, mens de analyserer HTML, men de vil vente med at analysere scriptet, indtil HTML-parsing er afsluttet.<\/p>\n

    Denne grafik fra Growing with the Internet<\/a> g\u00f8r et godt stykke arbejde med at forklare forskellen:<\/p>\n

    \"Grafisk
    Grafisk forklaring af async vs udskydelse<\/figcaption><\/figure>\n

    En anden mulighed, anbefalet af Patrick Sexton fra Varvy, bruger et script til at kalde en ekstern JavaScript-fil f\u00f8rst, n\u00e5r den indledende sideindl\u00e6sning er f\u00e6rdig. Dette betyder, at bes\u00f8gende ‘browsere ikke vil downloade eller udf\u00f8re noget JavaScript, f\u00f8r den indledende sideindl\u00e6sning er f\u00e6rdig.<\/p>\n

    Endelig er en anden tilgang, som du ser, blot at flytte din JavaScript til bunden af \u200b\u200bsiden. Denne metode er dog ikke en fantastisk l\u00f8sning, fordi selv om din side vil v\u00e6re synlig f\u00f8r, vil bes\u00f8gendes browsere stadig vise siden som indl\u00e6sning, indtil alle scripts er f\u00e6rdige. Dette kan forhindre nogle bes\u00f8gende i at interagere med din side, fordi de mener, at indholdet ikke er fuldt indl\u00e6st.<\/p>\n

    <\/a>S\u00e5dan uds\u00e6ttes parsing af JavaScript i WordPress (4 metoder)<\/h2>\n

    For at udskyde analysering af JavaScript i WordPress er der tre hovedruter, du kan tage:<\/p>\n