网页优化实例

最开始一张网页下来需要十多分钟才能完全加载完成。

优化第一步：

　　合并CSS,JS,减少http请求数。将图片替换为压缩后图片,启用gzip;

优化后运行时间为1分20秒左右;

 

优化第二步:

　　采用js惰性加载。降低页面加载时间

优化后加载时间：18-25秒;

 

优化第三步:

　　将图片全部迁移至第三方服务器(七牛),并对部分图片尺寸处理,还可将图片压缩为webp格式:

　　　　1.对于webp格式，同样压缩比，图片质量比jpeg高出很多

　　　　2.webp格式也有缺陷，iOS下效率很低

优化后加载时间：

第四部:

　　配置Nginx服务器。加大数据库缓存大小;