Bằng cách sửa cảnh báo leverage browser caching trong WordPress, bạn sẽ nhanh chóng tăng tốc trang web WordPress của mình và mang lại trải nghiệm tốt hơn cho khách truy cập trang web. Để hiểu rõ hơn về vấn đề này, hãy cùng Vietnix tham khảo cách sửa cảnh báo leverage browser caching trong WordPress có trong bài viết sau đây.
Browser caching trong WordPress là gì?
Browser caching là một cách để cải thiện tốc độ tải trang web WordPress. Khi một trang web được tải, tất cả các file sẽ được tải riêng lẻ. Điều này tạo ra nhiều yêu cầu giữa trình duyệt và WordPress hosting server, làm tăng thời gian tải trang web.
Khi browser caching được kích hoạt, trình duyệt web sẽ lưu trữ một bản sao của trang web ở cục bộ. Điều này cho phép trình duyệt tải các file thông thường như bảng điều khiển, logo và hình ảnh nhanh hơn khi người dùng truy cập trang thứ hai trên trang web.
Điều này làm giảm tải tổng thể của server vì sẽ có ít yêu cầu được thực hiện đến server thực tế, nhờ đó hiệu suất trang web của bạn sẽ cải thiện.
Cảnh báo cảnh báo leverage browser caching thường xuất hiện ở đâu?
Cảnh báo leverage browser caching xuất hiện khi bạn chưa kích hoạt cache trình duyệt, hoặc cấu hình cache có thể được thiết lập sai cách. Khi bạn thực hiện kiểm tra tốc độ trang web, bạn sẽ nhận được một báo cáo cho thấy những điều bạn có thể sửa để tăng tốc WordPress. Nếu trang web hiện không sử dụng cache trình duyệt, bạn sẽ nhận được cảnh báo để kích hoạt cache trình duyệt.
Dưới đây là cảnh báo có thể xuất hiện khi xem kết quả từ một công cụ đánh giá tốc độ trang:
Đôi khi bạn sẽ nhận được cảnh báo nói rằng “efficient cache policy” hoạt động. Cả hai cảnh báo này đều liên quan đến một lỗi trong cấu hình cache trình duyệt.
Nếu bạn thấy cảnh báo leverage browser caching, điều đó có nghĩa bạn sẽ cần kích hoạt và tùy chỉnh các quy tắc caching để tăng tốc trang web.
2 cách sửa cảnh báo leverage browser caching trong WordPress
1. Khắc phục cảnh báo leverage browser caching trong WordPress bằng WP Rocket
WP Rocket là plugin caching WordPress tốt nhất trên thị trường, dễ sử dụng cho người mới và có thể giúp bạn tối ưu hóa trang web của mình để tăng tốc, mà không cần phải biết về các khái niệm phức tạp về caching và tốc độ.
Ngay khi được cài đặt, tất cả các thiết lập caching được đề xuất sẽ thực sự tăng tốc blog WordPress. Để khắc phục cảnh báo leverage browser caching trong WordPress bằng WP Rocket, bạn chỉ cần cài đặt và kích hoạt plugin. WP Rocket sẽ tự động kích hoạt browser caching và sửa đổi file .htaccess với các quy tắc chính xác.
Lưu ý: Nếu bạn đang sử dụng dịch vụ lưu trữ web SiteGround, bạn có thể sử dụng plugin SiteGround Optimizer miễn phí thay thế. Nó có gần như những tính năng giống như WP Rocket và sẽ tự động kích hoạt browser caching cho bạn.
Nếu bạn quan tâm về chủ đề cache có thể tham khảo thêm bài viết sau:
Xem thêm: Hướng dẫn 4 cách xóa Cache WordPress
Hiện tại, Vietnix đang triển khai chương trình ưu đãi tặng plugin WP Rocket miễn phí khi đăng ký dịch vụ hosting tốc độ cao. Đây là một chương trình vô cùng hấp dẫn, giúp khách hàng tiết kiệm thời gian và chi phí trong quá trình thiết kế, xây dựng, tối ưu website. Ngoài WP Rocket, Vietnix còn tặng kèm nhiều công cụ và theme WordPress cao cấp trị giá tới 26.000.000 VND. Cụ thể, bộ quà tặng bao gồm:
- Rank Math SEO Pro: Plugin SEO toàn diện giúp tối ưu hóa website cho công cụ tìm kiếm.
- WPML: Plugin dịch website đa ngôn ngữ.
- Elementor: Plugin tạo giao diện website kéo thả.
- WP Smush Pro: Plugin nén hình ảnh.
- iThemes Security Pro: Plugin bảo mật website.
- Theme Astra – MythemeShop – Divi: Bộ sưu tập theme WordPress chất lượng cao, đa năng và linh hoạt.
Với bộ quà tặng này, khách hàng sẽ có được một website WordPress hoàn chỉnh, đáp ứng mọi nhu cầu sử dụng. Đây là cơ hội tuyệt vời để sở hữu các công cụ và tài nguyên cao cấp với chi phí tiết kiệm. Liên hệ với đội ngũ Vietnix để được tư vấn chi tiết gói hosting tối ưu nhất và nhận ngay phần quà cực hấp dẫn trên.
2. Dùng code để khắc phục cảnh báo leverage browser caching
Phương pháp thứ hai liên quan đến việc thêm code vào các file trong WordPress. Phương pháp này không phải dành cho người mới bắt đầu, vì vậy chỉ nên làm theo nếu bạn hiểu rõ mình đang làm gì và vững kiến thức về kỹ thuật.
Lưu ý: Trước khi tùy chỉnh code trong WordPress, Vietn khuyến nghị bạn nên sao lưu trang web WordPress.
Xác định trang web đang chạy trên Apache hay Nginx
Để làm điều này, mở trang web của bạn trong một tab hoặc cửa sổ mới. Sau đó, nhấp chuột phải và chọn tùy chọn Inspect.
Tiếp theo, nhấp vào tab Network ở phía trên trang. Có thể bạn cần làm mới trang để kết quả được tải.
Sau đó, nhấp vào tên miền của bạn trong cột Name nằm ở đầu trang.
Sau đó, trong phần Response Headers, bạn sẽ thấy mục có tên server nơi loại server được hiển thị. Trong trường hợp này, trang web đang chạy trên server Apache.
Thêm Cache-Control và Expires Headers trong Apache
Để khắc phục cảnh báo leverage browser caching trên máy chủ Apache, bạn sẽ thêm code vào file .htaccess. Để chỉnh sửa file này, bạn cần kết nối đến WordPress hosting bằng một ứng dụng FTP hoặc công cụ quản lý file của nhà cung cấp dịch vụ hosting. Sau khi kết nối, bạn có thể thấy file .htaccess trong thư mục gốc của trang web.
Tiếp theo, bạn cần thêm điều khiển bộ nhớ cache (cache control) và đầu mục hết hạn (expires headers) để kích hoạt browser caching. Điều này cho biết trình duyệt web nên lưu trữ tài nguyên trang web của bạn trong bao lâu trước khi chúng bị xóa.
- Điều khiển bộ nhớ cache (cache-control header) cung cấp chi tiết cụ thể cho trình duyệt web về cách caching nên được thực hiện.
- Đầu mục hết hạn (expires header) cho phép caching và cho biết cho trình duyệt web nên lưu trữ các file cụ thể trong bao lâu trước khi bị xóa.
Bạn có thể thêm code sau vào file .htaccess để thêm đầu mục hết hạn:
## EXPIRES HEADER CACHING ##
<IfModule mod_expires.c>
ExpiresActive On
ExpiresByType image/jpg "access 1 year"
ExpiresByType image/jpeg "access 1 year"
ExpiresByType image/gif "access 1 year"
ExpiresByType image/png "access 1 year"
ExpiresByType image/svg "access 1 year"
ExpiresByType text/css "access 1 month"
ExpiresByType application/pdf "access 1 month"
ExpiresByType application/javascript "access 1 month"
ExpiresByType application/x-javascript "access 1 month"
ExpiresByType application/x-shockwave-flash "access 1 month"
ExpiresByType image/x-icon "access 1 year"
ExpiresDefault "access 3 days"
</IfModule>
## EXPIRES HEADER CACHING ##Code này đặt các ngày hết hạn cache khác nhau dựa trên loại file. Sau đó, bạn có thể thêm code sau để bật điều khiển bộ nhớ cache:
<filesMatch ".(ico|pdf|flv|jpg|jpeg|png|gif|svg|js|css|swf)$">
Header set Cache-Control "max-age=96000, public"
</filesMatch>Code này đặt thời gian cho khi cache sẽ hết hạn. Trong ví dụ ở trên, cache sẽ hết hạn sau 90,000 giây. Sau đó, trình duyệt web sẽ yêu cầu phiên bản mới của các file.
Thêm Cache-Control và Expires Headers trong Nginx
Nếu bạn đang sử dụng server web Nginx để lưu trữ trang web WordPress, bạn có thể chỉnh sửa file cấu hình server để khắc phục lỗi browser caching.
Cách bạn chỉnh sửa và truy cập file này phụ thuộc vào nhà cung cấp dịch vụ hosting của bạn, vì vậy bạn có thể liên hệ với họ nếu bạn cần trợ giúp để truy cập file.
Sau đó, bạn cần thêm code sau để thêm các đầu mục hết hạn:
location ~* \.(jpg|jpeg|gif|png|svg)$ {
expires 365d;
}
location ~* \.(pdf|css|html|js|swf)$ {
expires 3d;
}Code này sẽ đặt thời gian hết hạn cho các loại file khác nhau. Lưu ý rằng các hình ảnh được lưu trữ trong thời gian dài hơn so với HTML, CSS, JS và các loại file khác vì hình ảnh thường không thay đổi thường xuyên.
Sau đó, bạn có thể thêm code sau để thêm các đầu mục điều khiển bộ nhớ cache:
location ~* \.(js|css|png|jpg|jpeg|gif|svg|ico)$ {
expires 14d;
add_header Cache-Control "public, no-transform";
}Code này đặt thời gian khi cache sẽ hết hạn và thông báo cho server rằng các loại file ở trên sẽ không thay đổi trong vòng 14 ngày.
Ngoài chủ đề cách sửa cảnh báo leverage browser caching trong WordPress, bạn cũng có thể tham khảo thêm các bài viết khác như:
Vietnix là một nhà cung cấp hàng đầu tại Việt Nam về giải pháp lưu trữ số và điện toán đám mây. Với phương châm “lấy thành công của khách hàng làm mục tiêu phục vụ”, Vietnix cam kết tập trung vào phát triển tốc độ, tính ổn định của hạ tầng và chất lượng hỗ trợ vượt trội để đáp ứng nhu cầu đa dạng của khách hàng trong môi trường kinh doanh ngày càng phức tạp. Cụ thể, trong suốt 11 năm hoạt động, Vietnix đã giúp khách hàng nâng cao hiệu quả kinh doanh bằng cách:
- Tăng tốc độ truy cập: Hạ tầng mạng của Vietnix được trang bị công nghệ tiên tiến, đảm bảo tốc độ truy cập ổn định và nhanh chóng cho website, ứng dụng của khách hàng. Điều này giúp khách hàng cải thiện trải nghiệm người dùng, tăng khả năng tương tác và chuyển đổi với khách hàng tiềm năng.
- Tăng tính ổn định: Vietnix có đội ngũ kỹ sư chuyên môn cao, luôn theo dõi và giám sát hệ thống 24/7 để đảm bảo tính ổn định cho hạ tầng. Điều này giúp khách hàng tránh được các sự cố kỹ thuật, tổn thất dữ liệu, ảnh hưởng đến hoạt động kinh doanh.
- Tiết kiệm chi phí: Vietnix cung cấp các dịch vụ lưu trữ số và điện toán đám mây với chi phí cạnh tranh, phù hợp với nhu cầu của mọi doanh nghiệp. Điều này giúp khách hàng tiết kiệm chi phí đầu tư cơ sở hạ tầng, vận hành và bảo trì hệ thống.
- Nâng cao năng lực cạnh tranh: Vietnix cung cấp các giải pháp lưu trữ số và điện toán đám mây hiện đại, giúp khách hàng nâng cao năng lực cạnh tranh trong môi trường kinh doanh khốc liệt.
Với những nỗ lực trên, Vietnix đã trở thành đối tác tin cậy của hơn 50.000 khách hàng cá nhân, doanh nghiệp trên toàn quốc như GTV, UB Group, iVIVU, Vietnamworks, SEOSONA, SAGO Media với hơn 100.000 dịch vụ đã được kích hoạt. Đặc biệt là tỷ lệ giới thiệu dịch vụ lên đến 97% từ khách hàng sau khi sử dụng. Vietnix cam kết sẽ tiếp tục nỗ lực để mang đến cho khách hàng những trải nghiệm tốt nhất, góp phần nâng cao hiệu quả kinh doanh của khách hàng.
Mọi vấn đề thắc mắc cần tư vấn, quý khách vui lòng liên hệ:
- Địa chỉ: 265 Hồng Lạc, Phường 10, Quận Tân Bình, Thành Phố Hồ Chí Minh.
- Hotline: 1800 1093.
- Email: sales@vietnix.com.vn.
Lời kết
Vietnix hy vọng bài viết đã giúp bạn đã hiểu được cách sửa cảnh báo leverage browser caching trong WordPress. Ngoài nội dung trên, bạn cũng có thể tham khảo thêm các bài viết khác như cách cài đặt W3 Total Cache và cấu hình toàn diện hoặc hướng dẫn cấu hình NGINX cache nhanh chóng tại Vietnix.vn để xây dựng website tốt hơn, chúc bạn thành công!
