标签题目
前端首屏相关面试题
影响前端首屏性能的关键因素有哪些？
前端首屏性能受网络链路、服务端响应、资源体积、渲染阻塞 CSS、JavaScript 下载和执行、图像与字体、接口数据依赖、缓存策略、第三方脚本、设备算力和框架水合成本共同影响。优化首屏要围绕关键渲染路径，优先让首屏所需 HTML、关键 CSS、必要 JS、核心数据和 LCP 资源尽快可用。
懒加载和虚拟列表如何优化首屏性能？
懒加载通过延后非首屏图像、组件、路由和数据请求，减少首屏需要下载和执行的资源；虚拟列表通过只渲染视口附近的列表项，减少 DOM 数量、布局计算和绘制成本。两者都能优化首屏，但前提是不要延后首屏核心内容，并要处理占位尺寸、预加载、滚动体验和可访问性。