Giả sử trang chủ của bạn không có hàng chục thành phần lồng nhau có vai trò/giao diện khác nhau, có thể bạn không thông minh với CSS của mình. Có hai điều phải lo lắng về ở đây:
Băng thông: Nếu kích thước tập tin CSS của bạn là hơn 50KBs hoặc lâu hơn, một số khách hàng của bạn với tốc độ kết nối thấp/băng thông có thể trải nghiệm một số tụt hậu đáng chú ý.
Rendering: Có thể là tập tin CSS của bạn là đủ phức tạp để buộc của layout/rendering engine khách hàng để thực hiện một số nỗ lực nhiều trong khi rendering.
Cả hai vấn đề sẽ làm giảm hiệu quả thời gian trên trang web của bạn. Phải làm gì?
Ví dụ đơn giản nhất về cách tối ưu hóa tệp CSS của bạn là thu thập các quy tắc mà bạn sử dụng cho nhiều thành phần trong một lớp. Có nhiều các mẹo khác để giúp giảm kích thước tệp CSS của bạn; các câu trả lời khác đã liên kết bạn với một số bài viết với các mẹo hữu ích, nhưng nếu bạn muốn cung cấp cho các chương trình tự động hóa quy trình, hãy xem CSS Tidy (và an online tool based on CSS Tidy).
Tôi hy vọng điều đó sẽ hữu ích!
Liên kết đầu tiên khá thú vị. Vì vậy, dòng mã không phải lúc nào cũng quan trọng, bộ chọn nào bạn sử dụng cũng quan trọng. –