Kevennä sivuston toimintaa Google Tag Managerin avulla

Google Tag Manager ei ole pelkästään loistava tapa hallinnoida analytiikkaan liittyviä koodeja, vaan tämä mahdollistaa myös suorituskykyyn liittyviä optimointeja. Optimointi onnistuu myös äärimmäisen helposti eikä vaadi muuta kuin oletuksena toimivan Tag Managerin koodin vaihtamista toiseen. Alla oleva koodin pätkä perustuu Mattias Fjellvangin artikkeliin, jonka löydät osoitteesta https://constantsolutions.dk/2020/06/delay-loading-of-google-analytics-google-tag-manager-script-for-better-pagespeed-score-and-initial-load/

Jos upotuskoodin kopioimisessa on ongelmia, löydät saman skriptin täältä.

Käytännössä koodin avulla viivästetään Tag Managerin latausta 2 sekuntia, jolloin kaikki muut sivun resurssit kerkiävät lataamaan ennen kuin sivustolle ladataan mitään analytiikkaan viittaavaa. Tämä tarkoittaa sitä, että analytiikasta syntyä nopeushaitta saadaan pelattua kokonaan pois. Se kannattaa kuitenkin huomioida, että analytiikka todellakin latautuu pienellä viiveellä eli jos kävijä poistuu sivustolta ennen analytiikan latautumista, tämä ei näy statistiikassa. Jos minulta kysyy, niin tämä on äärimmäisen pieni haitta ja suodattaa vain ei-niin-tärkeät kävijät pois.

Muista korvata sinun oma GTM -koodi riville 21 kohtaan "GTM-KOODI-TAHAN".

a.src = "https://www.googletagmanager.com/gtm.js?id=GTM-KOODI-TAHAN";

Pääset myös muuttamaan viivettä riviltä 25 kohdasta

setTimeout(initGTM, 2000);

Lyhyt artikkeli, mutta mitä sitä liikaa selittelemään. Pidä hauskaa nopeamman sivustolatauksen kanssa! Jos tarvitset apuja asennuksessa tai Tag Managerin käyttöönotossa sivustolle minut tavoittaa sähköpostitse osoitteesta heikki@kotisivu.dev.

Jaa kirjoitus