渲染阶段中还没过时的基本优化思路和编码规范，并结合了优化方向给出了基本的案例，更多复杂案例可以看参考文件

概述 日常开发任务中，对于性能优化或多或少会接触到一些内容，可能也参照过 雅虎35条军规进行过相关的性能优化，但是具体的优化结果以及实际的页面速度如何，我们怎么去看呢？以及出现性能问题了，我们如何通过

默认情况下，Main 部分会详细记录 JavaScript 的调用堆栈，使用 Disable JavaScript Samples 可以隐藏这些调用。像一些自定义的函数调用会被隐藏。下图为隐藏前和隐藏后的比较 DevTools 用火焰图表示主线程的活动。x 轴表示随时间的记录，…

项目上线后，通常都是都会做埋点，做数据监控、异常监控以及性能监控，本文主要聊聊前端性能监控。重点讲performance怎么做性能监控。 页面加载的方式有两种，一种是加载完资源文件后通过javascript动态获取接口数据，然后数据返回渲染内容，这就是前后端分离的项目页面加载方…

前言最近做性能检测工具，很多知识点不清楚，打算查缺补漏，补一补。接下来从官方提供的性能检测工具Lighthouse(灯塔)开始我们的学习，简单介绍了下Lighthouse的一些点。

常见的Vue单页SPA构建之后的index.html只是一个包含根节点的空白页面，当所有需要的js加载完毕之后，才会开始解析并创建vnode,然后再渲染出真实的DOM。当这些js文件过大而网速又很慢或者出现意料之外的报错时，就会出现所谓的白屏。 而且单页SPA还有一个很大的弊端…

提升前端页面的性能有很多方法，其中一类很重要的方法就是前端预加载，包括 dns-prefech, preconnect, preload, prefetch, prerender。

make use of that time you spend on hovering the link to preload the data and preset the states.

BuildSetupForadetailedexplanationonhowthingswork,checkouttheguideanddocsforvue-loader.