让您的网站运行得更快。
我们重点介绍我们认为您应该了解的有趣特性或库。
特性亮点: 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.
感谢合作伙伴对我们的支持! 了解更多。