1 Chia sẽ cách làm sạch css thanh công 100% Sun May 09, 2010 9:36 am
haitac261189
Thành Viên Tiêu Biểu
Mình vừa tìm thấy cách làm sạch css rất nhanh đảm bảo thành công 100% vì
mình đã làm được, css diễn đàn mình được rút ngắn và không bị thiếu gì
.Sau khi làm sạch forum load nhanh hơn nhiều .
Cách làm thế nào
thì các bạn tự nghiên cứu nhe.
Một trong những cách làm tăng tốc
duyệt web , đó là giảm kích thước
file CSS . Có 1 trang web giúp bạn
tối ưu hóa code của file CSS một cách
nhanh chóng . Link : [You must be registered and logged in to see this link.]
[You must be registered and logged in to see this image.]
Cleacss.com có thể giảm 30% à 40 % so với kích thước ban đầu
. Mặc
định các selector và thuộc tính nào trùng nhau sẽ được kết
hợp lại . VD :
Sẽ
được tối ưu thành :
Trang
web này không kiểm tra code css của bạn có đúng chuẩn hay không
đâu
. Nếu muốn kiểm tra chuẩn css thì vào trang :
[You must be registered and logged in to see this link.]
Cleancss
có 3 phần chính :
[You must be registered and logged in to see this image.]
Chúc các bạn nào chưa biết thành
công nhe còn các pro thì khỏi nói rồi!!
mình đã làm được, css diễn đàn mình được rút ngắn và không bị thiếu gì
.Sau khi làm sạch forum load nhanh hơn nhiều .
Cách làm thế nào
thì các bạn tự nghiên cứu nhe.
Một trong những cách làm tăng tốc
duyệt web , đó là giảm kích thước
file CSS . Có 1 trang web giúp bạn
tối ưu hóa code của file CSS một cách
nhanh chóng . Link : [You must be registered and logged in to see this link.]
[You must be registered and logged in to see this image.]
Cleacss.com có thể giảm 30% à 40 % so với kích thước ban đầu
. Mặc
định các selector và thuộc tính nào trùng nhau sẽ được kết
hợp lại . VD :
#nav a { |
color:#999; |
text-decoration:none; |
padding-left:14px; |
padding-right:14px; |
padding-top:6px; |
} |
Sẽ
được tối ưu thành :
#nav a { |
color:#999; |
text-decoration:none; |
padding: 6px 14px 0px 14px; |
} |
Trang
web này không kiểm tra code css của bạn có đúng chuẩn hay không
đâu
. Nếu muốn kiểm tra chuẩn css thì vào trang :
[You must be registered and logged in to see this link.]
Cleancss
có 3 phần chính :
- CSS input : bạn copy code file CSS vào
đây. - CSS layout : các tùy chọn mức độ tối ưu.
-
Highest : nén file css sao cho nhỏ nhất , nhưng không khả năng đọc
được
code - High : Giống Highest nhưng không kích thước lớn hơn một
chút - Standard : cân bằng với khả năng đọc code và kích thước
file - Low : có thể đọc được code , nén nhỏ nhất
- Custom :
tùy chọn , cung cấp cho bạn các template để điền vào mục
tùy chọn
mức độ nén - Option : có các check box giúp bạn cung cấp các
thông tin nén.
Thường để mặc định , nhưng chú ý các mục sau :
Sort selector : sắp xếp lại các selector , không nên chọn vì kích
thước
không giảm bao nhiêu mà có thể ảnh hưởng tới mức độ ưu tiên của
selector.
Remove last; : xóa dấu ‘;’ của thuộc tính cuối cùng trong selector
[You must be registered and logged in to see this image.]
Chúc các bạn nào chưa biết thành
công nhe còn các pro thì khỏi nói rồi!!