CriticalCSS

CriticalCSS là một bộ công cụ tối ưu hóa CSS mà tìm thấy trên các mã CSS Fold.

Phía trên CSS Fold còn được gọi là quan trọng con đường CSS và CSS cần thiết để làm cho phần nhìn thấy được của trang khi nó tải đầu tiên.

Google bắt đầu đề nghị thông qua PageSpeed ​​Insights rằng tất cả các con đường quan trọng CSS nên được nạp lúc đầu, thậm chí inlined với các tập tin HTML, và phần còn lại của các tập tin CSS nạp sau khi trang đã trả lại.

Điều này là bởi vì CSS là một trang tài nguyên chặn ngăn chặn bất cứ điều gì từ được hiển thị trên trang cho đến khi nó đã được nạp.

Lựa chọn và tách Phía trên CSS Fold đảm bảo kích thước của mã CSS này được giữ nhỏ và (rất nhiều) tốc độ lên trang của bạn.

Bằng việc lựa chọn sử dụng CriticalCSS, các nhà phát triển sẽ phân tích trang web của họ, tách biệt trên các mã CSS Fold trong một file riêng biệt, tải các tập tin đầu tiên, và sau đó trì hoãn bất kỳ file CSS khác sau khi trang đã được nạp.

Hướng dẫn Cách sử dụng được cung cấp với các tập tin README của gói

Điều gì là mới trong phiên bản này:.

• Loại bỏ một điều kiện để loại trừ màn hình: yếu tố nào như nó đã gây ra kết quả bất ngờ
.

Điều gì là mới trong phiên bản 1.0.0:

• Gỡ bỏ một điều kiện để loại trừ display: none yếu tố như nó đã gây ra kết quả bất ngờ.

Điều gì là mới trong phiên bản 0.6.1:

• Gỡ bỏ một điều kiện để loại trừ display: none yếu tố như nó đã gây ra kết quả bất ngờ.

Điều gì là mới trong phiên bản 0.5.1:

• Gỡ bỏ một điều kiện để loại trừ display: none yếu tố như nó đã gây ra kết quả bất ngờ.

Điều gì là mới trong phiên bản 0.5.0:

• Gỡ bỏ một điều kiện để loại trừ display: none yếu tố như nó đã gây ra kết quả bất ngờ.

Yêu cầu :

• Node.js 0.10 hoặc cao hơn