How to improve HTML page loading speed

This article shares with you how to improve the page loading speed of HTML. It is very good and has reference loading. Friends who need it can refer to

(1) Reduce HTTP requests. (Merge resource files and use image sprites;

(2) Put CSS in the head and JavaScript at the end of the body tag;

(3) Define the width and height of the image;

(4) Define the character set;

(5) Avoid empty src and href attributes,

Write like this in html:

<a href="javascript:;" class="triggerName">Trigger</a>

It is defined in js like this:

  $("#triggerName").click(function(e){
            e.preventDefault(); // 取消单击事件的默认动作以阻止链接的跳转//
        })

(6) Enable GZIP compression;

(7) Abandon CSS expressions and use more efficient CSS selector;

(8) Use external link CSS and JavaScript;

(9) Code compression for CSS and JavaScript;

(10) Reduce duplication painted;

The above is the detailed content of How to improve HTML page loading speed. For more information, please follow other related articles on the PHP Chinese website!