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文件合并，彻底解决页面高频次访问加载时，偶尔出现样式加载不全的问题，并提升了页面加载速度。

如：解决前，网站频繁访问偶尔页面样式加载不全：

解决后，高频次访问刷新完全没问题：

更多速度方面的优化，我们还会持续进行，敬请期待。