PC网站和手机网站速度提升
近期我们对电脑和手机访问速度进行了再次优化,本次优化的重点:
1、页面图片实现分屏加载
2、大大减少页面代码量,特别是移动端减少约三分之一
3、提升服务器PHP响应速度(手机站提升2倍以上)
4、进一步完善手机和电脑的缓存机制
5、电脑端CSS文件合并,彻底解决页面加载时偶尔出现样式加载不全的问题
1、页面图片分屏加载:当用户访问网站时,不是一次性将网页所有图片都加载,而是当用户访问至某一屏时再进行加载。该项除了提升网站打开速度外,也减少了服务器图片请求的带宽。
访问至当前屏:
加载完成:
2、减少页面代码量 ,主要针对移动端,我们将页面的CSS和JS代码进行了整理,并且对冗余代码进行了剔除,将JS和CSS文件可以合并的做了合并,减少服务器的http请求。代码量缩减了约三分之一。该项工作还我们还会持续跟进。
某客户网站优化前:
某客户网站优化后:
3、提升服务器响应速度,主要也是针对手机端。如以下网站优化前的响应时间为2秒左右,优化后为500毫秒左右。(手机站提升2倍以上)
4、进一步完善手机和电脑的缓存机制,当网站在未更新内容的情况下,网站的数据如果有请求即产生缓存,这样其他用户再次访问网站时,直接从缓存中读取数据。缓存中读取数据要比直接从数据库读取,快两倍以上。
如:该网站未缓存时读取为4秒左右,缓存后读取为1.6秒.
缓存前:
缓存后:
5、电脑端CSS文件合并,彻底解决页面高频次访问加载时,偶尔出现样式加载不全的问题,并提升了页面加载速度。
如:解决前,网站频繁访问偶尔页面样式加载不全:
解决后,高频次访问刷新完全没问题:
更多速度方面的优化,我们还会持续进行,敬请期待。
推荐
-
-
QQ空间
-
新浪微博
-
人人网
-
豆瓣