今天小编给大家分享一下怎么加快html页面的加载速度的相关知识点，内容详细，逻辑清晰，相信大部分人都还太了解这方面的知识，所以分享这篇文章给大家参考一下，希望大家阅读完这篇文章后有所收获，下面我们一起来了解
今天小编给大家分享一下怎么加快html页面的加载速度的相关知识点，内容详细，逻辑清晰，相信大部分人都还太了解这方面的知识，所以分享这篇文章给大家参考一下，希望大家阅读完这篇文章后有所收获，下面我们一起来了解一下吧。
1.页面减肥
a.删除不必要的注释和空格
b.将inline（内嵌：写在HTML内）CSS，js外链的形式导入
c.HTML Tidy工具检查HTML
2.减少文件数量
a.减少页面上引用的文件数量减少Http连接数
b.js、css文件能合并就合并
3.减少域名查询
a.DNS查询和解析域名也需要消耗时间，减少对外部js、css、图片资源的引用，不同域名使用越少越好
4.缓存重用的数据
5.优化页面加载顺序
a.首先加载页面最初显示的内容和与之相关的js和css，然后加载html相关的东西（最初不显示的图片、flash、视频等）
6.减少inline---js的数量
7.使用合法的css标签
8.不要使用嵌套table
浏览器详细加载解析html
1.用户输入网址发送请求
2.浏览器开始载入html代码，发现<head>标签有一个<link>标签引用外部css文件
3.浏览器发出加载该css文件的请求，服务器返回这个css
4.浏览器继续载入html中<body>部分代码，并且css文件下载好了，开始渲染页面
5.浏览器在代码中发现一个<img>标签引用一张图片，向服务器发出请求，浏览器不等图片下完，而是继续渲染后面的代码
6.服务器返回图片，由于图片占用一定面积，影响后面段落的排布，因此浏览器需要回头重新渲染这部分代码
7.浏览器发现一个包含一行js代码的<script>标签，会立刻运行它
8.js脚本执行完这条语句，如果有display=“none”等修改DOM树的代码，浏览器会重新渲染这部分代码
9.直到</html>结束
10.如果用户点击事件，或其他事件触发js修改DOM树，浏览器会重新渲染页面。 如果js重新加载新css文件（替换<link>），浏览器会重新渲染页面
以上就是“怎么加快HTML页面的加载速度”这篇文章的所有内容，感谢各位的阅读！相信大家阅读完这篇文章都有很大的收获，小编每天都会为大家更新不同的知识，如果还想学习更多的知识，请关注编程网JavaScript频道。
--结束END--
本文标题: 怎么加快HTML页面的加载速度
本文链接: https://www.lsjlt.com/news/93876.html(转载时请注明来源链接)
有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341
下载Word文档到电脑，方便收藏和打印～
2024-01-12
2023-05-20
2023-05-20
2023-05-20
2023-05-20
2023-05-20
2023-05-20
2023-05-20
2023-05-20
2023-05-20
回答
回答
回答
回答
回答
回答
回答
回答
回答
回答
官方手机版
微信公众号
商务合作
0