Về ưu điểm của cách làm này là hạn chế sự tác động lên máy chủ web, gây ra các truy vấn không cần thiết, đồng thời cũng đảm bảo rằng các tập tin CSS được lưu trữ một nơi tốt. Ví dụ như khi có một người nào đó truy cập vào trang web của bạn, các CSS nhỏ nội tuyến sẽ được lưu trữ trong cache trình duyệt ngay lần đầu tiên. Khi người đó xem tiếp trang khác trên trang web này thì các CSS đã lưu trữ đó sẽ được sử dụng lại một cách nhanh chóng mà không cần phải yêu cầu đến máy chủ để kêu gọi tập tin này. Về nhược điểm của cách làm này đối với các tập tin CSS quá lớn sẽ làm "bành trướng" cấu trúc HTML của website và gây ra các hiện tượng lỗi giao diện.
Đọc thêm: Cách tối ưu hóa CSS giao hàng
Nội tuyến các tập tin CSS nhỏ như thế nào?
Rất đơn giản, chỉ cần sao sép tập tin CSS bên ngoài và đặt chúng trong cặp thẻ <style></style> nằm trong phần đầu tập tin HTML website. Cấu trúc cụ thể như sau:
<style>
Code CSS nhỏ
</style>
Dán đoạn code CSS nhỏ cần nội tuyến vào giữa cặp thẻ này và đặt nó trong phần thẻ <head></head>. Hay nó cụ thể hơn đặt nó trước thẻ đóng </head>. Nó hoàn toàn đơn giản đúng không? Lưu ý: Nếu tập tin CSS bên ngoài quá lớn, quá dài thì không nên nội tuyến chúng sẽ rất dễ xãy ra các lỗi không mong muốn, thay vào đó nên sử dụng cách gộp các CSS bên ngoài sẽ tốt hơn.
No comments:
Post a Comment