From 9bbf5b1cc3cf5736fad6b3d972657df8f8cec234 Mon Sep 17 00:00:00 2001
From: anewuser <anewuser@users.noreply.github.com>
Date: Wed, 20 Dec 2023 20:54:43 -0300
Subject: [PATCH] Fix lazy loading examples (#31183)

"loading" attribute must be placed before "src" - https://bugzilla.mozilla.org/show_bug.cgi?id=1647077
---
 files/en-us/web/performance/lazy_loading/index.md | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/files/en-us/web/performance/lazy_loading/index.md b/files/en-us/web/performance/lazy_loading/index.md
index 17d9fbebb4dd2a2..b2dfb6f83c011c2 100644
--- a/files/en-us/web/performance/lazy_loading/index.md
+++ b/files/en-us/web/performance/lazy_loading/index.md
@@ -68,8 +68,8 @@ The [`loading`](/en-US/docs/Web/HTML/Element/img#loading) attribute on an {{HTML
 This allows non-critical resources to load only if needed, potentially speeding up initial page loads and reducing network usage.
 
 ```html
-<img src="image.jpg" alt="..." loading="lazy" />
-<iframe src="video-player.html" title="..." loading="lazy"></iframe>
+<img loading="lazy" src="image.jpg" alt="..." />
+<iframe loading="lazy" src="video-player.html" title="..."></iframe>
 ```
 
 The `load` event fires when the eagerly-loaded content has all been loaded. At that time, it's entirely possible (or even likely) that there may be lazily-loaded images or iframes within the {{Glossary("visual viewport")}} that haven't yet loaded.