web performance optimise & css

web performance optimise & css

俄罗斯套娃

clients hints

https://cloudinary.com/blog/automatic_responsive_images_with_client_hints

<img sizes="100vw"
     srcset="tiny.jpg      320w,
             small.jpg     512w,
             medium.jpg    640w,
             large.jpg    1024w,
             huge.jpg     1280w,
             enormous.jpg 2048w"
     src="fallback.jpg" 
     alt="To each according to his ability" />

CSS Containment

https://developers.google.com/web/updates/2016/06/css-containment

The new CSS Containment property lets developers limit the scope of the browser's styles, layout and paint work.

contain: none | strict | content | [ size || layout || style || paint ]

Layout > Paint > Composite

https://csstriggers.com/

---

---

---

©xgqfrms 2012-2020

www.cnblogs.com 发布文章使用：只允许注册用户才可以访问！

---