首页 / 知识
如何加快HTML页面的加载速度
2023-04-11 16:01:00

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>),浏览器会重新渲染页面 |
最新内容
相关内容
Python的字典排序
Python的字典排序,代码,数据,培训,字典,函数,表达式,内容,列表,排列,问题,字典是Python语言中的一种数据结构,每一个字典元素是由一对key-valupython的调用绑定方法和非绑定方法
python的调用绑定方法和非绑定方法,代码,方法,实例,第一,培训,时计,奇数,偶数,参数,定义,在Python中,如果用实例去调用方法,这种限制就被称为Pypython为何会如此流行
python为何会如此流行,代码,时间,数字,发展,技术,分析,人工智能,世纪,培训,庞大,这其中有几个原因:1.它是古老的Python早在20世纪90年代就出现对数组使用Python For循环
对数组使用Python For循环,名称,培训,代码,健康,水牛,数组,元素,有用,下面,以上,您可以使用for循环从数组中获取特定元素。假设您有一组水牛bPython的经典题目
Python的经典题目,数字,数据,公司,培训,星期六,星期,字母,水仙花,次方,偶数,1、水仙花数用python打印出100-999所有的水仙花数,所谓水仙花数是python调试的几种方式
python调试的几种方式,代码,位置,信息,状态,培训,数据,分析,变量,函数,方式,python作为一种脚本语言,很多时候我们习惯于它的简洁,习惯于它的修为何你的Python代码应是扁平与稀疏
为何你的Python代码应是扁平与稀疏的,代码,培训,信息,观察,设计,工具,嵌套,闻闻,程序员,沉思,Python之禅之所以得名,正是由于它那简明扼要的规python的应用领域
python的应用领域,数据,分析,网络,工作,代码,人工智能,项目,金融,量化交易,业务,应用领域1:人工智能Python语言是目前公认学习人工智能的基础用Python开发一个简单的猜数字游戏
用Python开发一个简单的猜数字游戏,数字,代码,培训,官网,设备,程序,玩家,注释,内容,游戏,本文介绍如何使用Python制作一个简单的猜数字游戏。Python之关于高效使用字典的清单
Python之关于高效使用字典的清单,代码,数据,字典,培训,扩大,时报,方式,方法,对象,列表,字典(dict)对象是Python最常用的数据结构,社区曾有人开Python与c#的区别
Python与c#的区别,代码,平台,名称,培训,系统,设计,技术,标准,脚本,变量,现在来看下c#。它们的技术差异很大,但都适用于web开发。Python对c#的Python的英语搭配助手应用开发研究
Python的英语搭配助手应用开发研究,信息,设计,网站,在线,代码,环境,数据,分析,时间,培训,基于Python自带的GUI工具包Tkinter来实现窗口视窗设