Không có gì nhiều thay đổi trong một hoặc hai năm qua và chúng tôi vẫn đang xử lý rất nhiều trình duyệt từ đó, vì vậy bạn không nên thay đổi thực hành của mình.
<link>
được ưu tiên trong mọi trường hợp qua @import
, vì sau này chặn tải xuống song song, có nghĩa là trình duyệt sẽ chờ tệp đã nhập hoàn tất tải xuống trước khi bắt đầu tải xuống phần còn lại của nội dung.
Bạn có thể thấy điều này rất chi tiết ở đây:
http://www.stevesouders.com/blog/2009/04/09/dont-use-import/
Vì vậy, trong khi @import
có thể được thuận tiện, đó là tất cả nó cung cấp. Nếu bạn thực sự muốn tận dụng thời gian tải nhanh, hãy sử dụng số lượng bản định kiểu tối thiểu (có thể là một trong nhiều trường hợp), viết CSS tốt với bộ chọn hiệu quả (công cụ thông thường), rút gọn và sử dụng thẻ <link>
.
này sẽ là một lời nhận xét nhưng nó đã quá dài:
Thay vì @import
(Tôi biết nó là rất thuận tiện), bạn nên kết hợp các tập tin vào một khi trang web của bạn đi sống . Bạn không nên tinh chỉnh tại thời điểm đó, và có một số công cụ để giúp giảm thiểu nó. Cá nhân, sử dụng PHP, tôi có một tệp cấu hình nơi tôi xác định tất cả các tệp CSS được ghi vào tệp CSS riêng biệt (tệp tôi sẽ tham chiếu trong thẻ <link>
), nếu phiên bản được lưu trong bộ nhớ cache cũ (được xác định thủ công hoặc tự động)), nó kết hợp/rút gọn chúng và ghi nội dung vào tệp "cache" và trả về chuỗi truy vấn dấu thời gian để nối thêm vào tên tệp CSS để buộc tải xuống mới.
Nếu bạn đang sử dụng PHP, tôi khuyên bạn nên cssmin, nó có thể phân tích bảng kiểu cho @import
và kéo nội dung vào một tệp, cũng như xử lý tất cả các khía cạnh của việc rút gọn.
Nguồn
2011-08-26 02:16:42
Cảm ơn bạn đã thông tin => – L84