针对移动端的实践调优方法



常见做法是:💯将交互逻辑的代码内联在 HTML 头部(体积尽量小)🤔,其余脚本使用异步加载



移动端 FID 延迟的主要成因



对于大数据量的列表渲染,优先采用虚拟滚动技术,避免一次性构建大量 DOM 节点



对于自定义字体,推荐使用 font-display: swap 或 font-display: optional ,避免字体加载过程阻塞用户输入



减少不必要的 HTML🎇 嵌套,避免频繁使用 offsetT🎨op 、 scrollHeight 等强制同步布局属性



举报/反馈