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.
Tautan menuju bagianPerformance 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.
Kelompokkan berdasarkan:
Urutkan berdasarkan:
Pengalaman
- <span aria-hidden="true">🤓</span> Sudah pakai: Responden yang sudah pakai.
- <span aria-hidden="true">👀</span> Pernah dengar: Responden yang sudah dengar, tetapi belum pernah pakai.
- <span aria-hidden="true">🤷</span> Belum pernah dengar: Responden yang belum pernah dengar.
Sentimen
- Positif: Responden yang tertarik untuk belajar tentang sebuah teknologi; atau yang ingin menggunakannya lagi.
- Netral: Responden yang tidak memiliki sentimen akan sebuah teknologi.
- Negatif: Responden yang tidak tertarik untuk belajar tentang sebuah teknologi; atau yang sudah pernah pakai dan memiliki pengalaman negatif.
Tautan menuju bagianPerformance 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.