Web前端性能优化方法

Web前端性能优化主要方法分为2个，资源合并与压缩。主要功能是减少http请求数量，减少请求资源的大小。

具体方法

HTML压缩：注释也可被压缩，无效代码删除，css 语义合并。

JS压缩：无效字符的删除；剔除注释，代码语义的缩减和优化

文件合并：文件合并与不合并对比，公共库合并

图片相关的优化：每种图片格式都有自己的特点，针对不同的业务场景选择不同的图片格式很重要

CSS雪碧图：把你的网站上用到的一些图片整合到一张单独的图片中

WebP 的优势体现在它具有更优的图像数据压缩算法，能带来更小的图片体积，而且拥有肉眼识别无差异的图像质量；同时具备了无损和有损的压缩模式、Alpha 透明以及动画的特性，在 JPEG 和 PNG 上的转化效果都非常优秀、稳定和统一。