Bạn có muốn loại bỏ các tệp (CSS & JS) chặn tải trang trên WordPress không? Nếu bạn đang kiểm tra trang web của mình trên Google Insights PageSpeed, thì bạn có thể sẽ thấy đề xuất loại bỏ các tập lệnh chặn tải trang. Trong hướng dẫn này, chúng tôi sẽ chỉ cho bạn cách khắc phục những tệp này đang chặn tải các trang của bạn, để cải thiện điểm Google PageSpeed của bạn.
Điều gì đang chặn việc tải các trang?
Mỗi trang web WordPress có một chủ đề và plugin bổ sung các tệp JavaScript và CSS ở cuối và trước khi trang hiển thị trên trình duyệt. Các tập lệnh này có thể tăng thời gian tải trang của bạn và chúng cũng có thể chặn kết xuất của trang.
Trình duyệt của người dùng sẽ cần tải tập lệnh và CSS trước khi tải nội dung trang. Điều này có nghĩa là người dùng có kết nối chậm hơn sẽ phải đợi thêm vài mili giây để xem trang.
Chủ sở hữu trang web đang cố gắng đạt được điểm Google PageSpeed tốt sẽ cần giải quyết vấn đề này.
1 - Cách sửa kết xuất trang với Tự động thu nhỏ
Phương pháp này đơn giản hơn và được khuyến nghị cho hầu hết người dùng.
Điều đầu tiên bạn cần làm là cài đặt và kích hoạt plugin " Autoptimize ". Để biết thêm chi tiết, xem hướng dẫn từng bước của chúng tôi về cách cài đặt plugin WordPress.
Sau khi kích hoạt plugin, bạn phải truy cập " Cài đặt> Tự động tối ưu hóa Để cấu hình các cài đặt plugin.
Bạn có thể bắt đầu bằng cách chọn hộp tùy chọn JavaScript và CSS, sau đó nhấp vào nút "Lưu thay đổi".
Bây giờ bạn có thể kiểm tra Website bằng cách sử dụng công cụ Tốc độ trang. Nếu vẫn còn tập lệnh chặn hiển thị trang, thì bạn cần quay lại trang cài đặt plugin và nhấp vào nút “Hiển thị cài đặt nâng cao” ở trên cùng.
Tại đây, bạn có thể cho phép plugin bao gồm JS nội tuyến và xóa các tập lệnh bị loại trừ theo mặc định như “seal.js” hoặc “jquery.js”.
Sau đó, cuộn xuống tùy chọn CSS và cho phép plugin kết hợp tất cả các tệp CSS.
Nhấp vào nút “Save changes and Empty Cache” để lưu các thay đổi của bạn và Xóa bộ nhớ cache plugin.
Khi bạn đã hoàn tất, hãy tiếp tục và kiểm tra Website lại với công cụ Tốc độ trang.
Đảm bảo rằng bạn kiểm tra trang web của mình một cách cẩn thận để thấy rằng mọi thứ đều hoạt động tốt sau khi tối ưu hóa các tệp JavaScripts hoặc CSS của bạn.
2 - Khắc phục kết xuất tệp bằng W3 Total Cache
Phương pháp này đòi hỏi nhiều công sức hơn một chút và được khuyến nghị cho những người đã có W3 Total Cache trên thiết bị của họ. website.
Trước tiên, bạn sẽ cần cài đặt và kích hoạt plugin W3 Total Cache. Nếu bạn cần giúp đỡ, Xem hướng dẫn đầy đủ của chúng tôi W3 Total Cache.
Sau đó, bạn cần truy cập "Hiệu suất> Cài đặt chung" và cuộn xuống phần "thu nhỏ".
Trước hết, bạn cần chọn hộp “Bật” và sau đó chọn “Thủ công” cho tùy chọn chế độ thu nhỏ.
Bấm vào nút Lưu tất cả các cài đặt Để lưu các thiết lập của bạn.
Sau đó, bạn cần phải thêm kịch bản và CSS bạn muốn thu nhỏ.
Bạn có thể nhận được URL của tất cả các tập lệnh và biểu định kiểu phải được kết hợp theo Thông tin chi tiết của Google PageSpeed.
Theo những gợi ý nơi nó nói, " Loại bỏ render-chặn JavaScript và CSS ”, Bấm vào“ Chỉ cách giải ”. Nó sẽ hiển thị cho bạn danh sách các tập lệnh và bảng định kiểu.
Di chuyển chuột qua tập lệnh và nó sẽ hiển thị cho bạn URL đầy đủ. Bạn có thể chọn URL này, sau đó sử dụng CTRL + C trên bàn phím (Command + C trên Mac) để sao chép URL.
Bây giờ, hãy truy cập bảng quản trị WordPress của bạn và đi tới phần " hiệu suất > Minifier '.
Trước tiên, bạn cần thêm các tệp JavaScript mà bạn muốn nén. Cuộn xuống phần JS, sau đó trong phần "hoạt động trong khu vực" được thiết lập, nhúng vào "không chặn bằng cách sử dụng 'async'" cho phần này .
Sau đó, bạn phải bấm vào nút Thêm Script Và sau đó bắt đầu thêm URL tập lệnh mà bạn đã sao chép từ công cụ Google PageSpeed.
Khi bạn đã hoàn tất, hãy cuộn xuống phần CSS và nhấp vào nút "Add Style Sheet". Bây giờ, hãy bắt đầu thêm các URL của biểu định kiểu mà bạn đã sao chép bằng công cụ Tốc độ trang của Google.
Bây giờ bấm vào nút Lưu Cài đặt & Xóa bộ nhớ cache Để lưu trữ các thiết lập của bạn.
Truy cập công cụ Tốc độ trang của Google và kiểm tra lại trang web của bạn.
Hãy chắc chắn rằng bạn cũng kiểm tra trang web của mình một cách cẩn thận để thấy rằng mọi thứ đều hoạt động tốt.
Đó là tất cả cho hướng dẫn này, tôi hy vọng nó sẽ cho phép bạn cải thiện hiệu suất của blog WordPress.
