decoding="async"ã¨loading="lazy"ã®é•ã„| PerfDataç”»åƒã®èªè¾¼å‡¦ç†ã®é•ã„ ページ作æˆæ—¥ 2019å¹´12月19æ—¥ ページ更新日 2021å¹´3月2æ—¥ 著者: 竹洞 陽一郎 Webページã«ãŠã„ã¦ã€ç”»åƒã¯é‡è¦ãªå½¹å‰²ã‚’æžœãŸã—ã¦ãŠã‚Šã€é«˜è§£åƒåº¦åŒ–ã¨åˆ©ç”¨ã•ã‚Œã‚‹æžšæ•°ã¯å¢—ãˆã¦ã„ã傾å‘ã«ã‚ã‚Šã¾ã™ã€‚ ãã®ä¸€æ–¹ã§ã€ç”»åƒã¯ã€å¾“æ¥ã©ãŠã‚Šã®å®Ÿè£…ã‚’ã—ã¦ã„ã‚‹ã¨ã€HTMLã®ãƒ‘ース処ç†ã‚’é…延ã•ã›ã‚‹è¦å› ã¨ãªã‚Šã¾ã™ã€‚ ç”»åƒã‚’ã„ã‹ã«é…延è¦å› ã¨ã—ãªã„よã†ã«ã™ã‚‹ã‹ã®å‡¦ç†ã¨ã—ã¦ã€decoding="async"ã¨loading="lazy"ã®é•ã„を解説ã—ã¾ã™ã€‚ decoding属性ã¯ã€ç”»åƒã®ãƒ‡ã‚³ãƒ¼ãƒ‰å‡¦ç†ã«é–¢ã—ã¦ã®æŒ‡ç¤ºã‚’ユーザエージェントã«æ˜Žç¤ºã™ã‚‹å±žæ€§ã§ã™ã€‚ decoding="async"ã¨æŒ‡å®šã™ã‚‹ã“ã¨ã§ã€ç”»åƒã®ãƒ‡ã‚³ãƒ¼ãƒ‰å‡¦ç†ã‚’éžåŒæœŸã«ãƒãƒƒã‚°ã‚°ãƒ©ã‚¦ãƒ³ãƒ‰å‡¦ç†ã—ã€ä»–ã®ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã®è¡¨ç¤ºå‡¦ç†ãŒçµ‚ã‚ã£ãŸæ™‚ã«æ›´æ–°å‡¦ç†ã§ç”»åƒã‚’一緒ã«å‡ºã—ã¾ã™ã€‚ 記述ã®ä»•æ–¹ã¨ã—ã¦ã¯ã€ä»¥ä¸‹ã®ã‚ˆã†ã«ãªã‚Šã¾ã™ã€‚ <img class
<img>: ç”»åƒåŸ‹ã‚è¾¼ã¿è¦ç´ - HTML: ãƒã‚¤ãƒ‘ーテã‚ストマークアップ言語 | MDN
Webパフォーマンスã®æŒ¯ã‚Šè¿”ã‚Š 2018 - Webパフォーマンスã«ã¤ã„ã¦
[HTML5] imgè¦ç´ ã®æ£ã—ã„alt - Qiita![[HTML5] imgè¦ç´ ã®æ£ã—ã„alt - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/c6f437b3db9034e965b6319757d34011d420fa11/height=288;version=1;width=512/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Farticle-ogp-background-412672c5f0600ab9a64263b751f1bc81.png%3Fixlib%3Drb-4.0.0%26w%3D1200%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTk3MiZoPTM3OCZ0eHQ9JTVCSFRNTDUlNUQlMjBpbWclRTglQTYlODElRTclQjQlQTAlRTMlODElQUUlRTYlQUQlQTMlRTMlODElOTclRTMlODElODRhbHQmdHh0LWFsaWduPWxlZnQlMkN0b3AmdHh0LWNvbG9yPSUyMzIxMjEyMSZ0eHQtZm9udD1IaXJhZ2lubyUyMFNhbnMlMjBXNiZ0eHQtc2l6ZT01NiZzPTI3M2Y5NWU5ZjQzMzE4ZDdjNzcwYmE2MjMzZmMwYjNl%26mark-x%3D142%26mark-y%3D57%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZoPTc2Jnc9NzcwJnR4dD0lNDBtYWNjb3RzYW4mdHh0LWNvbG9yPSUyMzIxMjEyMSZ0eHQtZm9udD1IaXJhZ2lubyUyMFNhbnMlMjBXNiZ0eHQtc2l6ZT0zNiZ0eHQtYWxpZ249bGVmdCUyQ3RvcCZzPTcxNjEyOWEyNzFlNGYyYjgzMGE2YTMwZGU0NTNlMmEx%26blend-x%3D142%26blend-y%3D486%26blend-mode%3Dnormal%26s%3Dec1ba116cace9d1db6108ec5a4866faf)
[HTML5]æ£ã—ã„figureè¦ç´ ã®ä½¿ã„æ–¹(文脈ã¾ã§æ·±ã考ãˆãŸ)![[HTML5]æ£ã—ã„figureè¦ç´ ã®ä½¿ã„æ–¹(文脈ã¾ã§æ·±ã考ãˆãŸ)](https://cdn-ak-scissors.b.st-hatena.com/image/square/a4edf0eaf5e8f4c77408f10ba236c93f8031449d/height=288;version=1;width=512/http%3A%2F%2Fwebcre8.jp%2Fwordpress%2Fwp-content%2Fuploads%2F2012%2F03%2Fhtml5-right-figure-01-150x150.png)
{{#tags}}- {{label}}
{{/tags}}