性能优化-核心指标-FCP的介绍与优化
FCP（首次内容绘制）优化 旨在缩短用户首次看到页面内容的时间，涉及关键渲染路径优化、减少阻塞资源、服务器响应加速、图片/字体优化、JavaScript 性能提升，并通过工具（如 Lighthouse 和 Web Vitals）持续监控。核心策略包括预加载关键资源、使用 CDN/SSR、代码拆分、懒加载非关键内容等，以提升网页加载速度和用户体验。
-
2025-04-15
性能优化
174
-
前端性能优化-网络篇
前面我们讲了性能优化的综述，这里，我们来讲一下性能优化的网络部分，从一个网络请求的过程开始，详细讲述，从请求流程和减少网络负载的各个方面的核心手段。希望大家对网络优化有一个更立体的认知。 -
前端性能优化-概述（图文详解）
前端性能优化作为前端开发中的一项系统化工程，不仅仅是提升页面加载速度或减少资源大小，它涵盖了从网络请求、资源加载、代码执行到页面渲染等多个环节的优化策略，是一个复杂且系统化的工程。然而，在实际开发过程中，许多开发者往往只关注某些局部的优化点，如压缩图片、减少HTTP请求等，而缺乏对性能优化全局的把握。这种碎片化的优化方式虽然能在一定程度上提升性能，但往往难以达到最佳效果，甚至可能引入新的性能瓶颈。 -
Lighthouse 性能分计算过程详解
chrome 开发者模式自带的 lighthouse 评价系统，可以根据实时测试的网站性能，给出一个综合评分。那么，这个评分是怎么计算的。本文通过阅读相关源码，揭示性能分计算全过程。
