前言 本文会介绍浏览器中帧（Frame）的概念，它的流程是怎么样的。 至于写这个文章的出发点在于，我好奇浏览器中像素工作流程是怎么样的，什么时候开始的，最后的结果是什么。 基于这些好奇，查阅了些外文资

Vue-cli3打包体积优化方案前言:在vue.config.js中进行配置执行npmrunbuild或者npmrunserve会出现这花里胡哨的界面用来分析文件大小分析还没进行优化前vendor~a

项目优化是我们项目上线之前必须考量的问题，体积过大，你的页面加载速度就会很慢，本文重点讲解使用vue-cli 2.0的配置，以下几个方面进行优化及其配置。 我们看一下体积，有10.1M这么大，里面的图片很大，打包生成的vendor文件很大，还有很多map文件。 .map文件：是…

1. 代码混淆 2. 资源放到 cdn 3. 无用库删除 4. gzip 压缩 5. 第三方库放到 cdn

懒加载或“按需”加载是优化站点或应用程序的一个好方法。这种实践基本上涉及到在逻辑断点处拆分代码，然后在用户完成需要新代码块的操作后加载它。这会加速应用程序的初始负载，并减轻其整体重量，因为某些块甚至可能永远不会加载。懒加载并不是webpack才有的，只不过是webpack支持这…

本文主要介绍preload的使用，以及与prefetch的区别。然后会聊聊浏览器的加载优先级。 preload 提供了一种声明式的命令，让浏览器提前加载指定资源(加载后并不执行)，在需要执行的时候再执行。提供的好处主要是 目前我们支持的浏览器主要为高版本 Chrome，所以可放…

对于前端页面来说，静态资源的加载对页面性能起着至关重要的作用。本文将介绍浏览器提供的两个资源指令-preload/prefetch，它们能够辅助浏览器优化资源加载的顺序和时机，提升页面性能。一、从一个

原文地址：Preload, Prefetch And Priorities in Chrome 原文作者：Addy Osmani 译文出自：掘金翻译计划 译者：gy134340 校对者：IridescentMia,vuuihc 今天我们来深入研究一下 Chrome 的网络协议栈…

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