wordpress sidhastighetsoptimering: Hur du påskyndar din webbplats

Jag jagar sidhastighet, delvis som ett bevis på att det alltid är möjligt att få 90% +.

Min huvudsakliga fråga nu är Google Analytics. I exemplet nedan laddas det via Google Tag Manager, så det finns bara ett GTM-utdrag högst upp på skärmen - men sidhastighetsinsikter verkar säga att det är GA (och GTM) som orsakar den största förseningen.

Finns det ett sätt att förhindra GA från att sakta in sidan? Ska GTM-skriptet ställas in som asynkronisering (med tanke på att vi kanske saknar vissa analysdata)?


Jag skulle definitivt rekommendera att ladda GTM async, chansen är att det skulle laddas på mindre än en sekund ändå, så du kommer inte att missa många är några händelser. I Googles analysdokumentation rekommenderar de att du läser in den async. Jag tror att tagghanteraren är densamma. På min webbplats har jag laddat async, och det fungerar bra, jag får sidhämtningshändelser bra.

  • 1 Intressant nog har GA ett async-utdrag och GTM har ett icke-async ...

Jag håller inte med Conors svar.

Låt oss jämföra dessa två metoder: För GTM behöver du i head-taggen

   ?> var13 ->

och i body-tag

<?php <script async>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src='https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);})(window,document,'script','dataLayer','GTM-XXXXXXX');</script> 

Använd "async" för att ladda det skriptet (Google säger inte till dig)

För Analytics.js behöver du bara i body-taggen

<script async='' src='https://www.googletagmanager.com/gtag/js?id=UA-XXXXXX-X'></script><script>window.dataLayer=window.dataLayer || []; function gtag(){dataLayer.push(arguments);}gtag('js', new Date()); gtag('config', 'UA-56544056-1');</script>  ?> var13 ->

"async" ökar också prestandan.

Testa båda alternativen med Google Pagespeed Insight och resultaten blir bättre om du väljer den andra metoden. Det är förvirrande, eftersom den första metoden resulterar i mindre trafik från Javascript, vad ska ge dig fler poäng i Pagespeed Insight. Med tanke på det och det faktum att Google driver på GTM antar jag att det lägre resultatet genom att välja den första metoden är oavsiktligt av Google. Men det finns andra verktyg för att mäta sidprestanda ...

Jag undrar om andra användare kan bekräfta denna upptäckt.

Skål, Mathias

  • 1 <?php <script async>(function... är inte korrekt, det är därför som Google inte berättar för oss. Async-attributet är endast för externa skript (och bör endast användas om attributet src finns).

fungerat för dig: Charles Robertson | Vill du kontakta oss?