一个页面在呈现给用户之前需要经过静态资源加载、后端接口请求和渲染这三个过程，我们要做的就是在各个过程中防御可能出现的异常情况，保持流畅的用户体验，同时还要应对来自外部的攻击。 在页面内容呈现给用户之前，会一直保持loading动画的效果，避免因网络原因造成用户体验的中断。 静态…

了解前端性能监控的方式以及如何打造监控系统

性能优化是前端开发一个非常重要的组成部分，如何更好地进行网络传输，如何优化浏览器渲染过程，来定位项目中存在的问题。Chrome DevTools给我们提供了2种常用方式 Audits和Performance，Audits可以对页面进行性能评分，同时，还会给我们提供一些优化建议。…

vue页面白屏的原因及优化 路由懒加载，组件懒加载 CDN 资源优化 gzip 加速优化 vue.config.js中关闭map文件，能减少好多map文件 SSR服务端渲染 首页加骨架屏

白屏是一种很糟糕的体验，本文讲解了可能出现白屏的情况，怎么判断是否白屏，以及在什么时机去判断是否白屏，通过简单可靠的方式监控H5白屏异常。

简介 当我们说前端性能优化的时候，指的可能是不同场景的性能优化。前端涉及性能优化的场景主要有： 项目构建性能优化 页面性能优化 加载时性能优化 运行时性能优化 构建性能主要指构建速度，优化方法和打包工

白屏（Blank Screen），它无所不及，摧枯拉朽，令用户体感全失、测试提 P0 相见、研发不寒而栗，胆战心惊，只知匆忙回滚。