Perfformance: Lazy-load editor images (#212)

Author: priethor

src/blocks/document-cover/edit.js

@@ -172,6 +172,8 @@ export default function Edit( { context, clientId } ) {
 						className="cortext-document-cover-block__image"
 						src={ src }
 						alt={ media?.alt_text ?? '' }
+						loading="lazy"
+						decoding="async"
 					/>
 				) }
 				<div className="cortext-document-cover-block__controls">

src/components/PageIcon.js

@@ -93,6 +93,8 @@ function ImageIcon( { id, size, alt, className } ) {
 			alt={ alt ?? '' }
 			width={ size }
 			height={ size }
+			loading="lazy"
+			decoding="async"
 		/>
 	);
 }

src/components/PageInspectorSidebar.js

@@ -388,7 +388,12 @@ function PageFeaturedImageInspectorControls( { postId } ) {
 		featuredImagePreview = <Spinner />;
 	} else if ( src ) {
 		featuredImagePreview = (
-			<img src={ src } alt={ media?.alt_text ?? '' } />
+			<img
+				src={ src }
+				alt={ media?.alt_text ?? '' }
+				loading="lazy"
+				decoding="async"
+			/>
 		);
 	}