1. 优化CSS
    • 避免使用CSS表达式
    • 减少冗余代码
    • 舍弃@import
    • 避免使用滤镜
    • 把样式表放在顶部
    • 压缩CSS（webpack,gulp打包工具）
    1. 优化图片
    • 图片格式 jpeg
    • CSS Sprite
    • 压缩图片
    • 图片懒加载（在页面开始加载时，不请求真实的图片地址，而是默认图站位。当图片加载完成后，再根据相关的条件依次加载真实的图片）
    1. 优化JS
    • 采用浏览器的304缓存做处理
    • 把脚本放在底部
    • 压缩JS
    1. 优化HTML
    • 如果页面中出现audio,video标签，最好设置它们的preload
    • 尽量少用iframe

    参考地址