Trình duyệt của bộ nhớ đệm là cách một trình duyệt lưu trữ tập tin từ trang web của bạn trên một máy tính địa phương. Trình duyệt của bộ nhớ đệm đảm bảo tất cả các tập tin tải mà không cần kết nối máy chủ không cần thiết, đó là nhanh hơn nhiều. Trong bài viết này, chúng tôi sẽ cho bạn biết làm thế nào để kiểm tra xem bộ nhớ cache của trình duyệt hoạt động và làm thế nào để tối ưu hóa nó trong WordPress. Chúng tôi sẽ cho bạn biết làm thế nào chúng ta tiếp cận này trong đánh giá trang web của chúng tôi .

Bộ nhớ cache của trình duyệt là gì?

Trình duyệt của bộ nhớ cache cho phép bạn bỏ qua các kết nối máy chủ và kéo các nguồn lực ngay từ máy tính của bạn. Bộ nhớ cache này hoạt động giống như các tập tin Internet tạm thời mà mất quá nhiều không gian trên máy tính của chúng tôi. Bạn muốn nó ở đó, vì nó giúp tăng tốc độ điều. Nhưng bạn không muốn nó ở đó mãi mãi, như những thứ có thể thay đổi trên một trang web. Bạn có thể thiết lập này 'làm mới' tỷ lệ để bất cứ điều gì hết hạn thời gian muốn của bạn: dài hơn, tốt hơn.
Google khuyến cáo một thời gian cache tối thiểu một tuần và tốt lên đến một năm đối với tài sản hoặc tài sản tĩnh mà thay đổi thường xuyên. Đối với đa số các trang web, đó là đúng. Tuy nhiên, đúng thời điểm hết hạn phần lớn phụ thuộc vào mức độ thường xuyên của bạn thay đổi nội dung. Nếu bạn có một trang web tin tức, trang web của bạn thay đổi tất cả các thời gian. Bạn có thể thiết lập thời gian hết hạn cho nội dung của trang web của bạn (HTML) tại 3600 giây (1 giờ) mà không có một vấn đề. Nhưng nếu bạn tải một file CSS vào trang chủ mà, mà có thể sẽ chỉ thay đổi trong một thiết kế lại. Thời gian hết hạn cho rằng file CSS có thể dễ dàng được 31536000 giây (một năm). Hãy kiểm tra và tìm thấy những gì tốt nhất cho loại hình nội dung.

Kiểm tra bộ nhớ cache của trình duyệt của bạn

Trong phần này, chúng tôi sẽ chỉ cho bạn một vài công cụ tốc độ trang web của chúng tôi sử dụng để kiểm tra bộ nhớ đệm của trình duyệt trong đánh giá của chúng tôi . Mà một trong những bạn muốn sử dụng để kiểm tra bộ nhớ đệm trình duyệt cho trang web của bạn, tùy thuộc vào sở thích cá nhân là tốt.

YSlow

Sở thích cá nhân của tôi để kiểm tra bộ nhớ đệm trình duyệt của Yahoo YSlow . Nó có sẵn như là một phần mở rộng trình duyệt , hoạt động khá nhanh và kiểm tra nhiều hơn mà chỉ cần thời gian hết hạn của bộ nhớ cache của trình duyệt của bạn. Dưới đây là một ảnh chụp màn hình:

Như bạn có thể thấy trong hình ảnh đó (bấm vào để phóng to), các tập tin đầu tiên là một file CSS mà có một thời gian hết hạn một ngày. Ảnh chụp màn hình đã được chụp tháng Sáu, 20 và các tập tin hết hạn vào ngày 21 tháng Sáu. Tôi không nghĩ rằng đó là cần thiết; trong hầu hết các trường hợp, thiết lập thời gian hết hạn cho các file CSS đến một năm.

Google PageSpeed ​​Insights

Google cung cấp kiểm tra riêng của mình cho bộ nhớ đệm của trình duyệt trong PageSpeed ​​Insights . Nếu phần 'nên Fix' chứa các khuyến nghị 'bộ nhớ đệm trình duyệt Đòn bẩy ", bạn nên chắc chắn địa chỉ này.

Như bạn có thể thấy trong hình trên, như YSlow, PageSpeed ​​Insights Google sẽ cho bạn biết các file cần một (xa trong tương lai) ngày hết hạn. Và đó là những thông thường CSS, file JavaScript hoặc (template) hình ảnh.

Nếu những công cụ này là không đủ rõ ràng, có nhiều công cụ chúng tôi dựa vào để làm kiểm tra thêm, như Pingdom và GT Metrix .

WordPress plugin giúp bộ nhớ đệm trình duyệt

Trình duyệt của bộ nhớ đệm là một cái gì đó bạn có thể ví dụ như thiết lập trong bạn .htaccess file. Đối với hầu hết người dùng, có lẽ không phải cái gì bạn làm mỗi ngày. Tuy nhiên, nếu bạn đang sử dụng WordPress, bạn đang ở may mắn. Có một số plugin có thể giúp bạn với điều này. Chúng tôi đã liệt kê hai cho bạn dưới đây.

WP Rocket

Tại Yoast, chúng tôi hâm mộ của WP Rocket plugin. Đó là sự đơn giản, kết hợp với rất nhiều lựa chọn, làm cho chúng tôi để đi đến tốc độ Plugin tối ưu hóa. Trình duyệt của bộ nhớ đệm được kích hoạt ngay sau khi kích hoạt các plugin. Bộ nhớ cache và bộ nhớ cache thức ăn di động có thể được kích hoạt trong các plugin. Tìm hiểu thêm ở đây .

W3 Total Cache

Bởi vì các mê cung của tùy chọn plugin này đã, chúng tôi dừng lại giới thiệu W3 Total Cache cho người sử dụng WordPress trung bình. Tuy nhiên, nó không có tùy chọn trình duyệt của bộ nhớ đệm cụ thể hơn so với hầu hết các plugin khác. Trong WordPress (với plugin này được cài đặt), đi đến hiệu suất> Set hết hạn tiêu đề và cho phép này. Sau đó, đi đến các mục riêng biệt cho CSS / JS, HTML và chọn mục thời gian cụ thể hết hạn của bạn.

WP Rocket thực sự là đề nghị đầu tiên của chúng tôi. Nhưng nếu bạn biết cách của bạn xung quanh tối ưu hóa tốc độ, cảm thấy miễn phí để kiểm tra W3 Total Cache là tốt.

Nguồn: yoast.com