An image that is not immediately visible on a webpage should use `loading="lazy"`. Omitting `loading="lazy"` for images below the fold slows down mobile performance. All images must include `alt` text for accessibility. Images must be culturally and religiously accurate. Images should not dominate the page.
By Pawan Nayar · from the LLOS AI Learning record
An image that is not immediately visible on a webpage should use `loading="lazy"`.
Omitting `loading="lazy"` for images below the fold slows down mobile performance. All images must include `alt` text for accessibility. Images must be culturally and religiously accurate. Images should not dominate the page.
A developer should always use `loading="lazy"` for images that are not visible when a page first loads. This helps the page load faster on mobile devices. A developer must always add `alt` text to images. This helps people who use screen readers understand the image. A developer must check images for cultural and religious accuracy. This avoids misunderstandings. A developer should limit image height. This prevents tall images from taking up too much space on the page.
A developer builds a new product page. The developer adds many product images. Some images are visible only after the user scrolls down. The developer forgets to add `loading="lazy"` to these images. The developer also forgets to add `alt` text. Mobile users experience slow loading times. Users with visual impairments cannot understand the images. The developer must fix these issues to improve the user experience.
Resolved from this lesson's own record — real definitions, not invented for this page.
More from the same record, pulled by shared topic — not written new for this page.
Fixed elements stay in the same spot on the screen. Floating elements move as the user scrolls.
A developer can scan a website for broken links. The scan shows which links do not work.
A user will leave a page if it looks empty. Every screen should be 70-90% full of content.
A developer must treat mobile and desktop as two separate apps. They should use media queries to define distinct CSS layouts for each.
An image that is not immediately visible on a webpage should use `loading="lazy"`. Omitting `loading="lazy"` for images below the fold slows down mobile performance. All images must include `alt` text for accessibility. Images must be culturally and religiously accurate. Images should not dominate the page.