İçeriğe atla

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"

Web sitelerinin nasıl yüklendiğini kontrol etmekle ilgilenenler, blocking="render" özelliğini öğrenince mutlu olacaklardır. Adından da anlaşılacağı gibi, bu özellik <link>, <script> veya <style> etiketlerinin tamamen yüklenene kadar sayfanın görüntülenmesini engellemesini sağlar.

Tarayıcı desteği henüz tam olarak hazır değil, ancak yaygın olarak desteklenmeye başladığında web yükleme kullanıcı deneyimini çok daha sorunsuz hale getirecek bir özellik olduğu kesin.

Baseline: Limited Availability

Learn more

Performance Experience & Sentiment

Açık ve net: srcset ve sizes geliştirici deneyimini iyileştirilebilir! Her iki uç da bunun etrafında toplanıyor: srcset/sizes en çok şikayet edilen özellikler listesinin başında yer alırken, sizes="auto en çok beğenilen özellik oluyor, çünkü bu sorunu bir ölçüde hafifletiyor.

Group by:

Sort by:

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

Deneyim

  • Daha önce kullandım: Respondents who have used an item.
  • Hakkında bilgim var: Respondents who have heard about an item, but haven't used it.
  • Daha önce hiç duymadım: Respondents who have never heard about an item.

Duygu

  • Pozitif: Bir teknoloji hakkında daha fazla bilgi edinmek isteyen veya bu teknolojiyi tekrar kullanmak isteyen katılımcılar.
  • Nötr: Bir teknoloji hakkında herhangi bir duygu belirtmeyen yanıtlayıcılar.
  • Negatif: Bir teknoloji hakkında daha fazla bilgi edinmekle ilgilenmeyen veya bu teknolojiyi kullanmış ve olumsuz bir deneyim yaşamış katılımcılar.

Performance Pain Points

İnternetin amacı, insanlara uzak mesafedeki içeriğe erişim sağlamaktır. Bu durumda, bu verilerin yüklenmesinin çoğu zaman ikinci planda kalması ve son 30 yılda biraz daha hoş dönen animasyonlar dışında pek bir ilerleme kaydedilmemesi biraz garip geliyor.

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%
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
Other Answers
0%
20%
40%
60%
80%
100%
% of question respondents

Recommended Resources

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.
Sponsored content from our partners. Learn more.