Bắt đầu một hành trình tối ưu hóa hiệu suất trang web không cần phải là một nhiệm vụ phức tạp. Với sự ra đời của plugin cache Breeze từ Cloudways, việc tăng cường tốc độ trang web của bạn trở nên dễ dàng hơn bao giờ hết. Đặc biệt, điều đáng chú ý là plugin này không chỉ đem lại hiệu suất cao, mà còn được cung cấp hoàn toàn miễn phí.
Trong bài viết này, chúng ta sẽ khám phá cách sử dụng plugin cache Breeze của Cloudways để tối ưu hóa trang web của bạn một cách hiệu quả. Bạn sẽ được dẫn dắt qua từng bước cài đặt và tinh chỉnh plugin, từ đó giúp trang web của bạn hoạt động mượt mà hơn, thời gian tải trang nhanh hơn và cải thiện trải nghiệm của người dùng. Hãy cùng adenture bắt đầu và khám phá cách tận dụng lợi ích của plugin cache chất lượng cao này để đưa trang web của bạn lên một tầm cao mới!
Basic Options
- Cache System – On
- Purge Cache After – 1440
- Gzip Compression – On
- Browser Cache – On
- Lazy Load Images – On
- Cross-origin Safe Links – On
- Cache Logged-in Users – Off
File Optimization
Những cài đặt này phải được kiểm tra xem chúng có phá vỡ trang web của bạn hay cải thiện các chỉ số quan trọng của trang web hay không. Nếu cài đặt thu nhỏ làm hỏng trang web của bạn, thay vì vô hiệu hóa nó, tốt hơn hết bạn nên tìm các tệp có vấn đề trong mã nguồn của mình và loại trừ chúng khỏi quá trình thu nhỏ để các tệp khác của bạn có thể được thu nhỏ.
HTML Settings
- HTML Minify – On
CSS Settings
- CSS Minify – On
- Include Inline CSS – On
- Combine CSS – Off
- Exclude CSS – nếu bạn đã bật tính năng thu nhỏ/kết hợp CSS và điều này gây ra sự cố, hãy tìm các tệp có vấn đề trong mã nguồn của bạn và thêm chúng để loại trừ chúng khỏi việc thu nhỏ/kết hợp.
JS Settings
- JS Minify – On
- Combine JS – Off
- Include Inline JS – On
- Exclude JS – nếu cài đặt JS gây ra sự cố, hãy tìm các tệp có vấn đề và loại trừ chúng.
- Move JS Files to Footer – nhiều chủ đề và plugin đã tải các tệp JavaScript ở chân trang, nhưng nếu bạn có các tệp JS không có và chúng được tải trong tiêu đề, bạn có thể thêm chúng vào đây (các tệp rút gọn không được hỗ trợ). Hãy cẩn thận vì nó có thể dễ dàng phá vỡ trang web của bạn.
- JS Files With Deferred Loading – việc trì hoãn JavaScript có thể khắc phục mục PSI tài nguyên chặn hiển thị, vì vậy đó là điểm khởi đầu tốt để tìm hiểu xem bạn nên trì hoãn tệp JavaScript nào. Nhưng bất kỳ tệp JavaScript nào không cần thiết cho lần tải trang đầu tiên đều phải được hoãn lại. Nếu bạn không muốn thêm tệp JavaScript theo cách thủ công trong Breeze, hãy thử Autoptimize..
- Delay JS Inline Scripts – On – trì hoãn JavaScript nội tuyến cho đến khi người dùng tương tác. Xem danh sách các tệp JS phổ biến của tôi cần trì hoãn (bạn sẽ nhập từ khóa chứ không phải toàn bộ tệp). Thường được sử dụng để tải JS của bên thứ ba dưới màn hình đầu tiên như AdSense, Analytics, Facebook Pixel, phần bình luận.
Preload
- Preload Webfont – PSI có thể cho bạn biết những phông chữ nào cần tải trước trong “yêu cầu khóa tải trước” nhưng quy tắc chung là chỉ tải trước phông chữ nếu chúng nằm trong tệp CSS hoặc tải trong màn hình đầu tiên. Bạn cũng có thể sử dụng nó để tải trước các tệp CSS, nhưng hãy cẩn thận và kiểm tra kết quả nếu bạn làm như vậy.
- Preload Links – On
- Prefetch of DNS Request – xem báo cáo “giảm tác động của mã bên thứ ba” trong PSI. Sao chép tất cả các miền của bên thứ ba đang tải trên trang web của bạn và nhập chúng vào đây (ngoại trừ URL Google Fonts + CDN nên sử dụng kết nối trước). Điều này giúp trình duyệt dự đoán các miền của bên thứ ba và tải chúng nhanh hơn một chút, nhưng có thể sẽ không cải thiện các chỉ số quan trọng của trang web.
Advanced Options
- Never Cache URL(s) – loại trừ URL khỏi bộ đệm (chủ yếu dành cho các trang web WooC Commerce hoặc tương tự). Cloudways khuyến nghị rằng nếu bạn loại trừ chúng ở đây, bạn cũng nên loại trừ chúng khỏi Varnish trong Cài đặt ứng dụng → Cài đặt Varnish → Thêm loại trừ mới.
- Cache Query Strings – Theo mặc định, Breeze không lưu các chuỗi truy vấn vào bộ nhớ đệm (các URL trông giống như sau: ?model=mercedes). Nếu bạn cần lưu trữ những thứ này, bạn sẽ cần thêm chúng vào đây.
- Disable Emoji – On
Heartbeat API
- Control Heartbeat – On
- Heartbeat Front-end – Disable
- Heartbeat Post Editor – Every 5 minutes
- Heartbeat Back-end – Disable
Database Options
Tôi sẽ làm sạch mọi thứ ngoại trừ các bản sửa đổi bài đăng. Sẽ thật tuyệt khi thấy một tùy chọn để giữ một số bản sửa đổi bài đăng (ví dụ: 5 để bạn có bản sao lưu) và dọn dẹp cơ sở dữ liệu theo lịch trình. Giống như tất cả các plugin bộ đệm, thỉnh thoảng bạn nên cài đặt WP-Optimize để dọn dẹp cơ sở dữ liệu của mình kỹ lưỡng hơn. Điều này cho phép bạn xóa các bảng do các plugin cũ để lại và xem plugin/mô-đun nào bổ sung nhiều chi phí cơ sở dữ liệu nhất. Breeze (và tất cả các plugin bộ đệm) không làm điều này.
CDN
Nếu bạn làm web ở VN thì mình khuyên bạn nên bỏ qua phần này vì nó sẽ chậm hơn. Mình sẽ hướng dẫn ở bài khác!
Varnish
- Auto Purge Varnish – On
- Varnish Server – đây là địa chỉ IP máy chủ Varnish của bạn được thêm tự động.
- Purge Varnish Cache – Purge nếu bạn thực hiện thiết kế hoặc các thay đổi khác và không nhìn thấy chúng.
Vậy là ok rồi! Plugin này miễn phí cache cũng tốt, so với Flying Press thì tất nhiên là nó không bằng rồi!
Chúc bạn thành công!
