Tối ưu và khắc phục mã Google Analytics làm chậm website

Hướng dẫn fix điểm Pagespeed thấp khi thêm mã theo dõi Google Analytics làm chậm web. Làm thế nào để trang web của bạn load một cách nhanh chóng, và có được điểm số cao khi test trên PageSpeed Insights. Hãy cùng itsmeit tìm hiểu và khắc phục Google analytics làm chậm trang web trong bài viết này nhé.

Nguyên nhân và cách khắc phục mã Google analytics làm chậm website

Tối ưu điểm Google speed website khi add mã Google analytics

Nguyên nhân là khi trang web bắt đầu được load, đoạn mã sẽ gửi yêu cầu (request) đến Google để tải về và hiển thị các chức năng theo dõi Analytics. Điều đó sẽ làm tăng kích thước ban đầu và tất nhiên mã Google Analytics làm chậm web của bạn.

Tương tự như các phương pháp tối ưu mã với bài viết tối ưu điểm Facebook Social hoặc fix Google Adsense làm chậm web. Khi bạn đã có một đoạn mã để thêm (add) vào trang web, mặc định nó sẽ giống như thế này:

<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-JJ630EYS6J"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'G-JJ630EYS6J');
</script>

Và dưới đây là mã đã được chỉnh sửa với sự kiện scroll load, nếu bạn sử dụng nó chắc chắn Google Analytics sẽ không còn làm chậm web của bạn nữa. Đừng quên thay gtag id (G-xxxxxxx) của bạn.

<!-- Google tag (gtag.js) --> 
<script>
  var is_analytics_load = 0;
    window.addEventListener('scroll', function () {
      if (is_analytics_load == 0) {
        is_analytics_load = 1;
        window.dataLayer = window.dataLayer || [];
        function gtag() {dataLayer.push(arguments);}
        gtag('config', 'G-YKVNLMPXLB');
        var ele = document.createElement('script');
        ele.src = 'https://www.googletagmanager.com/gtag/js?id=G-YKVNLMPXLB';
        var sc = document.getElementsByTagName('script')[0];
        sc.parentNode.insertBefore(ele, sc);
      }
    });
</script>

Để thêm mã vào trang web wordpress, bạn có thể sử dụng hàm wp_footer hoặc wp_head dán nó vào trong class function.php của theme, nó trông sẽ như sau:

/**
 * Google analytics
 */ 
add_action('wp_footer', 'add_google_analytics_script_footer');
function add_google_analytics_script_footer(){
   ?>
   <!-- Dán (paste mã Google tag (gtag.js) dưới dòng này) -->
   <?php
}

Đó là cách rất đơn giản để khắc phục mã Google Analytics làm chậm website của bạn, qua đó trang web của bạn sẽ không bị giảm đi hiệu suất tải trang cũng như giúp bạn có số điểm tối đa trên các công cụ kiểm tra hiệu suất trang web. Ngoài ra nếu bạn cũng thêm mã Facebook hoặc Adsense thì có thể tham khảo nhé. Hãy cứ thoải mái nếu bạn có câu hỏi.

5/5 - (1 bình chọn)

– Advertising –

Share this Article