最近在出一个前端的体系课程，里面的内容非常详细，如果你感兴趣，可以加我 v 进行联系 yunmz777: 要想知道什么时候改用这些，我们首先要这段浏览器到底是怎么拉图的。 浏览器加载图片的原理 <im

在外漂泊多年，终是打算回老家找个工作安定下来，最近在各种做面试准备，顺便整理一波分享分享，希望能对大家有所帮助。今天要聊的主题是 **首屏性能优化**。

支持断点续传; 文件秒传; 使用了 WebWorker 并实现了浏览器的线程池; 使用了 Promise 池控制并发数量, 优化了 Hash 策略, 优化了内存占用, 超级详细⚡

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

前文中我们使用 虚拟列表 优化了海量数据的显示，但实际情况并没有那么简单。不定高的列表元素该怎么获取真实高度？滚动时为什么会出现白屏闪烁？异步加载的数据要怎么处理？一次性请求大量数据是否合理？

在工作中，有时会遇到需要一些不能使用分页方式来加载列表数据的业务情况，对于此，我们称这种列表叫做长列表。比如，在一些外汇交易系统中，前端会实时的展示用户的持仓情况(收益、亏损、手数等)，此时对于用户的持仓列表一般是不能分页的。 在高性能渲染十万条数据(时间分片)一文中，提到了可…

最近开发了一个功能，页面首页会加载大量的图片，初次进入页面时，会导致页面性能下降， 于是乎，我改进了这个功能，可以让所有图片自动懒加载。 🚀 原理 这个功能主要的底层逻辑是是使用Intersectio

近期的工作涉及到了CSR, SSR, SSG，这篇文章旨在总结和归纳这些渲染模式。 SPA、MPA、SSR 和 CSR 这几个词可能在你的工作生涯中经常出现，网上相关文章也很多。

我相信绝大部分的同学面试的时候都碰到过面试官问的一个问题，那就是前端项目优化。这是一个非常发散的问题，涉及到的面很广。因此我也总结了一篇5000字的文章总结了从分析到实施阶段能做的一些事情。