前言 性能优化，一个掣肘用户体验的关键模块。它没有固定的标准定义或唯一的解决方案。但是我们从整个项目的开发-部署-用户体验的整个过程中，总能摸到很多有普适性的规范或者优化理念。 我们的目的是什么？优化

最近 Next.js 14 发布了，虽然之前也有用过 Next.js，也看过一些关于 SSR 的文章，但是一直没有动手实现过。这次正好趁着这个机会，从零开始手动实现一个 React SSR 服务端渲染

使用了近两年的React框架，最近将开发过程中使用到的一些“高级”用法整理出来，一方面梳理一下自己的思路；另一方面期待能够帮助有需要的同学。

服务端渲染（Server-Side Rendering，SSR）是一种将页面的渲染过程从客户端移动到服务器端的技术。

图片加载的优化，是前端性能优化中，最划算的一项工作，往往工作量和难度都不大，但却能给页面性能带来极大极大的提升。 同一个页面，优化前和优化后，能明显体验出来天翻地覆的变化，性能数据上的提升也十分好看。

相信大家在平常的面试过程中或多或少都被问到过前端性能优化如何实现，但是大部分同学的回答可能说一说自己做了aa、bb、cc...配置；亦或是说了这些配置之后，没有量化的结果去衡量自己的优化到底有没有用