Collections of Y2021W14 (2021-04-05 Mon 00:00:00+0800 ~ 2021-04-12 Mon 00:00:00+0800)

SRE


TheMythicalManMonth


avif

  • AVIF has landed - JakeArchibald.com
    這篇文章詳細比較了 JPEG, WebP, AVIF, SVG 的壓縮率和一些細節
    看來 AVIF 真的是滿猛的
    比 JPEG 縮小了近 75%
    比 WebP 縮小了近 50%
    不過目前還沒有全部的瀏覽器都支援就是

可以用 HTML 裡頭的 <picture> tag 來載入 AVIF 圖片

這個網站顯示目前大概 60% 有支援
https://caniuse.com/avif


blog


google


web

  • Maximally optimizing image loading for the web in 2021
  • Responsive layout
  • Lazy rendering: content-visibility: auto
  • AVIF
  • Load the right number of pixels
  • Fallbacks: srcset
  • Caching / Immutable URLs
  • Lazy Loading: <img loading="lazy" … />
  • Asynchronous decoding: <img decoding="async" … />
  • Blurry placeholder
  • JavaScript optimization
    看完後又多學到了幾招


Share


Donation

如果覺得這篇文章對你有幫助, 除了留言讓我知道外, 或許也可以考慮請我喝杯咖啡, 不論金額多寡我都會非常感激且能鼓勵我繼續寫出對你有幫助的文章。

If this blog post happens to be helpful to you, besides of leaving a reply, you may consider buy me a cup of coffee to support me. It would help me write more articles helpful to you in the future and I would really appreciate it.


Related Posts