Rút gọn CSS và JavaScript đồng thời tải chậm hình ảnh

1. Kiểm tra từng thay đổi một

   Tối ưu hóa tài nguyên thay đổi cách trình duyệt nhận các tệp của giao diện. Hãy thay đổi từng cài đặt một, kiểm tra trang web, sau đó mới tiếp tục để nếu có vấn đề phát sinh thì nguyên nhân sẽ luôn rõ ràng.

2. Mở tab CSS và JavaScript

   Trong WordPress, hãy mở Zinn Digital®, Cache Pro, sau đó là CSS và JavaScript. Hình ảnh nằm trên tab riêng.

3. Bắt đầu với các giá trị mặc định an toàn

   Hãy tiếp tục bật tùy chọn "Sử dụng các giá trị mặc định an toàn". Tùy chọn này không bao giờ làm chậm jQuery hoặc biểu ngữ chấp thuận cookie và không can thiệp vào các trang thanh toán.

4. Trì hoãn JavaScript, sau đó xóa CSS không dùng đến

   Bật tính năng Trì hoãn JavaScript cho đến khi khách truy cập tương tác, lưu lại và kiểm tra các trang chính của bạn khi đã đăng xuất. Sau đó, bật tính năng Xóa CSS không sử dụng. Nếu có phần nào ngừng hoạt động, hãy thêm tập lệnh hoặc bảng kiểu tương ứng vào danh sách các tệp cần giữ nguyên.

5. Phục vụ hình ảnh WebP và AVIF

   Trên tab Hình ảnh, hãy bật WebP hoặc AVIF, sau đó chuyển đổi các hình ảnh hiện có của bạn. Các hình ảnh gốc vẫn được giữ nguyên vị trí, và chỉ cần một cú nhấp chuột là có thể xóa mọi bản sao đã chuyển đổi.

Hướng dẫn tiếp theo: Dọn dẹp cơ sở dữ liệu WordPress