图片方面
1.网页中图片格式的选择
jpg:色彩丰富,图片小
png:可透明,图像清晰,图片大
gif:可透明,动图,图片大
2.图片压缩
图片压缩一下再使用,网页的加载速度,比优化几行代码的提升效果来的更简单直接有效。
常用的图片压缩网站:TinyPNG:https://tinypng.com/(可压缩png和jpg格式的图片)
代码方面
1.代码上线前要经过压缩打包,去掉空格等冗余
2.代码缩写可减少代码量:颜色值缩写、边距缩写、字体设置缩写
3.css样式重用率高,代码量少