因为网站打开速度太慢了,所以就必须优化网站速度,通过百度统计的网站速度优化建议,将多个CSS文件合并了,将多个JS文件也合并了,将几个JS文件压缩了,并且将几个JS文件放在了</Body>元素的前面,目的是为了页面其他元素先加载,这些JS后面再加载。
CSS文件合并后,并没有出现什么问题。
JS文件合并后出现了一些问题,主要是JQuery合并后出现了网站中用的JQ的部分元素不起作用了,所以合并时需要考虑到这一点,并且网站建设之初就应该整齐考虑,不然后面麻烦很多。
JS改变放置位置后,也出现了问题,因为最后加载,网站首页头部用到的JS却最后加载,这就导致了网站打开时头部页面空白,影响用户体验,所以网站头部、中部用的的JS必须放在<head></head>中或者<body></body>的前面,以免影响页面显示效果及用户体验。更改时,需要仔细分析、斟酌。
JS压缩后,更出现了大麻烦,网页中的Tab选项卡,不起作用了,不知道这是什么原因,现在没弄清楚,自己觉得JS压缩后,JS内容没变,只是将注释删除,格式调整,不占空间了,而作用没变,可不知为何,不起作用了。所以,速度优化时,JS是否压缩也需要考虑了。。。。。。。
谨此记录优化过程中的问题。不断总结学习中。。。。。。
沁园春 www.qinychun.com
浙公网安备 33010602011771号