一、连接网络
请求连接打开页面的次数越少,其速度就越快,上图显示我的博客页面打开过程中经历了42次请求(请求次数高于33%的网站),可节省18次连接。依此笔者细分出了一下几个方面。
1、合并域名:将只有1个资源的域名合并到其他域名下
2、合并JS:通过合并相同域名下的js减少网络连接次数
3、合并CSS:通过合并相同域名下的CSS减少网络连接次数
4、缓存静态资源:变化很少的静态资源可以设置客户端缓存,减少请求
5、使用Css Sprite:使用css sprite技术可以减少请求次数
二、下载页面
网页打开速度同时受页面大小的影响,也就是说在向服务器请求发回网页的过程,页面体积越小,发挥网页的速度就越快。上图显示我的网站页面打开过程中,共下载 175.9 KB (比23%的网站字节数更多),可以减少 10.4 KB。这就需要采用压缩的办法来进行调整,通过压缩技术减少元素体积,从而提高网速。
三、打开页面
页面内容大小,设计等多方面因素都会影响到用户浏览器打开页面的速度。这就需要我们从下两个细节着手:
1、JS位置,为加快页面打开速度,将JS放在页面最后
2、图片大小声明,对大小没做要求的图片则页面需要重新渲染,其速度必然受到影响
主机本身配置、环境等因素虽对页面打开速度也存在一定影响,但这并不是主要因素,网站本身才是真正影响网速的主因,因此对于如何优化好网站内部结构以及代码等问题都是至关重要的。上述三个方面都是影响页面打开速度最直接也是最常见的因素。