怎么加快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页面的加载速度”这篇文章的所有内容，感谢各位的阅读！相信大家阅读完这篇文章都有很大的收获，小编每天都会为大家更新不同的知识，如果还想学习更多的知识，请关注编程网行业资讯频道。
免责声明：
① 本站未注明“稿件来源”的信息均来自网络整理。其文字、图片和音视频稿件的所属权归原作者所有。本站收集整理出于非商业性的教育和科研之目的，并不意味着本站赞同其观点或证实其内容的真实性。仅作为临时的测试数据，供内部测试之用。本站并未授权任何人以任何方式主动获取本站任何信息。
② 本站未注明“稿件来源”的临时测试数据将在测试完成后最终做删除处理。有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341
