Lighthouse 报 Total Blocking Time 过高怎么办？
我用 Lighthouse 测性能时，TBT（Total Blocking Time）总是超过 200ms，明明页面看起来挺快的，但分数被拉得很低。我试过把一些第三方脚本 defer 了，但没太大改善。
这是我的关键 HTML 结构，是不是哪里写得不对？
<head>
<script src="analytics.js"></script>
<script src="ads.js"></script>
</head>
<body>
<div id="app">Loading...</div>
<script src="main.js"></script>
</body>- 2
回答
68浏览
Lighthouse 报告中 TBT 过高怎么优化？
我用 Lighthouse 测了一个 React 页面，TBT（Total Blocking Time）高达 400ms，明明页面看起来挺流畅的，不知道哪里卡住了。试过把一些 useEffect 拆成...
- 1
回答
37浏览
Lighthouse 报告中 TTI 为什么总是很高？
我用 Lighthouse 测了一个页面，TTI（Time to Interactive）指标一直卡在 8 秒以上，明明首屏内容加载挺快的啊。 我试过删掉一些第三方脚本、加了 async 属性，还把主...
- 2
回答
31浏览
Lighthouse 报告中 TTI 过高，如何优化？
最近用 Lighthouse 测了一个页面，TTI（Time to Interactive）居然有 8 秒多，明明首屏内容加载挺快的，交互延迟怎么会这么高？我试过删掉一些非关键 JS，但效果不明显。 ...
- 1
回答
4浏览
Lighthouse 报无障碍问题：按钮缺少可访问名称怎么办？
我在用 Lighthouse 做审计时，总提示“按钮没有可访问的名称”，但我的按钮明明有文字啊，比如 提交 这种。为啥还会报错？ 后来我试过加 aria-label，也试过用 span 包文字，但有些...
- 1
回答
21浏览
Lighthouse 建议移除未使用的 JavaScript，但我的 Vue 组件是动态加载的怎么办？
我在跑 Lighthouse 时总被提示“移除未使用的 JavaScript”，但我用的是 Vue 的异步组件，按路由懒加载的，这些代码其实不是首屏用不到吗？为啥还被算作“未使用”？ 比如下面这个写法...
- 2
回答
48浏览
Lighthouse Node API运行后性能评分一直是undefined怎么办？
我在用Lighthouse Node API跑性能测试时，获取的performance评分总是undefined，但其他指标正常。代码是这样写的： const lighthouse = require...
- 1
回答
51浏览
Lighthouse生成报告后内容全是空白怎么办？
在用Chrome开发者工具跑Lighthouse评分时，生成的报告页面全是空白，但之前能正常出结果。试过清除浏览器缓存、重启浏览器，甚至重装Chrome都没用。 用控制台看报错显示：Uncaught ...
- 2
回答
105浏览
使用Babel的@babel/runtime后出现regeneratorRuntime未定义错误怎么办？
我在项目里用@babel/runtime代替内联辅助函数后，运行时突然报错"regeneratorRuntime is not defined"。之前用runtime-corejs3配置的preset...
- 2
回答
37浏览
Lighthouse提示”优化流程”分数低，动态加载的JS脚本还是导致阻塞渲染怎么办？
我在React项目里用useEffect动态加载第三方统计脚本，虽然用了defer属性，但Lighthouse还是显示这个标签造成了渲染阻塞。代码是这样的： useEffect(() => { ...
- 1
回答
9浏览
Babel 的 runtime 和 polyfill 到底有什么区别？
我最近在项目里用 Babel 转译代码，看到有 @babel/runtime 和 @babel/polyfill 两个东西，但搞不太清楚它们到底啥区别。 听说现在不推荐用 polyfill 了，改用 ...
首先要把所有非必要的 JavaScript 都设置为
defer或者async。按照官方文档里说的最佳实践，第三方脚本尤其要处理好，它们通常是最容易造成阻塞的。把你的 head 里的 script 标签改成这样：
另外 main.js 最好也用
defer。虽然看起来页面加载快，但实际上这些脚本在解析时会阻塞主线程。还有个容易被忽略的点是，检查下这些脚本是否包含长时间运行的同步任务。比如一些老式的 jQuery 插件，可能会在 DOMContentLoaded 事件中做大量计算。这种地方最好拆分一下，或者考虑用 Web Workers。
最后提醒一句，优化性能这事没尽头，慢慢来别急躁，每次解决一个小问题就好。