作者反馈欧服访问太慢，尤其晚上是老外上网高峰时段，每次访问都白屏半天。经分析是首屏加载资源过多，目标是降低加载资源大小。

文章主要介绍了虚拟列表这种优化长列表渲染性能的技术，并对几种虚拟列表技术方案进行了调研

作者分享了在公司Webpack老项目中的优化实践，通过实际操作的方法显著提升了项目首屏加载速度，并给出了优化前后的对比

文章围绕Vue模板编译中的srcset机制展开，从HTML语义层面深入到编译器实现进行了详细讲解

文章介绍了CSS Sprite技术，它能将多个小图标打包成一个文件，减少网页请求次数，从而提升网站性能。

文章深入拆解CSS中易被忽略的细节与底层机制，揭示样式错乱和性能问题根源，并给出工程化优化思路，如避免多层滤镜叠加、避免超过15px的blur等

本文是REACT系列的第三篇，主要介绍了React性能优化的方法，包括避免不必要的重新渲染、合理拆分组件、优化状态结构、合理使用Context等。

文章指出页面有时会卡顿，特别是大型Web应用。介绍了参考telegram-tt用requestIdleCallback来让页面提速的方法，包括优先使用该方法，不支持则降级，以及设置timeout避免任务饥饿等实现要点。

文章主要介绍了DOM嵌套关系的重要性，并详细阐述了4大判断方法以及相关性能优化实战。

文章探讨了CSS提高性能的方法，如内联首屏CSS、压缩文件、简化选择器、少用费性能属性、用link替代@import、异步加载等

文章围绕React项目，阐述了性能优化的重要性，并详细介绍了useMemo钩子在优化性能方面的指南及应用场景

文章深入探讨了防抖与节流，介绍了在现代前端开发中，面对搜索框实时联想、窗口大小调整、页面滚动加载等频繁触发事件的场景时，防抖与节流的应用及作用，帮助避免页面卡顿甚至崩溃。

文章探讨了网页因高并发请求卡死的问题，深入剖析队头阻塞与TCP瓶颈，探讨HTTP/2的局限，并提供了从前端请求合并到后端优化的完整方案，以解决并发难题。

文章以赛车类比写完接口后需进行压测，探讨服务能否承受每秒200次请求的考验，介绍了用Next.js进行压测的相关内容

作者讲述了运维同事反馈前端打包文件过大，于是用Webpack对Vue项目进行瘦身优化，如合理配置代码分割、替换臃肿库等

作者分享了将React官网性能从58MB提升到2.6MB，即提升95%的实战过程，包括性能诊断、图片优化（PNG转WebP）、视频优化（GIF转M）等步骤。

在复杂前端应用环境中，性能优化是开发者面临的挑战。Web Workers作为被低估的浏览器API，能解决诸如界面卡顿、滚动迟缓、应用响应迟钝等问题，还能应对复杂数据可视化渲染导致的页面卡顿。

文章介绍了在CocosCreator游戏开发中，利用AssetsBundle技术对小游戏包体积进行优化，以解决超单包体积上传大小的问题。

文章主要介绍了在uniapp中进行小程序体积优化的分包异步化方法

作者分享了 Echarts 多图表导航切换引发内存泄漏导致浏览器崩溃的问题，以及通过完善实例生命周期管理、数据采样优化等措施，解决内存泄漏问题，提升切换速度，实现丝滑体验。