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

How to improve page loading speed with HTML

高洛峰
高洛峰Original
2017-02-09 17:22:591357browse

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>


This is defined in js:


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


(6) Enable GZIP compression ;

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

(8) Use external link CSS and JavaScript;

(9) Right Code compression for CSS and JavaScript;

(10) Reduce redrawing;

The above is the HTML method introduced by the editor to improve page loading speed. I hope it will be helpful to everyone. , if you have any questions, please leave me a message, and the editor will reply to you in time. Thank you very much for your support of the PHP Chinese website!

Please read more related articles about HTML methods to improve page loading speed. Follow 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