Reducer virkningen af tredjepartskode
Når Google Pagespeed Insights viser “Reducer virkningen af tredjepartskode”, henviser de til den negative indvirkning, som tredjeparts scripts og biblioteker kan have på en hjemmesides ydeevne.
Tredjepartskode er kode, der er tilføjet til en hjemmeside, men som kommer fra eksterne kilder, såsom sociale medie widgets, reklamenetværk, analyseværktøjer og andre eksterne tjenester.
Hvad Google Pagespeed Insights mener med tredjepartskode
Google Pagespeed Insights er et værktøj, der analyserer ydeevnen af en hjemmeside og giver anbefalinger til forbedringer. Når det kommer til tredjepartskode, vurderer værktøjet, hvordan disse eksterne scripts påvirker indlæsningstiden og den samlede brugeroplevelse. Tredjepartskode kan være ansvarlig for langsommere indlæsningstider, hvilket kan resultere i en dårligere brugeroplevelse og lavere placeringer i søgeresultater.
Konsekvensen af tredjepartskode
Brugen af tredjepartskode kan medføre flere udfordringer set i forhold til hjemmesiders hastighed. alt lige fra måden scriptet skal indlæses, til serveren hvor scriptet ligger og skal hentes fra, har indflydelse på hjemmesidens hastighed. Herunder er nogle af de dårligere grunde til at man skal undgå at benytte tredjepartskode på sin hjemmeside. Også selvom man som ejer eller reklameansvarlig for hjemmesiden måske mener at der er flere positiver end negativer. Kort sagt man skal tænke sig om.
Langsom indlæsningstid
Tredjepartskode kan forøge indlæsningstiden markant, især hvis de eksterne kilder er langsomme eller upålidelige. Når en hjemmeside indlæser eksterne scripts, skal den vente på svar fra disse eksterne servere, hvilket kan forsinke visningen af indholdet. Jo flere scripts, jo længere tid kan det tage for siden at blive fuldt indlæst. Dette kan føre til højere bounce rates, da brugere ofte forlader sider, der tager for lang tid at indlæse.
Blokering af rendering
Nogle scripts kan blokere renderingen af hjemmesiden, hvilket gør, at brugerne ser en delvist indlæst side i længere tid. Dette sker, fordi browseren skal hente og udføre disse scripts, før den kan vise det resterende indhold. Dette resulterer i en dårlig brugeroplevelse og kan få besøgende til at forlade siden tidligt. Desuden kan render-blocking scripts påvirke “Time to Interactive” (TTI), hvilket er et vigtigt metric for brugeroplevelse.
Sikkerhedsrisici
Ekstern kode kan udgøre en sikkerhedsrisiko, hvis den er kompromitteret. Hvis en tredjeparts leverandør bliver hacket, kan ondsindet kode blive indsprøjtet på din hjemmeside, hvilket kan skade dine brugere og dit omdømme. Derudover kan nogle tredjepartsscripts også indsamle data om dine brugere uden deres vidende eller samtykke, hvilket kan føre til overtrædelser af databeskyttelseslovgivning som GDPR.
Øget kompleksitet
Flere eksterne scripts kan gøre det sværere at fejlsøge og vedligeholde hjemmesiden. Når der opstår problemer, kan det være udfordrende at identificere, hvilken del af tredjepartskoden der er skyld i det. Dette øger den tid og de ressourcer, der kræves for at holde hjemmesiden kørende optimalt. Udover fejlsøgning kan det også komplicere opdateringer og integrationer med nye systemer.
Typisk tredjepartskode jeg finder på hjemmesider
De mest almindelige typer af tredjepartskode, som jeg ser på hjemmesider i dag er mangfoldige. Der findes ret meget eksternt som man kan indlejre/indsætte, for at skabe en eller anden funktionalitet på sin hjemmeside. Hvad enten det er analytics, tracking eller reklamer, er de alle skadelige på den ene eller den anden måde for hjemmesidens hastighed. Herunder kan du læse om nogle af de tredjepartskoder jeg finder på hjemmesider.
Analyseværktøjer
Disse værktøjer bruges til at spore og analysere brugeradfærd på hjemmesiden. Eksempler inkluderer Google Analytics, som hjælper webstedsejere med at forstå trafikmønstre, og Hotjar, der tilbyder varmekort og brugeranalyser. Disse scripts kan dog også belaste siden og påvirke indlæsningstiderne negativt. Google Analytics er et af de mest udbredte værktøjer, og mange hjemmesider bruger det til at få indsigt i besøgendes adfærd.
Reklamenetværk
Mange hjemmesider bruger reklamenetværk som Google AdSense og DoubleClick til at vise annoncer. Disse scripts indlæser reklamer fra eksterne servere og kan variere meget i størrelse og indlæsningshastighed, hvilket kan påvirke hele sidens ydeevne. Annoncer kan også introducere sikkerhedsrisici, hvis de bliver leveret fra mindre pålidelige kilder. Reklamer kan være video, billed- eller tekstbaserede og kræver ofte betydelig båndbredde.
Sociale medie integrationer
Sociale medie widgets som Facebook Like-knapper, Twitter embeds og Instagram feeds gør det muligt for brugere at interagere med indhold direkte fra hjemmesiden. Selvom disse integrationer kan øge brugerengagementet, kan de også forårsage forsinkelser, da de kræver indlæsning af eksternt indhold fra de sociale mediers servere. For eksempel kan en Facebook Like-knap tilføje flere HTTP-anmodninger og ekstra kilobytes til siden.
Kommentar systemer
Kommentar systemer som Disqus og Facebook Comments giver brugerne mulighed for at kommentere indlæg direkte på hjemmesiden. Disse systemer kan dog også tilføje betydelige mængder tredjepartskode, som kan påvirke indlæsningshastigheden negativt. Disqus, for eksempel, kan tilføje flere sekunders indlæsningstid, afhængigt af mængden af kommentarer og yderligere funktionaliteter, det tilbyder.
Tag management systemer
Værktøjer som Google Tag Manager bruges til at administrere og implementere marketing tags på en hjemmeside uden at ændre koden direkte. Selvom de kan forenkle administrationen af scripts, kan de også indlæse mange tredjepartsscripts, hvilket kan påvirke ydeevnen. Google Tag Manager gør det lettere at implementere og administrere tags fra forskellige leverandører, men det kræver omhyggelig styring for at minimere ydeevneproblemer.
Hvordan man reducerer virkningen af tredjepartskode
For at mindske den negative indvirkning af tredjepartskode, kan man optimere hastigheden på tredjepartskode ud fra følgende principper
Prioritering
Indlæs kun essentielle tredjepartsscripts, og fjern dem, der ikke giver væsentlig værdi. Gennemgå alt tredjepartskode på din hjemmeside og vurder, om de virkelig er nødvendige. Ofte kan nogle scripts undværes uden at gå på kompromis med funktionaliteten.
Asynkron og deffered indlæsning
Indlæs scripts asynkront eller med deferred, så de ikke blokerer den primære rendering af siden. Ved at bruge attributterne async
og defer
i dine <script>
tags kan du sikre, at scripts indlæses i baggrunden, uden at forsinke indlæsningen af sidens hovedindhold. Asynkron indlæsning betyder, at scriptet indlæses samtidig med, at resten af siden indlæses, mens deferred indlæsning betyder, at scriptet udføres efter, at hele siden er indlæst.
Lazy loading
Brug lazy loading til at indlæse scripts, når de faktisk er nødvendige, f.eks. ved at udskyde indlæsningen af sociale medie widgets til efter hovedindholdet er indlæst. Dette kan især være nyttigt for elementer, der er placeret længere nede på siden og ikke umiddelbart synlige for brugeren. Lazy loading kan anvendes på både billeder og scripts for at forbedre indlæsningstiden.
Optimering af kode
Minificer og kombiner scripts for at reducere antallet af HTTP-anmodninger. Minificering fjerner unødvendige tegn som mellemrum, kommentarer og linjeskift fra koden, hvilket reducerer filstørrelsen. Ved at kombinere flere scripts til en enkelt fil kan du reducere antallet af anmodninger, der skal foretages til serveren, hvilket kan forbedre indlæsningshastigheden markant.
Brug lokal hosting
Hvis muligt, host eksterne scripts lokalt på din server for at reducere afhængigheden af eksterne kilder. Ved at hoste scripts som Google Analytics lokalt kan du sikre hurtigere adgangstider og reducere risikoen for, at eksterne serverproblemer påvirker din side. Dette kan også give bedre kontrol over versioneringen og opdateringen af disse scripts.
Kontinuerlig overvågning
Hold øje med ydeevnen af tredjepartskode ved hjælp af værktøjer som Google Pagespeed Insights og Lighthouse, og optimer løbende. Regelmæssige performance audits kan hjælpe med at identificere nye eller tilbagevendende problemer, så du kan tage handling hurtigt. Overvågning af sidens ydeevne over tid kan også hjælpe med at spore effekten af ændringer og optimere yderligere.
Test din hjemmesides hastighed
Få foretaget en hastighedsanalyse af din hjemmeside med udgangspunkt i den måde Google tænker. 25 års erfaring med hastighedsoptimering og få et godt tilbud på optimering.
Jeg foretager altid tests via mobile enheder da det både er gennem mobil Google kigger og crawler, men også fordi besøgende i højere grad bruger mobilen når de søger.
Loader formen