本文作者是来自360导航的前端开发工程师 Berwin，W3C 性能工作组成员，同时也是《深入浅出Vue.js》（待出版）的作者。 本文转载自奇舞周刊。

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

前言总括：缓存从来都是前端的一个痛点，很多前端搞不清楚缓存到底是何物，从而给自己创造了一些麻烦，本文一如既往的用通俗易懂的文字和实例来讲述缓存，希望能让您有所得。原文博客地址：缓存详解知乎专栏&&简书

本文主要是从性能优化的角度来探讨JavaScript在加载与执行过程中的优化思路与实践方法，既是细说，文中在涉及原理性的地方，不免会多说几句，还望各位读者保持耐心，仔细理解，请相信，您的耐心付出一定会让您得到与之匹配的回报。 随着用户体验的日益重视，前端性能对用户体验的影响备受…

前端面试中经常问的性能优化相关的问题

由一道面试题引发的思考：从用户输入浏览器输入url到页面最后呈现有哪些过程？一道很常规的题目，考的是基本网络原理，和浏览器加载css，js过程。答案大致如下：用户输入URL地址浏览器解析URL解析出主

——本文是对之前同名文章的修正，将所有webpack3的内容更新为webpack4，以及加入了笔者近期在公司工作中学习到的自动化思想，对文章内容作了进一步提升。 作为互联网项目，最重要的便是用户体验。在举国“互联网+”的热潮中，用户至上也已经被大多数企业所接收，特别是在如今移动…

前言今日早读文章由腾讯@UncleChen分享。正文从这开始～一、背景相信很多人都接触过“埋点”这个概念，无论是前端还是后端开发，我们都可以使用这门技术来生产出一些运营性质的原始数据（接口耗时、程序安

## 关键路径 ### 浏览器加载流程 浏览器在渲染页面时需要将 HTML 标记转化成 DOM 对象 ![](https://developers.google.cn/web/fundamentals/performance/critical-rendering-path/