今天要介紹的是 decoding 屬性，常見使用在 <img> 標籤內
主要功能是指瀏覽器可以通過 decoding 屬性來控制圖片要用什麼方式被 loading
好讓使用者可以看到開發者安排的圖片
而標籤所接的值有以下三種
sync
當打開網頁時，圖片會和其它內容會同時顯示。
async
則強制非同步處理，可能會造成圖片和其它內容不同時顯示
auto
讓瀏覽器自己來決定，要先跑圖片還是跑文字內容。
語法可以用以下方式表示：
<img alt="替代文字" src="網址" decoding="async" >
當屬性設置為非同步處理時時，瀏覽器可以並行地進行圖片的解碼，非同步的處理的過程可以提升頁面渲染的效果和速度，特別是這個網站內同時含有大量的圖片。
使用非同步的好處，就可以讓使用者，不用一直在等頁面完整，可以先看到文字，再慢慢看到那些會解析度極高的圖片。
iThome鐵人賽
看影片追技術