浩二/繁星正位之時
@Kouji_Y
說
Tue, Mar 15, 2022 4:22 AM
[code廢]專題反思
這次沒有全面啟用webp,公用元件的設計只針對img標籤做判斷,background-image就沒有處理,之後應該要補個輔助用的元件
浩二/繁星正位之時
@Kouji_Y
說
Tue, Mar 15, 2022 4:23 AM
延續之前的memo
當時判斷1x 2x 3x用的是這個
@Kouji_Y - [MEMO]
浩二/繁星正位之時
@Kouji_Y
說
Tue, Mar 15, 2022 4:23 AM
但這個沒辦法做webp的判斷
浩二/繁星正位之時
@Kouji_Y
說
Tue, Mar 15, 2022 4:23 AM
使用 WebP 格式減少圖片載入時間. 根據 Can I Use 網站的資料,WebP 的支援程度已經達...
浩二/繁星正位之時
@Kouji_Y
說
Tue, Mar 15, 2022 4:24 AM
這篇的做法就很全面,用原生js寫,且也考慮到了no-js的場合
浩二/繁星正位之時
@Kouji_Y
說
Tue, Mar 15, 2022 4:24 AM
之後應該就參考這篇來做優化
浩二/繁星正位之時
@Kouji_Y
說
Tue, Mar 15, 2022 7:03 AM
前端:WebP自適應實踐
浩二/繁星正位之時
@Kouji_Y
說
Tue, Mar 15, 2022 7:04 AM
這邊的判斷簡潔多了
載入新的回覆
這次沒有全面啟用webp,公用元件的設計只針對img標籤做判斷,background-image就沒有處理,之後應該要補個輔助用的元件
當時判斷1x 2x 3x用的是這個