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