Làm thế nào?
Cascading
Style Sheets làm cho trang web hiệu quả hơn vì chúng cho phép các trình duyệt
để cache các thông tin liên quan đến phong cách từ các tập tin css trực tiếp,
loại bỏ sự cần thiết phải đọc thông tin rằng mỗi khi một trang được tải. Thậm chí nếu Style Sheets là tự nhiên
hiệu quả hơn các bảng HTML bạn vẫn có thể tối ưu hóa mã CSS để làm cho trang we của bạn sạch hơn và nhanh hơn.
Đầu
tiên tất cả các cố gắng để xác định vị trí đang phân tán và tập hợp lại với
nhau.
Ví
dụ thay vì:
margin-top: 10px;
margin-right: 20px;
margin-bottom: 10px;
margin-left: 20px;
margin-right: 20px;
margin-bottom: 10px;
margin-left: 20px;
bạn nên sử dụng:
margin: 10px 20px 10px
20px;
Thay vì:
<p
class="decorated">A paragraph of decorated text</p>
<p class="decorated">Second paragraph</p>
<p class="decorated">Third paragraph</p>
<p class="decorated">Forth paragraph</p>
<p class="decorated">Second paragraph</p>
<p class="decorated">Third paragraph</p>
<p class="decorated">Forth paragraph</p>
bạn nên sử dụng:
<div
class="decorated">
<p>A paragraph of decorated text</p>
<p>Second paragraph</p>
<p>Third paragraph</p>
<p>Forth paragraph</p>
</div>
<p>A paragraph of decorated text</p>
<p>Second paragraph</p>
<p>Third paragraph</p>
<p>Forth paragraph</p>
</div>
Thứ
hai, bạn cũng có thể thử một công cụ tối ưu hóa CSS như CleanCSS . Những công cụ có nghĩa
vụ phải hợp nhất bộ chọn tương tự, loại bỏ tính vô dụng, loại bỏ khoảng trắng.
No comments...Leave one now