
性能优化
文章平均质量分 79
我不是外星人Alien
这个作者很懒,什么都没留下…
展开
-
前端性能优化:图片优化
前言知识: 二进制位数与色彩的关系在计算机中,像素用二进制数来表示。不同的图片格式中像素与二进制位数之间的对应关系是不同的。一个像素对应的二进制位数越多,它可以表示的颜色种类就越多,成像效果也就越细腻,文件体积相应也会越大。一个二进制位表示两种颜色(0|1 对应黑|白),如果一种图片格式对应的二进制位数有 n 个,那么它就可以呈现 2^n 种颜色。1 JPEG/JPG关键字:有损压缩、体积小、加载快、不支持透明JPG 的优点JPG 最大的特点是有损压缩。这种高效的压缩算法使它成为了一种非常轻巧的原创 2020-08-09 15:03:30 · 370 阅读 · 0 评论 -
webpack性能优化
当我们不用cli,而是自己搭建项目架子的时候,会用到webpack构建我们的项目,在用webpack构建项目的时候,过长的打包编译时间和庞大冗余的代码会让我们感到头疼。所以优化webpack性能成为了不可或缺的一部分。下面我们一起来探讨webpack性能优化细节。影响webpack性能的因素如果我们在构建项目中使用了大量的loader和第三方库,会使我们构建项目的时间过长,打包之后的代码体积过大。于是乎,就遇到了webpack 的优化瓶颈,总结webpack影响性能主要是两个方面:1 webpack.原创 2020-08-05 15:57:57 · 436 阅读 · 0 评论