Làm cách nào để hoãn CSS chặn hiển thị?

2024 Tác giả: Lynn Donovan | [email protected]. Sửa đổi lần cuối: 2023-12-15 23:55

Giải pháp phổ biến nhất, để hoãn lại tải của bạn hiển thị CSS chặn và giảm kết xuất - chặn lại các chuyến đi khứ hồi được Filament Group gọi là loadCSS. Phiên bản mới nhất tận dụng thuộc tính chưa được hỗ trợ đầy đủ cho phép tải không đồng bộ CSS.

Sau đó, làm cách nào để khắc phục sự cố chặn hiển thị?

Sửa lỗi hiển thị chặn JavaScript sử dụng W3 Total Cache Tiếp theo, bạn cần truy cập trang Performance »General Settings và cuộn xuống phần Minify. Trước tiên, bạn cần đánh dấu chọn 'Bật' bên cạnh tùy chọn Thu nhỏ và sau đó chọn 'Thủ công' cho tùy chọn chế độ thu nhỏ. Nhấp vào nút lưu tất cả cài đặt để lưu cài đặt của bạn.

Thứ hai, loại bỏ tài nguyên chặn kết xuất là gì? Kết xuất - chặn tài nguyên làm chậm thời gian tải trang được nhận thức của trang web WordPress của bạn bằng cách buộc trình duyệt của khách truy cập phải trì hoãn kết xuất nội dung trong màn hình đầu tiên trong khi trình duyệt tải xuống các tệp không cần thiết ngay lập tức. Đến loại bỏ kết xuất - chặn tài nguyên trên WordPress, bạn có thể sử dụng các plugin off-the-rack.

Ngoài phần trên, CSS có chặn hiển thị không?

Kết xuất Chặn CSS . Theo mặc định, CSS là được đối xử như một kết xuất chặn tài nguyên, có nghĩa là trình duyệt sẽ không kết xuất bất kỳ nội dung đã xử lý nào cho đến CSSOM Là đã xây dựng. HTML Là hiển nhiên, vì nếu không có DOM, chúng tôi sẽ không có bất cứ thứ gì để kết xuất , nhưng CSS yêu cầu có thể ít rõ ràng hơn.

Làm cách nào để biết liệu tôi có tài nguyên chặn Hiển thị hay không?

Để xác định các tài nguyên chặn hiển thị:

1. Tìm các tài nguyên không quan trọng đang tải trước khi dòng bắt đầu kết xuất (qua webpagetest.org).
2. Thử xóa tài nguyên thông qua Google Dev Tools để xem nội dung trang bị ảnh hưởng như thế nào.
3. Sau khi được xác định, hãy làm việc với các nhà phát triển để tìm ra giải pháp tốt nhất để trì hoãn các tài nguyên chặn hiển thị.