Xóa CSS không dùng đến, trì hoãn JavaScript và phân phát WebP cùng AVIF

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.

6. Tại sao không có tùy chọn thu nhỏ hoặc kết hợp

   Việc gộp các tệp từng hữu ích trên HTTP/1.1 nhưng lại làm chậm trang trên HTTP/2 và HTTP/3, đồng thời việc rút gọn (minify) chỉ tiết kiệm thêm vài phần trăm sau khi các tệp đã được nén trong khi lại là nguyên nhân phổ biến nhất gây vỡ giao diện. Việc xóa CSS không dùng đến và trì hoãn JavaScript mới là nơi mang lại hiệu quả thực sự.

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