5种方法使用HTTP2改进您网站的PageSpeed( 六 )

2.不要使用HTML内联脚本

在HTML文档中嵌入CSS和JS文件将提高HTTP / 1.1中的页面加载速度 。 与组合文件一样 , 它将减少文件号和服务器请求 。

使用HTTP / 2时在HTML中内联脚本将通过删除浏览器单独缓存资产的能力来降低页面速度优化的缓存 。

它还将打破Stream优先级的任何改进 , 因为所有嵌入式脚本和内容都将获得与HTML内容相同的优先级 。

而不是内联资产来减少HTTP请求 , 而是利用多路复用和服务器推送 。 这将允许浏览器以更少的请求下载更多资源 , 并提高页面的加载速度 。

简而言之 , 尽可能保持资源分离和小 。

3.停止使用CSS Image Sprites

图片来源:jurgenwesterhof / Wikimedia

图像精灵 是由许多较小的图像组成的图像(如上图所示) 。 然后CSS指定要显示的图像的哪些部分 。

推荐阅读