Du har laget den perfekte landingssiden. Teksten sitter, bildene er fine, men likevel forlater brukerne siden før den er ferdig lastet. Hvorfor? Fordi i bakgrunnen kjemper HubSpot-chatten, analyseverktøyene og skjemaene dine om hvem som skal få lov til å laste først. Her er hvordan du får kontroll på scriptene og redder konverteringene dine.
Tredjepartsscripts er kodesnutter fra andre tjenester som du legger inn på nettsiden din. Typiske eksempler er HubSpot-chat, Google Analytics, cookie-samtykke-bannere og innebygde skjemaer. De legger til nyttig funksjonalitet, men kan gjøre nettsiden betydelig tregere.
Når en bruker klikker seg inn på siden din, begynner nettleseren å lese koden fra toppen. Hvis den støter på et tungt script for en chat-modul, stopper den opp for å laste ned og kjøre dette scriptet før den viser resten av teksten.
Resultatet er at siden "fryser". Brukeren kan ikke scrolle eller klikke på noe. I Core Web Vitals-språk kalles dette høy Total Blocking Time (TBT).
Ingen trenger å snakke med chatboten din i det nøyaktige millisekundet de lander på siden.
Vi løste dette ved å lage et script (third-party-performance.js) som utsetter lastingen av HubSpot-chatten. Chatten laster nå kun under tre forutsetninger:
1. Brukeren har gitt samtykke til cookies.
2. Brukeren viser intensjon (for eksempel ved å scrolle eller bevege musen).
3. Nettleseren har "ledig tid" (idle time).
Dette frigjør enormt med kapasitet til å laste inn det viktigste først: innholdet ditt.
Et HubSpot-skjema krever ganske mye kode for å fungere. Hvis skjemaet ligger helt nederst på siden, er det ingen grunn til å laste det inn mens brukeren fortsatt leser overskriften.
Ved å bruke "lazy loading" på skjemaer, ber vi nettleseren om å vente med å hente skjema-koden til brukeren faktisk scroller ned mot det.
Det er lett å tenke at man må fjerne funksjonalitet for å få en rask side. Det stemmer ikke. Du kan ha både chat, skjemaer og sporing, så lenge du styrer når de laster. Smart lasting av scripts betyr at du beholder alle markedsføringsverktøyene dine, samtidig som brukeren får en lynrask opplevelse.
→ les mer om å forbedre HubSpot-ytelsen.
→ HubSpot-implementering når plattformen skal støtte salg og marketing.
→ Hvorfor HubSpot-sider blir trege (og hvordan du fikser det)
→ Slik optimaliserte vi bilder i et HubSpot CMS-tema
Ja, hvis den lastes inn umiddelbart. Chat-moduler krever mye kode. Ved å utsette lastingen til brukeren faktisk trenger den, unngår du at chatten bremser ned selve nettsiden.
Du kan utsette scripts ved å bruke asynkron lasting (async eller defer i koden), eller ved å skrive egne scripts som venter med å laste inn tredjepartsverktøy til nettleseren er ledig.
Total Blocking Time (TBT) måler hvor lenge nettleseren er opptatt med å kjøre tunge scripts, slik at den ikke kan reagere på brukerens klikk eller scrolling. Lavere TBT betyr en mer responsiv nettside.