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

前段时间分享了《搭建自动化 Web 页面性能检测系统 —— 设计篇》，我们提到了性能检测的一些名词和自研性能检测系统的原因，简单介绍了一下系统的设计。在这里我们书接上篇记录下是如何实现一个性能检测系统

前言 通天塔搭建页项目是用来搭建各类活动页面，比较老且业务复杂的项目，可优化点还是非常多的。今年侧重对运营页首屏加载的性能优化，在保证系统稳定可控、需求持续迭代前提下，最终提升了58.8%速度。

搜狗百科是一个服务于互联网用户的高质量内容平台。文章主要介绍团队在梳理业务时发现百科无线前端项目在研发流程、架构设计、研发效率、页面性能等方面存在诸多问题和痛点。

正如Nextjs 官网上所说，这个框架是“The React Framework for SEO-Friendly Sites”。React 作为前端最流行的框架之一，虽然并不是为服务端渲染（SSR）而设计的，但基于Nextjs 就能轻松实现SSR。这对于一些需求是良好的SEO…

前言 在写这篇文章的时候，之前有看过一大堆性能优化的文章，对的，每次看到别人写的好的博客最终的归宿不是脑子🧠，而是收藏夹📖，也就导致于当我真正遇到性能问题的时候束手无策，我也真是理解了那句话纸上得来终

当我们在做性能优化的时候，我们究竟在优化什么？做性能优化需不需要了解底层的东西？需要了解到什么程度？浏览器底层是一个什么架构？浏览器渲染的本质究竟是什么？哪些方面对用户的体验影响才是最大的？