You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: src/content/docs/images/tutorials/optimize-mobile-viewing.mdx
+6-4Lines changed: 6 additions & 4 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -29,15 +29,17 @@ There are two possible `loading` attributes for your `<img>` tags: `lazy` and `
29
29
Lazy loading is recommended for most images. With Lazy loading, resources like images are deferred until they reach a certain distance from the viewport. If an image does not reach the threshold, then it does not get loaded.
30
30
31
31
Example of modifying the `loading` attribute of your `<img>` tags to be `"lazy"`:
If you have images that are in the viewport, eager loading, instead of lazy loading, is recommended. Eager loading loads the asset at the initial page load, regardless of its location on the page.
39
40
40
41
Example of modifying the `loading` attribute of your `<img>` tags to be `"eager"`:
0 commit comments