针对移动设备优化视口

Connor Clark

发布时间：2025 年 10 月 8 日

如果视口未针对移动设备进行优化，点按互动可能会延迟最多 300 毫秒。

如何传递此分析洞见

在网页的初始渲染中，必须存在针对移动设备进行了优化的 <meta name="viewport"> 元素。

以下是有效的元视口元素的示例：

针对移动设备优化的视口应符合以下条件：

• width 属性设置为某个值（最常见的是 device-width）
• 设置了 initial-scale 属性，且其值大于或等于 1

其他参考资料

• 视口分析源代码
• 自适应设计基础知识
• 使用视口元标记控制移动浏览器上的布局
• Chrome 速度 - Chrome 91 中的 First Input Delay 变化