Quay lại

Tăng tốc độ tải Google Analytics lên 10 lần

Tăng Tốc Tải Googel Lên 10 Lần
Tăng Tốc Tải Googel Lên 10 Lần

Có một chuyện mình nghĩ rất “hài” khi check Google PageSpeed Insights là chính Google lại phàn nàn về Google Analytics là nó rất chậm. WHAT?

Bạn không nghe nhầm đâu GTmetrix cũng có lời phàn nàn tương tự. Lý do tại sao Google Analytics chậm ư?

1. Trình quản lý thẻ của Google + Analytics = 73KB

Gần đây, Google đã tích hợp Analytics và Google Tag điều này khiến cho file .js của nó phìn lên tới 73Kb vì chỉ riêng Google Analytics thôi đã là 20Kb rồi. Đối với dân “ma tốc độ” thì mỗi Kilo byte tăng lên đều khiến anh em căng thẳng đã vậy 99% thời gian nó đều không cần tới.

2. Third-Party HTTP Requests & DNS Lookups

Để đây cho bạn nào chưa biết mã Gtag

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

  gtag('config', 'UA-XXXXXXX-XX');
</script>

Nhìn qua kịch bản này anh em hoàn toàn có thể thấy ta sẽ có 2 HTTP requests tức là chúng ta có thêm 2 TCP connections and DNS lookups! Đây là điều các “ma tốc độ” không thích.

3. Browser Cache

Nếu bạn check website của bạn với Google PageSpeed Insights bạn sẽ thấy cảnh báo “Serve static assets with an efficient cache policy”

Tăng Tốc độ Tải Google Analytics Lên 10 Lần — Figure 4

và với GTmetrix cũng tương tự “Leverage browser caching“

Tăng tốc độ tải Google Analytics lên 10 lần — Figure 4

Nhìn vào đây anh em có thể thấy phần Cache TTL lên đến 2 giờ. Vậy làm sao để tối ưu?

Giải pháp nào để tối ưu hóa Google Analytics?

Giải pháp ư? Tự mà lưu trữ lấy nhé! Vì giải pháp này giúp anh em giảm được DNS/HTTP requests và cảnh báo browser caching sẽ không xuất hiện nữa.

Vấn đề là chúng ta có nên tư lưu trữ Google Analytics không? Ưu và nhược điểm nó là gì?

Theo khuyến cáo của Google>  thì anh em không nên tự lưu trữ nha! Lý do cho vấn đề này là anh em sẽ bỏ lỡ các bản cập nhật mới. Nhưng trường hợp anh em giải quyết luôn được thì sao? Thì ngon chứ sao. Hehe, mình liệt kê một số lợi ích cho việc tự lưu trữ:

  • Không có thêm DNS requests
  • Có thể được gói cùng với các tệp JavaScript khác
  • Ngăn chặn chặn tiện ích mở rộng quyền riêng tư
  • Khiếu nại GDPR

Cách tự lưu trữ Google Analytics

Gần như, mỗi lần nhắc đến tối ưu WordPress thì mình thường được nghe anh em đề xuất sử dụng WP Rocket nhưng riêng cá nhân mình không sử dụng thằng này vì nó quá phức tạp. Trong case này mình xếp WP Rocket lên đầu vì nó giải quyết được vấn đề và nó được nhiều anh em sử dụng.

Tăng tốc độ tải Google Analytics lên 10 lần — Figure 5

Bạn vào plugin và bật nó lên là xong nhé! Nhưng nó vẫn chưa phải là Minimal Analytics nha, mình có giải pháp ngon hơn nữa.

Sử dụng Flying Analytics

Tăng tốc độ tải Google Analytics lên 10 lần — Figure 6

Flying Analytics là một Minimal Analytics thực thụ nó chỉ nặng 1.4KB nhưng vẫn hoạt động đầy đủ với realtime users, page views, users, location, device, traffic sources. Theo mình nghĩ 90% nó đáp ứng được người dùng với nhu cầu cơ bản.

Phần kết

Điều bạn thường xuyên nhìn thấy mỗi lần test tốc độ website là sự xuất hiện của hai ông lớn Google và Facebook nhưng bạn cũng không cần quá lo lắng vì CDN của họ đủ mạnh. Trừ khi bạn là fan của “ma tốc độ”.

Nếu anh em nào áp dụng cách mình chia sẻ mà gặp bất kỳ vấn đề gì hãy để lại comment bên dưới nhé! Mình sẽ cố gắng reply nhanh nhất có thể.