9
Ưu điểm và nhược điểm của CSS nội bộ so với External là gì, suy nghĩ về tốc độ, yêu cầu, bộ nhớ đệm, v.v.? Cá nhân tôi không chắc chắn nếu css nội bộ trên các trang động sẽ cache ..?Internal vs External CSS
A
Trả lời
13
Ưu điểm cho CSS nội: - tải nhanh hơn: hãy nhớ rằng sẽ có một yêu cầu HTTP bổ sung cho mỗi style sheet bên ngoài bạn có
Ưu điểm cho CSS bên ngoài: - người ta thường cho các trang web để có 'chủ đề' chung trên tất cả các trang của nó. Bạn có thể ghép tất cả các kiểu phổ biến trong tệp ngoài và với một bản tải xuống, bạn có được kiểu yêu cầu có thể được sử dụng trong nhiều trang: tiết kiệm thời gian tải xuống - bạn cũng có thể lưu trữ kiểu bên ngoài và đặt ngày hết hạn thích hợp.
Một điều chống lại CSS nội bộ là nó có thể tăng kích thước tải xuống của html.
cách tiếp cận tốt nhất: - sử dụng kết hợp của nội + ngoại phong cách tùy thuộc vào phong cách được sử dụng trong các trang diff - hãy chắc chắn để đặt thiết lập hết về phong cách bên ngoài và bộ nhớ cache họ.
Advantage của việc kết hợp với bộ nhớ cache thiết lập hết: "Nhìn và cảm nhận" của các ứng dụng web được quản lý bởi những điều sau đây:
- bạn thường muốn duy trì cùng 'cảm giác' trên tất cả các trang
- nội dung có nhiều khả năng thay đổi thường xuyên hơn kiểu dáng
Nếu bạn đặt kiểu trong tệp CSS bên ngoài và đặt bộ nhớ cache hết hạn là 1 tháng, thì trong thời gian này, tất cả chúng ta ers sẽ có sự chậm trễ 'bắt đầu' rất thấp vì chỉ nội dung đã thay đổi sẽ được tải xuống: các kiểu sẽ được sử dụng lại từ bộ nhớ cache của trình duyệt của bạn. Trình duyệt sẽ yêu cầu tự động làm mới lần đầu tiên ai đó cố truy cập vào trang của bạn sau ngày hết hạn.
1
Không, họ sẽ không làm như vậy. CSS bên ngoài có thể được lưu trữ trên nhiều trang/yêu cầu, hơn nữa bạn thường có thể nén các tệp này bằng gzip.
10
Nếu trang có thể lưu vào bộ nhớ cache, CSS nội bộ cho trang này cũng có thể lưu vào bộ nhớ cache (vì nó là một phần của trang). Nhưng bảng định kiểu bên ngoài có lợi thế là chúng có thể được sử dụng cho nhiều trang và chỉ được yêu cầu một lần khi có thể lưu vào bộ nhớ cache.
Trước tiên, bạn có một yêu cầu bổ sung (biểu định kiểu bên ngoài) nhưng sau đó ít dữ liệu hơn để chuyển sang các yêu cầu khác.
1
Sử dụng CSS bên ngoài đảm bảo giao diện của tất cả các trang của bạn nhất quán, ít nhất là nếu bạn sử dụng 1 tệp CSS cho toàn bộ trang web. Có thể có một hình phạt tốc độ cho trang đầu tiên, nhưng từ đó trên tệp CSS được lưu trữ và kết quả là các trang tiếp theo sẽ thực sự tải nhanh hơn.
Tôi thỉnh thoảng sử dụng CSS nội bộ, nơi nó rất cụ thể cho trang và không được sử dụng ở nơi khác. Không bao giờ đặt chúng trong dòng mặc dù; CSS nội tuyến rất khó duy trì.
Tôi không quá quen thuộc với cách bộ nhớ đệm của các trang html hoạt động .. tất cả các trang khá năng động và sẽ được thay đổi từ mỗi lần người dùng truy cập. Điều đó có nghĩa là toàn bộ trang sẽ được tải lại không? – olemarius
Nói chung, một yêu cầu HTTP ít hơn không lớn hơn x KB bổ sung được thêm vào một trang là kết quả của CSS nội tuyến, mặc dù tôi chấp nhận kiểu dáng đó (chỉ được sử dụng trong 1 trang) có thể được bao gồm nội tuyến tốt hơn. – CJM
[cho 'nội tuyến' đọc 'nội bộ'] – CJM