
前端优化
文章平均质量分 94
innagine
这个作者很懒,什么都没留下…
展开
-
前端优化:图片优化
基本概念图片的类型平时比较常见的图片类型有:jpg 、jpeg、png、svg、bmp、gif、webpjpg优点: jpg 是一种有损的基于直接色的图片格式。由于采用直接色,jpg 可使用的颜色有 1600w 之多,而人眼识别的颜色数量大约只有 1w 多种,因此 jpg 非常适合色彩丰富图片、渐变色。jpg 有损压缩移除肉眼无法识别的图片细节后,可以将图片的尺寸大幅度地减小缺点: jpg 不适合 icon、logo ,因为相比 gif / png-8 ,它在文件大小上丝毫没有优势应用场景: .原创 2021-03-08 22:43:33 · 1828 阅读 · 0 评论 -
前端优化:前端性能优化方法
一、结构优化1.gzip压缩gzip 压缩效率非常高,通常可以达到 70% 的压缩率。//npm i -D compression-webpack-pluginconfigureWebpack: config => { const CompressionPlugin = require('compression-webpack-plugin') config.plugins.push(new CompressionPlugin())}2.预渲染服务端渲染(SSR)简.原创 2021-03-05 11:04:46 · 3905 阅读 · 3 评论