3种方式提高页面加载速度

3种方式提高页面加载速度

现代浏览器渲染内容前,需要两样东西:HTML和CSS。,所以保证浏览器尽快下载这两种类型的文件很重要!一般JS只是负责交互,跟内容渲染到浏览器中关系不大。

减少HTTP请求

每个样式文件都需要发一次HTTP请求到服务器中。浏览器需要花时间下载样式文件,并且应用文件中的样式也要花时间。尽量控制线上的CSS样式表的数量。

压缩和缓存内容

GZIP压缩线上内容很重要!大多数web服务器都会启用自动压缩线上资源。设置web服务器的样式缓存也可以提高加载速度。理想状态下,浏览器只需要下载一次CSS样式文件,直到该CSS样式文件发生变化再重新请求。方法是通过HTTP首部告诉浏览器,是否需要清除缓存。

不让浏览器渲染阻塞JS

现在基本很少有直接在<head>标签中直接加载外部JS文件,因为这样会造成渲染阻塞!原因是浏览器必须把脚本下载下来,并且执行完再进行解析HTML和CSS。

现在大多数都是讲外部JS放到<body>结束标签之前。

也可以开始使用defer和async属性,两者都是异步加载,区别是,defer等到HTML解析玩后再执行【等价于放到body结束标签之前,推荐使用】,async则下载完后立刻执行【有可能在执行的过程阻塞解析HTML】

posted on 2019-04-09 21:12  Vexekefo  阅读(205)  评论(0编辑  收藏  举报