网站优化前的分析
通过百度统计中的优化分析--网站速度诊断分析,结果压力很大,电信和网通测试下来,分数都是31分,打开时间是24.93s,比87.5%的网站打开速度慢。
影响因素分析:
1、连接网络(页面打开过程中,共有109次请求(比77%的网站请求次数多),可节省41次连接)
优化方法是:合并域名、合并JS、合并CSS、合并相同资源、使用CSS Sprites
2、下载页面(页面打开过程中,共下载 1.0 MB (比65%的网站字节数更多),可以减少 519.8 KB)
优化方法是:启用Gzip、压缩元素
3、打开页面
优化方法是:CSS位置、JS位置、图片大小未定义
总结:为了使网站的打开速度很快,需要从三个方面着手,即从连接网络、下载页面、打开页面。
主要是减少JS文件、CSS文件或者其他资源的个数,其目的是减少HTTP请求。(注:该措施在建设网站的时候就应该规划好,将CSS、JS尽量放到一个文件中,而在文件通过注释的方式标明各模块的CSS和JS,这样可以减少后期的优化工作量)。因为页面的执行顺序是从上往下执行的,所以CSS、JS的位置也会影响网站打开速度,一般CSS放在网站头部(<head></head>),JS放在</body>前面,但是JS不能全部放在</body>前,应该将影响页面显示的js放在头部,优先加载,不然会导致页面变形,影响用户体验,而其他的放置在</body>前面。
再者,压缩网站元素的大小,及启用服务器的GZIP功能。(注:网站元素可以压缩,有自己决定,但Gzip功能则与网站所在的服务器相关,这样在给网站选择服务器时就应该考虑到这一点,一个服务器又没有GZIP功能,可以通过站长工具中的网页GZIP压缩检测来检查,我要优化的网站服务器就没这个功能,所以这项没法优化了,很气人!)
最后,上面说到的,并不是都需要优化,网站不同,取舍也不同,以及考虑后期的维护方便,需要作出一个抉择。
通过百度分析影响速度的就这些因素,目前需要做的就是将这些一一消除。然后在优化其他方面。