質問編集履歴
3
誤字を修正
test
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
img要素のdeco
|
|
1
|
+
img要素のdecoding属性とloading属性は併用できるのか
|
test
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
[Chrome75にてimg要素へのLazyLoad（loading属性）が実装されるとのこと](https://www.mitsue.co.jp/knowledge/blog/frontend/201904/08_0854.html)ですが、img要素にはすでに `deco
|
|
1
|
+
[Chrome75にてimg要素へのLazyLoad（loading属性）が実装されるとのこと](https://www.mitsue.co.jp/knowledge/blog/frontend/201904/08_0854.html)ですが、img要素にはすでに `decoding="async"` 属性を設定し非同期復号により高速化する[仕様があります](https://momdo.github.io/html/images.html#image-decoding-hint)。
|
|
2
2
|
|
|
3
3
|
|
|
4
4
|
|
|
5
|
-
下記のようにloading属性とdeco
|
|
5
|
+
下記のようにloading属性とdecoding属性は併用する意味があるのか、また考えられるデメリットはあるでしょうか。
|
|
6
6
|
|
|
7
7
|
|
|
8
8
|
|
|
@@ -14,7 +14,7 @@
|
|
|
14
14
|
|
|
15
15
|
alt="サンプル画像"
|
|
16
16
|
|
|
17
|
-
deco
|
|
17
|
+
decoding="async"
|
|
18
18
|
|
|
19
19
|
loading="lazy">
|
|
20
20
|
|
2
typo
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -10,7 +10,7 @@
|
|
|
10
10
|
|
|
11
11
|
```html
|
|
12
12
|
|
|
13
|
-
<img src="ho
|
|
13
|
+
<img src="hoge.jpg"
|
|
14
14
|
|
|
15
15
|
alt="サンプル画像"
|
|
16
16
|
|
1
alt属性を追記
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -12,6 +12,8 @@
|
|
|
12
12
|
|
|
13
13
|
<img src="hode.jpg"
|
|
14
14
|
|
|
15
|
+
alt="サンプル画像"
|
|
16
|
+
|
|
15
17
|
decording="async"
|
|
16
18
|
|
|
17
19
|
loading="lazy">
|