概述 性能优化在社区是个热门的话题，但是随着设备性能和网络速度的提升，需要做性能优化的项目可能并不是很多，所以每次做优化都是技术实践和累积的好机会。 性能优化的方式有很多，本文将从实例出发带你了解性能

被问首屏优化没有？你说啊你说啊 被问首屏优化没有？你说啊你说啊 被问首屏优化没有？你说啊你说啊 被问首屏优化没有？你说啊你说啊

背景 项目是一个基于umi3的单页项目（也可以类比基于Webpack的单页项目），最终打包成静态文件后使用Nginx部署。想要优化的原因是部署到服务器后网页访问速度慢，首页打开时能感受到明显的白屏与卡

随着业务的不断迭代，项目日渐壮大，为了给用户提供更优的体验，前端优化是我们避不开的话题。一个优秀的网站必然是拥有丰富功能的同时具有比较块的响应速度，想必我们浏览网页时都更喜欢丝般顺滑的感受。 作为前端工程师来说，项目优化主要关注一下几点：白屏时间、首屏时间、整页时间、DNS时间…

提升首屏的加载速度，是前端性能优化中最重要的环节，这里笔者梳理出一些 `常规且有效` 的首屏优化建议 通过对比优化前后的性能变化，来验证方案的有效性，了解并掌握其原理

压缩项目打包后的体积大小、提升打包速度，是前端性能优化中非常重要的环节，笔者结合工作中的实践总结，梳理出一些常规且有效的性能优化建议

性能优化是把双刃剑，有好的一面也有坏的一面。好的一面就是能提升网站性能，坏的一面就是配置麻烦，或者要遵守的规则太多。并且某些性能优化规则并不适用所有场景，需要谨慎使用，请读者带着批判性的眼光来阅读本文。 本文相关的优化建议的引用资料出处均会在建议后面给出，或者放在文末。 1. …

web 前端图片懒加载实现原理

前言 前面篇章我们分析了“从输入URL到页面加载完成”的完整链路，主要经历“网络请求、浏览器渲染”两大过程，那么优化方案我们可以围绕这两方面展开探索，此篇我们先来看“网络层面”的优化方案。正文开始前，