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

How to improve page loading speed with HTML

高洛峰
Release: 2017-02-09 17:22:59
Original
1382 people have browsed it

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>
Copy after login


This is defined in js:


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


(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!

Related labels:
source:php.cn
Statement of this Website
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
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template