メインコンテンツにスキップ

パフォーマンス

サイトをさらに高速化する

We're highlighting interesting 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
パフォーマンス
70.8%
21.9%
6.8%
4,636
2
パフォーマンス
68.3%
21.9%
9%
4,627
3
パフォーマンス
25.6%
30.8%
43.1%
4,613
4
パフォーマンス
19.8%
20.5%
59.3%
4,624
5
パフォーマンス
6.2%
25.2%
68.1%
4,607
6
パフォーマンス
4%
22.8%
72.8%
4,610
7
パフォーマンス
8.4%
88.9%
4,592

経験

  • 使ったことがある: Respondents who have used an item.
  • 知っている: Respondents who have heard about an item, but haven't used it.
  • 知らない: Respondents who have never heard about an item.

所感

  • 肯定的: その技術について詳しく知りたい、あるいは今後も継続して利用したいと考えている回答者。
  • 中立: その技術に対して、肯定・否定のどちらの感情も示さなかった回答者
  • 否定的: その技術についてこれ以上学ぶ意欲がない、あるいは、実際に使用して否定的な印象を抱いた回答者。

パフォーマンスの問題点

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.
パフォーマンスに関してどのような問題を抱えていますか?
Multiple
Top pain point topics overall.

View:

Items that are not one of “limitations
0%
20%
40%
60%
80%
100%
01
Loading
4
02
Graphics
2
03
Ecosystem issues
2
04
Responsive design
05
Tooling
2
06
Poor design
1
07
Education
08
Cognitive overload
09
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.
パートナーのサポートに感謝しています! 詳細をみる。