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