Tôi có nên tiếp tục giữ tất cả css trong một tệp không?

Question

Ngày xửa ngày xưa tôi đã được các nhà phát triển web nâng cao hơn (gee, khi nào nó lại?)) Chúng tôi nên tránh quản lý nhiều tệp CSS và dán mỗi dự án. Nó giúp cải thiện tốc độ tải trang và tránh những sai lầm ngớ ngẩn khi xử lý nhiều quy tắc chồng chéo CSS.

Câu hỏi của tôi là - phương pháp này vẫn hợp lệ?

Đối số về hiệu suất tải trang dường như không có nhiều hiện nay với Internet băng thông rộng tuyệt vời và trình duyệt web thông minh với khả năng lưu trữ bộ nhớ tuyệt vời hơn nữa. CSS tầng thực sự có thể dễ bị lỗi, nhưng chỉ dành cho nhà phát triển thiếu kinh nghiệm và có một tờ định kiểu CSS không thực sự làm cho chúng tôi chống đạn.

Tôi nghĩ rằng tôi muốn có một bộ phong cách mặc định được ngăn cách gọn bởi các thành phần, sau đó nối chúng thành một quy tắc duy nhất bằng CSS @import. Điều này cũng sẽ cho phép tôi bao gồm bảng định kiểu đặt lại theo mặc định.

Có ai ở bên tôi không?

Answer 1

Nó không phải về tốc độ băng thông mà số lượng yêu cầu http, điều này có ý nghĩa rất nhiều đối với kết nối di động. Tuy nhiên, cách tiếp cận của việc có các tệp css khác nhau để giữ cho mô đun dự án là vững chắc, vì nó giúp bạn giữ css của bạn được tổ chức theo cách bạn muốn mà không cần phải có tất cả mã trong một tệp duy nhất. Sau đó, bạn có thể hưởng lợi của tiền xử lý/bộ lọc css để nối và nén tất cả các tệp css của bạn trong một tệp duy nhất để sản xuất.

bài viết này http://www.igvita.com/2012/06/14/debunking-responsive-css-performance-myths/

có một đoạn văn về di động mà giải thích nổi tại sao điều này là một thói quen tốt:

bạn được tốt hơn off tải toàn bộ nội dung CSS trong một shot so với ban đầu, làm ấm kết nối. Bằng cách đó, bạn cũng sẽ giúp người dùng kéo dài tuổi thọ pin của họ. Nếu có một tối ưu hóa được thực hiện ở đây thì nó chỉ đơn giản là: nối và nén.

Answer 2

Tôi đồng ý với bạn, tôi không có lý do gì để chỉ giữ một trang css nữa, ngày nay, tôi thực hiện chính xác những gì bạn vừa nêu, tách theo thành phần, cùng với tải lười :) (php if statements etc).

Answer 3

Có, cách tiếp cận đó vẫn hợp lệ. Có rất nhiều bài viết về tối ưu hóa tải trên mạng, nhưng ý tưởng chung là như sau

Ít file = yêu cầu http ít thực hiện để server = hiệu suất tải tốt hơn

Chính điều đó đã thay đổi theo thời gian là rằng bây giờ có rất nhiều công cụ hỗ trợ hợp nhất nhiều tệp thành một lần khi chạy. Vì vậy, bạn có các bảng định kiểu riêng biệt để tổ chức tốt hơn, gỡ lỗi vào thời gian phát triển và các công cụ đó hợp nhất, rút ​​gọn và đặt đúng tiêu đề bộ nhớ đệm trong sản xuất.