Revert "fix: we also need the attributes on iframes"

This reverts commit 31da8b7.

Author: mfranzke

demo/index.html

@@ -131,7 +131,7 @@ <h1>
 		<main>
 			<!-- Lazy-load an offscreen image when the user scrolls near it -->
 			<img
-				src="img/lazyimg-src-loadinglazy.250x150.guetzli.jpg?loading=lazy&asset-width=250&asset-height=150"
+				src="img/lazyimg-src-loadinglazy.250x150.guetzli.jpg?loading=lazy&image-width=250&image-height=150"
 				loading="lazy"
 				alt=""
 				width="250"
@@ -152,18 +152,18 @@ <h1>
 				<source
 					media="(min-width: 40em)"
 					srcset="
-						img/lazypicture-media1x-loadinglazy.250x150.guetzli.jpg?loading=lazy&asset-width=250&asset-height=150 1x,
-						img/lazypicture-media2x-loadinglazy.500x300.guetzli.jpg?loading=lazy&asset-width=500&asset-height=300 2x
+						img/lazypicture-media1x-loadinglazy.250x150.guetzli.jpg?loading=lazy&image-width=250&image-height=150 1x,
+						img/lazypicture-media2x-loadinglazy.500x300.guetzli.jpg?loading=lazy&image-width=500&image-height=300 2x
 					"
 				/>
 				<source
 					srcset="
-						img/lazypicture-1x-loadinglazy.250x150.guetzli.jpg?loading=lazy&asset-width=250&asset-height=150 1x,
-						img/lazypicture-2x-loadinglazy.500x300.guetzli.jpg?loading=lazy&asset-width=500&asset-height=300 2x
+						img/lazypicture-1x-loadinglazy.250x150.guetzli.jpg?loading=lazy&image-width=250&image-height=150 1x,
+						img/lazypicture-2x-loadinglazy.500x300.guetzli.jpg?loading=lazy&image-width=500&image-height=300 2x
 					"
 				/>
 				<img
-					src="img/lazypicture-imgsrc-loadinglazy.250x150.guetzli.jpg?loading=lazy&asset-width=250&asset-height=150"
+					src="img/lazypicture-imgsrc-loadinglazy.250x150.guetzli.jpg?loading=lazy&image-width=250&image-height=150"
 					loading="lazy"
 					alt=""
 					width="250"
@@ -173,11 +173,11 @@ <h1>
 
 			<!-- Lazy-load an image that has srcset specified -->
 			<img
-				src="img/lazyimg-src-loadinglazy.250x150.guetzli.jpg?loading=lazy&asset-width=250&asset-height=150"
+				src="img/lazyimg-src-loadinglazy.250x150.guetzli.jpg?loading=lazy&image-width=250&image-height=150"
 				srcset="
-					img/lazyimg-srcset1024w-loadinglazy.1024x614.guetzli.jpg?loading=lazy&asset-width=1024&asset-height=614 1024w,
-					img/lazyimg-srcset640w-loadinglazy.640x384.guetzli.jpg?loading=lazy&asset-width=640&asset-height=384     640w,
-					img/lazyimg-srcset320w-loadinglazy.320x192.guetzli.jpg?loading=lazy&asset-width=320&asset-height=192     320w
+					img/lazyimg-srcset1024w-loadinglazy.1024x614.guetzli.jpg?loading=lazy&image-width=1024&image-height=614 1024w,
+					img/lazyimg-srcset640w-loadinglazy.640x384.guetzli.jpg?loading=lazy&image-width=640&image-height=384     640w,
+					img/lazyimg-srcset320w-loadinglazy.320x192.guetzli.jpg?loading=lazy&image-width=320&image-height=192     320w
 				"
 				sizes="(min-width: 36em) 33.3vw, 100vw"
 				alt=""
@@ -188,7 +188,7 @@ <h1>
 
 			<!-- Lazy-load an offscreen iframe when the user scrolls near it -->
 			<iframe
-				src="iframe.html?loading=lazy&asset-width=250&asset-height=150"
+				src="iframe.html?loading=lazy"
 				width="320"
 				height="180"
 				loading="lazy"

demo/index.js

@@ -8,17 +8,14 @@ let addDynamicContent = (event) => {
 
 	imageElement.setAttribute(
 		'src',
-		'img/lazyimg-src-loadinglazy.250x150.guetzli.jpg?loading=lazy&asset-width=250&asset-height=150'
+		'img/lazyimg-src-loadinglazy.250x150.guetzli.jpg?loading=lazy&image-width=250&image-height=150'
 	);
 	imageElement.setAttribute('loading', 'lazy');
 	imageElement.setAttribute('alt', '..');
 	imageElement.setAttribute('width', '250');
 	imageElement.setAttribute('height', '150');
 
-	iframeElement.setAttribute(
-		'src',
-		'iframe.html?loading=lazy&asset-width=250&asset-height=150'
-	);
+	iframeElement.setAttribute('src', 'iframe.html?loading=lazy');
 	iframeElement.setAttribute('loading', 'lazy');
 	iframeElement.setAttribute('title', '..');
 	iframeElement.setAttribute('width', '320');