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

HTML tips to improve page loading speed

高洛峰
Release: 2017-03-11 11:46:27
Original
1471 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

It is defined in js like this:


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

(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 Painting;

The above is the HTML method introduced by the editor to improve the page loading speed. I hope it will be helpful to you. 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 Script House website!

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

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