Web前端性能优化主要方法分为2个,资源合并与压缩。主要功能是减少http请求数量,减少请求资源的大小。
具体方法
HTML压缩:注释也可被压缩,无效代码删除,css 语义合并。
JS压缩:无效字符的删除;剔除注释,代码语义的缩减和优化
文件合并:文件合并与不合并对比,公共库合并
图片相关的优化:每种图片格式都有自己的特点,针对不同的业务场景选择不同的图片格式很重要
CSS雪碧图:把你的网站上用到的一些图片整合到一张单独的图片中
WebP 的优势体现在它具有更优的图像数据压缩算法,能带来更小的图片体积,而且拥有肉眼识别无差异的图像质量;同时具备了无损和有损的压缩模式、Alpha 透明以及动画的特性,在 JPEG 和 PNG 上的转化效果都非常优秀、稳定和统一。