File css ban đầu của site em hơn 10 file, sau đó thì em gộp lại chỉ còn 2 file. Điểm trong google pagespeed tăng lên nhưng nó vẫn còn cảnh báo Các bác cho hỏi tối ưu phần này như thế nào cho đúng vậy. Có phải css chỉ lưu trong 1 file?
gộp cũng tốt mà để yên thì cũng thế còn bác muốn lừa google thì 1 dòng code thôi, quan trọng là trải nghiệm của mình và người dùng có ok ko thôi, cứ cảm thấy nhanh là đc còn vụ điểm chác đó e nghĩ chiếm 1% trong seo là cùng
cái này không phải lừa. 2 file css thì khi load trang phải gữi 2 tiến trình tải đồng thời, google không đánh giá cao cách này
nên để css trong 1 file. Quan trọng không kém nữa là thu gọn cả JS nữa và trên tùy từng page, chỉ gọi những JS cần thiết.
Bạn đang dùng css của bootstrap (nó chỉ là framework css thôi) nên vẫn phải có các thành phần css riêng cho giao diện. Css có thể có nhiều file nhưng bạn nên viết gọn lại thành 1 file và nén lại (nếu rành code ) dạng min(.)css
CSS phải để trong một file duy nhất và điều quan trọng tối ưu css nghĩa là tối ưu cách viết của bạn chứ k phải để trong 1 file là đã tối ưu
bạn nên nén file ở dang tenfile(chấm)min(chấm)css cả file js cũng vậy và trong code thì nên tối ưu theo cách viết như tránh sử dụng @import trong css và kỹ thuật viết tắt shorthand
dung mấy cái plugin nen css va js ấy bác, e thấy nó nén hiêu quả mà, cần gì pải gộp cho nó nặng nguoi ra chớ
Cũng đang muốn tham khảo về vấn đề này, các bác có KN trình bày rõ ràng tí đi. Mình cũng đang dùng WP.
Tối ưu CSS thì: - Sử dụng càng ít file css càng tốt (tốt nhất là 1 file) - Không có khoảng cách giữa các dòng - Không bị trùng lặp thuộc tính (ví dụ đoạn trên đã viết cho class .abc rồi, đoạn dưới lại có thuộc tính cho class .abc nữa thì vẫn là ko tối ưu)