在对项目做了一些优化处理后，再次无缓存打开可以发现网页几乎是秒开，平均耗时在1s以内 在这里总结记录一下，基本上都是一些常规可复制的优化手段，希望能为同样想优化网页性能的你提供思路~

最近发现有很多同学在调试代码的时候依旧是一个 log 打天下，着实是有些辛苦。本篇文章，咱们来介绍一下 chrome 开发者工具里一个相当好用、对测试相当友好但是被很多人忽略的面板：源代码面板。

简介 Lighthouse 是谷歌开源的一款 Web 前端性能测试工具，它将针对此页面运行一连串的测试，然后生成一个有关页面性能的报告。本文中仅对 Performance 部分的指标进行介绍。 Per

总下载时间：window.onload的触发节点。 白屏时间节点指的是从用户进入网站（输入url、刷新、跳转等方式）的时刻开始计算，一直到页面有内容展示出来的时间节点。 这个过程包括dns查询、建立tcp连接、发送首个http请求（如果使用https还要介入TLS的验证时间）、…

最近看到有道题讨论document.write在html文件中不同位置时在页面上的执行顺序（题目在后面具体讨论），于是写这篇博客讨论一下浏览器的页面渲染，在http请求中传输的字节码如何变成浏览器呈现在用户面前的界面。 这似乎是个永恒的话题，很多人开始都是混淆的。对于这两个概念…

1. Lighthouse性能指标 lighthouse是一个开源的自动化工具，用于改进网络应用的质量 Lighthouse报告分析了加载页面生命周期中的各种性能指标

Axios 相信对Vue熟悉的铁汁对它不会感到陌生了，这简直就是前端近年来的一大杀器，使用人数一直不断上涨。

如果有多个请求，当所有请求都结束才结束loading状态，这个时候你会怎么做？我们来封装一个全局适用的方法，可以适配多个请求的开始与结束，控制loading状态

首先说一下首页加载为什么会白屏? 先说下 SPA 单页面的加载过程 首先就是 html ,也就是 FP 阶段 然后是静态资源css，js，之后解析js，生成HTML,也就是 FCP 阶段，css,js