Home  >  Article  >  Web Front-end  >  How to improve HTML page loading speed

How to improve HTML page loading speed

巴扎黑
巴扎黑Original
2017-04-17 10:59:502236browse

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!

Statement:
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn