相比于早些年前后端代码紧密耦合、后端工程师还得写前端代码的时代，如今已发展到前后端分离，这种开发方式大大提升了前后端项目的可维护性与开发效率，让前后端工程师关注于自己的主业。然而在带来便利的同时，也带来了一些弊端，比如首屏渲染时间(FCP)因为首屏需要请求更多内容，比原来多了更…

一般前端面试总会问到一个问题，前端的性能优化，今天这路就详细说说性能优化之渲染优化，则篇文章从6个大的方面来介绍了渲染优化

本文将从客户端角度，聊聊如何借助端能力优化前端首屏加载速度。除了方案介绍，本文还会提供数据收益、注意事项、开发成本等，以帮助大家更好的评估实现优先级，选择合适业务的方案。

如何进行首屏优化，路由懒加载，服务端渲染SSR，预加载，分页分片，图片懒加载，性能优化就是让加载更快，让渲染更快

平常在我们点进一个网站的时候，或许会看见一个一些动态的灰色条状物，他们代替着本应该出现在这里的内容，作为一种加载态的展现方式而呈现

作者在我司，做了C端活动架构升级，产出的一种骨架屏。姐妹兄弟篇 -《你可能不知道的动态组件玩法🍉》。

现代前端单页应用DCL和L事件不能很好地衡量首屏显示时间了，FP、FCP、FMP被提出来，它们关注的不是加载，而是渲染，因此能更好地表现用户看到的情况。

性能优化 ，每个工程师跑不掉的一个话题。这里是本人结合Mr.Max的一门课，总结的一些优化手法，希望对大家有所帮助，后续也会继续更新，想要看视频的可以直接去某课网搜。附 演示源码和PPT