图片是一个网站的重要组成部分，图片影响这页面的美观和品质。简单来说图片对于网站建设的作用就是吸引用户、彰显网站风格、美化网站、简化网站页面，但是图片的不合理使用可能会影响页面的打开速度和用户的正常浏览

本文正在参与 “性能优化实战记录”话题征文活动 我们把性能优化的方向分为以下两个方面，有助于结构化的思考与系统分析。 加载性能。如何更快地把资源从服务器中拉到浏览器，如 http 与资源体积的各种优化

Jatin Rao 原作，授权 New Frontend 翻译。 最近几个月我收集了大量可以显著提升开发效率的资源链接，在这篇文章中我会分享其中一些。这些资源对我很有帮助，希望对你也是如此。闲话少叙，下面是一些很棒的免费资源！

最近发现项目里面会出现一些重复的请求，在某些页面中，相同参数相同地址的请求会在1s之内连续发送多次。为了解决这个问题，最终做出了两个工具（repeat-request-minder和repeat-request-minder-webpack-plugin）来辅助我们避免重复的请…

本文谨以自己的Vue项目经验来教你怎么在面试中说优化，如果有错误，有不足的，请指教，不吝指教，一起进步，找到更好的工作。如果觉得的本文对您有帮助，点个赞支持一下。 我个人认为性能优化可以从三个方面来进行，一是代码层面的优化，二是项目打包的优化，三是项目部署的优化。 开场白切记要…

木桶效应: 一只木桶能盛多少水，并不取决于最长的那块木板，而是取决于最短的那块木板。也可称为短板效应。 约束理论: 一个系统最薄弱的地方确定了这个系统有多强大，专注于瓶颈。与直觉相反，如果你把整个系统分解，单独优化每个部分，你会降低整个系统的效率。相反，要优化整个系统。 类比我…

大家好啊，我是wangly19，一名前端摸鱼小能手。最近忙着开源项目的东西，还有公司项目的迭代问题，导致更新文章的频率有点低了。也来聊聊我在干嘛吧。 第一个事情就是比较我的阉割版UI Design，要开始Vue3.0的开发工作，所以近期都在看Vue3.0的东西。 其次就是和UI…

我们都知道 setTimeout 和 Promise 并不在一个异步队列中，前者属于宏任务（MacroTask），而后者属于微任务（MicroTask）。 很多文章在介绍宏任务和微任务的差异时，往往用一个类似于 ++i++++ 一样的题目让大家猜测不同任务的执行先后。这么做虽然…

webpack的打包优化一直是个老生常谈的话题，常规的无非就分块、拆包、压缩等。 本文以我自己的经验向大家分享如何通过一些分析工具、插件以及webpack新版本中的一些新特性来显著提升webpack的打包速度和改善包体积，学会分析打包的瓶颈以及问题所在。 webpack 有时候…