网页加速调整

1. 图片压缩

　　这个给个图片超级压缩网站https://tinypng.com/图片质量基本不变，能少一半大小。

　　可以通过减少 quality的方式，比如100%的quality与80%的quality,用户感观上基本一样，但是体积却可以减少30%以上

 

2. 延迟加载 lazyload。其次是延迟加载，特别是内容站建议不要一次性加载所有图片，加载显示区域必要的图片即可。这里我使用的是lazyload。

$("img.lazy").lazyload({
    effect: "fadeIn",
    threshold: 180,
    placeholder: '',
});

3. 合并资源

合并资源包括图片和css、js，如果是wordpress，可以使用Autoptimize插件自动合并css成一个，其他框架请执行寻找，
关于图片合并推荐一个texture packer工具，这个工具本来是游戏图片合并的，也有css图片合并功能，请自己去尝试！合并好的图片也可以使用以上网站去压缩。

 

4. 网站静态化

　动静分离，静态使用mod_rewrite 缓存模式，速度更快，还要选择压缩html文件

 

5. CDN