前端/移动开发面试题 · 性能优化 · HTML
前端/移动开发相关岗位面试题。
共 24989 道真题 · 当前筛选命中 102 道 · 更新 2026-08-05
筛选题目已选：性能优化 · HTML
考察点
技术栈
第 1 题请描述浏览器从加载HTML到渲染出页面的完整过程，包括关键阶段和可能的优化点。 考察对浏览器渲染机制的理解及性能优化意识第 2 题请解释 HTML 中 script 的 async 和 defer 属性，以及 preload 资源提示的作用。它们分别适用于什么场景？ 考察前端性能优化与资源加载机制的理解第 3 题说一下浏览器DOM渲染过程 考察浏览器渲染管线的理解与关键节点第 4 题解释浏览器渲染原理及关键渲染路径优化 考察浏览器渲染流程的理解与页面性能优化能力第 5 题请描述浏览器从接收HTML到页面显示的完整渲染过程。 考察对浏览器渲染管线、关键节点及优化点的理解第 6 题请谈谈你对前端资源预加载（Preload/Preconnect/Prefetch）的理解，并说明你会如何实现。 考察前端性能优化中的预加载策略理解与实际落地能力第 7 题请描述浏览器从输入 URL 到页面展示的完整流程。 考察对浏览器渲染流程的整体理解第 8 题请描述从输入一个URL到浏览器界面显示完整过程。 考察网络协议栈、浏览器渲染流程与系统级整合理解第 9 题请说明浏览器中重排与重绘的区别，并举例说明哪些操作会触发重排或重绘。 考察浏览器渲染机制的理解，以及区分重排与重绘的能力第 10 题src和href有什么区别？如果首页白屏，你会从哪些角度排查和优化？ 考察HTML基础、资源加载机制及前端性能优化能力第 11 题前端开发中如何去做一个页面的自适应布局? 考察前端响应式布局的实现方式与适配策略第 12 题请介绍图片懒加载的常见实现方式，并说明各自的适用场景与注意事项。 考察对前端性能优化中懒加载原理、实现手段及边界情况的掌握第 13 题html中<link>标签写在哪部分,为什么 考察 HTML 文档结构规范与浏览器加载渲染原理第 14 题请列举并解释浏览器中减少重排（reflow）和重绘（repaint）的常见优化方法。 考察对浏览器渲染机制的理解以及前端性能优化的实践能力第 15 题资源预加载preload和prefetch的区别 考察对Web性能优化中资源预加载机制的理解第 16 题当页面通过 link 标签加载外部 CSS 时，如果该资源响应缓慢，页面渲染会如何受到影响？请说明原因及可行的优化手段。 考察对 CSS 阻塞渲染机制的理解及性能优化能力第 17 题请描述浏览器从输入URL到最后渲染页面的完整加载过程，并说明JS资源加载的两种主要方式及其对页面渲染的影响。 考察浏览器渲染机制、前端性能优化中的资源加载策略第 18 题如果页面宽度或高度变化，基于 offsetTop 和 scrollTop 的传统懒加载实现该如何动态适配？请说明你的思路。 考察对懒加载实现原理、布局变化影响及事件监听机制的理解第 19 题从输入 URL 到页面完整显示，浏览器的渲染流程是怎样的？ 考察浏览器核心渲染机制与网络加载的整体理解第 20 题浏览器获取到 HTML 后是如何渲染出页面的？ 考察浏览器渲染流程的理解和关键性能优化点