HTML - Control Image Loading Behavior

HTML Control Image Loading Behavior Code

title: Contents 
style: nestedList # TOC style (nestedList|inlineFirstLevel)
minLevel: 1 # Include headings from the specified level
maxLevel: 4 # Include headings up to the specified level
includeLinks: true # Make headings clickable
debugInConsole: false # Print debug info in Obsidian console

Overview

The loading attribute with the <img> element can be used to control how the browser loads the image. It has three values: eager, lazy, and auto.

Code Snippet

// eager
<img src="picture.jpg" loading="eager">
 
// lazy
<img src="picture.jpg" loading="lazy">
 
// auto
<img src="picture.jpg" loading="auto">

Details

About

This note is about …

See Also

• HTML Code
• Hyper Text Markup Language (HTML)
• Cascading Style Sheets (CSS)
• JavaScript Map of Content

---

Appendix

Note created on 2024-04-18 and last modified on 2024-04-18.

Backlinks

LIST FROM [[HTML - Control Image Loading Behavior]] AND -"CHANGELOG" AND -"04-RESOURCES/Code/HTML/HTML - Control Image Loading Behavior"

---

(c) No Clocks, LLC | 2024