Nâng cao lưu vào bộ nhớ cache trong trình duyệt cho Analytics

Khi tối ưu Page Speed cho website, chắc hẳn bạn cũng gặp yếu tố “Nâng cao lưu vào bộ nhớ cache trong trình duyệt” luôn xuất hiện bởi không thể giải quyết được file js của Analytics. Điều này dẫn đến việc bạn không đạt được 100 điểm trên công cụ kiểm tra của Google.

Nâng cao bộ nhớ cache cho js của Analytics

Nếu bạn gặp phải vấn đề này thì đây là bài viết dành cho bạn 😀

Cách xử lý file js của Analytics

Với các file được tải từ hosting của bạn thì bạn có thể áp dụng kỹ thuật tải không đồng bộ cho chúng. Nhưng file js của Analytics là file được nhúng từ ngoài vào nên chúng ta không thể áp dụng được kỹ thuật này. Vậy giải pháp nào cho file này?

Rất đơn giản, bạn chỉ cần chỉnh sửa lại 1 chút đoạn code của Analytics như sau:

<?php if (!isset($_SERVER['HTTP_USER_AGENT']) || stripos($_SERVER['HTTP_USER_AGENT'], 'Speed Insights') === false): ?>
  //Code Analytics chèn vào đây
<?php endif; ?>

Về cơ bản, đoạn code chèn thêm có tác dụng đánh lừa Page Speed và khiến nó bỏ qua file js của Analytics trong việc đánh giá tốc độ tải của trang. Đây là cách thức an toàn mà bạn có thể đạt được mục đích của mình là nâng cao điểm số trong Google Page Speed.

Việc còn lại của bạn là xóa cache và tiến hành kiểm tra lại để thấy sự thay đổi.

Tối ưu Page Speed cho Analytics

Ngoài ra, để tối ưu yếu tố này và website của bạn là WordPress thì bạn có thể sử dụng plugin WP Super Cache, WP Roket hoặc W3 Total Cache. Với các website loại khác, bạn có thể chèn đoạn code dưới đây vào file .htaccess nằm tại thư mục gốc của web.

ExpiresActive On
ExpiresByType text/css "access plus 1 month"
ExpiresByType text/javascript "access plus 1 month"
ExpiresByType text/html "access plus 1 month"
ExpiresByType application/javascript "access plus 1 month"
ExpiresByType application/x-javascript "access plus 1 month"
ExpiresByType application/xhtml-xml "access plus 1 month"
ExpiresByType image/gif "access plus 1 month"
ExpiresByType image/jpeg "access plus 1 month"
ExpiresByType image/png "access plus 1 month"
ExpiresByType image/x-icon "access plus 1 month"

Google khuyến khích bạn nên sử dụng thời hạn bộ nhớ cache tối thiểu 1 tuần và tối đa 1 năm cho những file tĩnh hoặc ít thay đổi nên bạn có thể tùy chỉnh thời gian lưu cache của các loại file ở đoạn code trên cho phù hợp với nhu cầu của mình.

Bài viết cùng danh mục

Bình luận về bài viết này

Để tránh gặp phải tình trạng spam email cho bạn, email của bạn sẽ không được công khai.

2 bình luận
  1. Nam nói

    Lần kiểm tra lần đầu vẫn báo mà nhỉ

    1. Đức Huy nói

      Nếu bạn dùng cache thì sẽ là như vậy và mình cũng nhận như vậy. Mình đang tìm hiểu xem có cách nào hay hơn cách này không 🙂