跳到内容

Performance

Making your site run even faster.

We're highlighting up-and-coming features or libraries we think you should know about.

Feature Highlight: blocking="render"

Those of us who give a FOUC (Flash of Unstyled Content) about controlling how websites load will be happy to learn about blocking="render". As it name implies, this attribute can make a <link>, <script> or <style> tag block the page's rendering until they're fully loaded.

Browser support isn't quite there yet–but it's definitely something that will make web loading UX much smoother once it becomes widely supported.

Baseline: Limited Availability

Learn more

Performance Experience & Sentiment

It's loud and clear: the DX of srcset and sizes could use improvement! Both ends of the spectrum are around it, with srcset/sizes itself topping the frustration list, and sizes="auto being the most liked feature—because it alleviates some of this pain.

通过...分组:

根据此项排序:

1
Performance
70.8%
21.9%
6.8%
4,636
2
Performance
68.3%
21.9%
9%
4,627
3
Performance
25.6%
30.8%
43.1%
4,613
4
Performance
19.8%
20.5%
59.3%
4,624
5
Performance
6.2%
25.2%
68.1%
4,607
6
Performance
4%
22.8%
72.8%
4,610
7
Performance
8.4%
88.9%
4,592

经验

  • <span aria-hidden="true">🤓</span> 用过: 使用过此项目的受访者。
  • <span aria-hidden="true">👀</span> 有听说过: 听说过此项目,但没有使用过此项目的受访者。
  • <span aria-hidden="true">🤷</span> 没听说过: 从未听说过此项目的受访者。

情绪(态度)

  • 积极: 有兴趣了解此技术,或者愿意再次使用它的受访者
  • 中立: 未对此技术发表看法的受访者
  • 消极: 对此技术不感兴趣,或者使用此技术有糟糕体验的受访者

Performance Pain Points

The whole point of the web is to give people access to faraway content. Given that, it does feel a bit strange that loading that data is so often an afterthought, with little progress made in the last 30 years apart from slightly nicer spinner animations.

What are your pain points around performance?
Multiple
Top pain point topics overall.

View:

Items that are not one of “limitations
0%
20%
40%
60%
80%
100%
1
Loading
4
2
Graphics
2
3
Ecosystem issues
2
4
Responsive design
5
Tooling
2
6
Poor design
1
7
Education
8
Cognitive overload
9
Excessive complexity
10
Core Web Vitals
1
11
Browser support
2
12
Debugging
13
Animations
14
End-user experience
1
15
Reliability
16
Typography
1
17
Reliance on JavaScript
18
19
workplace
20
21
preload
22
Server-client communication
23
Meta-issues
24
其他答案
0%
20%
40%
60%
80%
100%
受访者百分比
Web Performance Fundamentals, v2
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.
感谢合作伙伴对我们的支持! 了解更多。