让您的网站运行得更快。
我们重点介绍我们认为您应该了解的有趣特性或库。
特性亮点: blocking="render"
我们这些关心控制网站加载方式的人（FOUC - Flash of Unstyled Content）会很高兴了解 blocking="render"。顾名思义，此属性可以使 <link>、<script> 或 <style> 标签阻止页面的渲染，直到它们完全加载。
浏览器支持还没有完全到位——但这绝对是会让 Web 加载 UX 更加流畅的东西，一旦它得到广泛支持。
链接到某一部分性能体验与情绪
性能体验与情绪
响亮而清晰：
srcset 和 sizes 的开发体验可以改进！这两个极端都围绕着它，srcset/sizes 本身位居挫折榜首，而 sizes="auto 是最受欢迎的功能——因为它减轻了一些痛苦。通过...分组：
根据此项排序:
1
性能
4,636
2
性能
4,627
3
性能
4,613
4
性能
4,624
5
性能
4,607
6
性能
4,610
7
性能
4,592
经验
- <span aria-hidden="true">🤓</span> 用过: 使用过此项目的受访者。
- <span aria-hidden="true">👀</span> 有听说过: 听说过此项目，但没有使用过此项目的受访者。
- <span aria-hidden="true">🤷</span> 没听说过: 从未听说过此项目的受访者。
情绪（态度）
- 积极: 有兴趣了解此技术，或者愿意再次使用它的受访者
- 中立: 未对此技术发表看法的受访者
- 消极: 对此技术不感兴趣，或者使用此技术有糟糕体验的受访者
链接到某一部分性能痛点
性能痛点
Web 的全部意义在于让人们访问遥远的内容。鉴于此，加载数据经常被视为事后的想法确实感觉有点奇怪，除了稍微好一点的旋转动画外，在过去 30 年里几乎没有取得什么进展。
您在性能方面有哪些痛点？
多选
总体上最主要的痛点主题。
视图:
链接到某一部分资源推荐
资源推荐
Todd Gardner
Request Metrics
Web Performance Fundamentals, v2
Speed up your websites and web apps by mastering the latest performance metrics and web optimization techniques.
感谢合作伙伴对我们的支持! 了解更多。