Giảm bớt html với plugin WP-HTML-Compression

Khi bạn kiểm tra tốc độ website thông qua công cụ Google PageSpeed Insights, nếu bạn thấy hình bên dưới, có nghĩa là website của bạn chưa được giảm bớt HTML.

Làm gì để giảm bớt HTML

thuvien-it.org--giam-bot-html

– Giảm bớt nội dung HTML bằng cách rút gọn các đường dẫn.

– Loại bỏ các comment html.

– Loại bỏ các khoảng trắng bao gồm: dòng mới, tabs, các phần dư thừa khác.

Giảm bớt HTML có ảnh hưởng tới các thẻ <pre>, <textarea>, <script> và các thẻ điều kiện css không?

– Câu trả lời là có nếu bạn không chú ý đến để loại bỏ việc tối ưu trong các thẻ này. Thật may, trên wordpress có rất nhiều plugins giúp tối ưu HMTL và cũng quan tâm đến vấn đề này…họ nghĩ trước mình mà :D.

WP-HTML-Compression

Đây là plugin mình giới thiệu với các bạn. Chỉ việc cài đặt và kích hoạt là xong, nhớ kiểm tra lại website sau khi giảm bớt HTML nhé. Nếu bạn có sử dụng CDN, bạn cần tắt chức năng rút gọn liên kết bằng cách vào file

và chuyển $shorten_urls sang false. Kết quả sau khi bạn nén website, nhìn khá rối.

thuvien-it.org--ket-qua-nen-html

 

Trước đây, khi mình view source của một số trang web, cứ bảo họ code chẳng style gì cả, làm gì cả mớ, nhìn rối quá, không hiểu sao code được như vậy. Thì nay đã rõ, họ đã tối ưu html của mình. Điều đáng lưu ý ở đây, nếu bạn có ý định tự xây dựng cho mình, thì hãy viết như bình thường trước, sau đó dùng module hoặc hàm để xử lý, chứ không là sẽ phiền phức về sau.

Lưu ý, việc tối ưu html như vậy là chưa đủ, hãy tìm hiểu thêm việc cách nén css và javascript.

Đánh giá đi bạn
Pin It

Leave a Reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code class="" title="" data-url=""> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> <pre class="" title="" data-url=""> <span class="" title="" data-url="">