Bày tỏ IT

Đặt Stylesheets ở Top

Nếu bạn muốn có một trang để tải dần dần, có nghĩa là, chúng tôi muốn trình duyệt để hiển thị bất cứ nội dung của nó càng sớm càng tốt, đặt CSS ở trên cùng của trang bên trong tài liệu HEAD. Điều này làm cho các trang được tải nhanh hơn, vì điều này tạo điều kiện cho bản dịch tiên tiến của trang. Điều này đặc biệt quan trọng cho các trang với rất nhiều nội dung và người sử dụng trên các kết nối Internet chậm hơn.

Đó là một thực tế tài liệu đó để nâng cao kinh nghiệm người dùng chung, điều quan trọng là để cung cấp các chỉ số tiến bộ và phản hồi thị giác. Để tránh phải vẽ lại các yếu tố của trang, trong trường hợp nếu phong cách của họ thay đổi, một số trình duyệt, bao gồm IE, khối vẽ của trang cho đến khi CSS được nạp đầy đủ. Bởi vì điều này, người sử dụng là được nhìn thấy một trang trống màu trắng.

Thông số kỹ thuật W3 HTML, cũng nói rằng CSS, tôi phải bao gồm trong phần HEAD của trang HTML. at the bottom of the page, so it's best not to use it. Cũng lưu ý rằng, trong IE @import hoạt động giống như sử dụng <link> ở dưới cùng của trang, vì vậy tốt nhất là không sử dụng nó.

Tránh sử dụng các tính năng trình duyệt cụ thể

Bộ lọc: Sử dụng bộ lọc làm tăng tiêu thụ bộ nhớ và được áp dụng cho mỗi yếu tố, không phải cho mỗi hình ảnh, vì vậy vấn đề được nhân. Ngoài ra, Bộ lọc IE độc quyền, do đó sẽ không làm việc như dự định trong các trình duyệt khác. Nếu bạn muốn có nền trong suốt hoặc gradient, sử dụng 1Pixel với hình ảnh.
Biểu thức: các biểu thức CSS là một tính năng tốt đẹp để có trong CSS, nhưng vẫn là IE tính năng cụ thể. Ngoài ra, điều quan trọng là cần lưu ý rằng, những biểu thức đánh giá khi trang được trả lại và thay đổi kích cỡ, cuộn và ngay cả khi người dùng di chuyển con chuột trên trang. Không cần phải nói điều này có thể ảnh hưởng đến hiệu suất của trang của bạn. Do đó nói cách đơn giản, tránh sử dụng các biểu thức CSS, trừ khi bạn cảm thấy ưu điểm của nó nặng hơn so với các nhược điểm của nó '

Externalise bạn CSS

Sử dụng CSS bên ngoài sẽ dẫn đến tải nhanh hơn các trang bởi vì các tập tin JavaScript và CSS được lưu trữ bởi trình duyệt. CSS nội tuyến trong các tài liệu HTML được tải về tất cả các tài liệu HTML được yêu cầu. Điều này thực sự có thể làm giảm số lượng yêu cầu HTTP được thực hiện nhưng sau đó tăng kích thước của các tài liệu HTML. Bên ngoài CSS được lưu trữ bởi trình duyệt, kích thước của các tài liệu HTML được giảm mà không làm tăng số lượng yêu cầu HTTP.

Xin lưu ý rằng, nếu người sử dụng trên trang web của bạn có nhiều lượt xem cho mỗi phiên và nhiều của các trang của bạn lại sử dụng cùng một kịch bản và stylesheets, có một lợi ích tiềm năng lớn hơn từ các tập tin lưu trữ bên ngoài.

Đóng gói file CSS của bạn

Đóng gói hoặc crunching CSS của bạn là thực hành loại bỏ các ký tự không cần thiết từ mã giảm kích thước của nó do đó cải thiện thời gian tải.

CSS có thể tôi co rút bằng cách loại bỏ tất cả các ý kiến ​​và bất kỳ ký tự không mong muốn như các không gian màu trắng, dòng mới.