refactor: rectify approach to accurate name

Author: Takshil-Kunadia

packages/block-library/src/image/index.php

@@ -215,11 +215,11 @@ function block_core_image_render_lightbox( $block_content, $block ) {
 	$p->set_attribute( 'data-wp-init', 'callbacks.setButtonStyles' );
 	$p->set_attribute( 'data-wp-on-async--load', 'callbacks.setButtonStyles' );
 	$p->set_attribute( 'data-wp-on-async-window--resize', 'callbacks.setButtonStyles' );
-	// Set an event to prefetch the image on pointerenter and pointerdown(mobile).
-	// Pointerleave is used to cancel the prefetch if the user hovers away from the image
+	// Set an event to preload the image on pointerenter and pointerdown(mobile).
+	// Pointerleave is used to cancel the preload if the user hovers away from the image
 	// before the predefined delay.
-	$p->set_attribute( 'data-wp-on--pointerenter', 'actions.prefetchImageWithDelay' );
-	$p->set_attribute( 'data-wp-on--pointerdown', 'actions.prefetchImage' );
+	$p->set_attribute( 'data-wp-on--pointerenter', 'actions.preloadImageWithDelay' );
+	$p->set_attribute( 'data-wp-on--pointerdown', 'actions.preloadImage' );
 	$p->set_attribute( 'data-wp-on--pointerleave', 'actions.cancelPrefetch' );
 	// Sets an event callback on the `img` because the `figure` element can also
 	// contain a caption, and we don't want to trigger the lightbox when the

packages/block-library/src/image/view.js

@@ -51,8 +51,8 @@ const { state, actions, callbacks } = store(
 	{
 		state: {
 			currentImageId: null,
-			prefetchTimers: {},
-			prefetchedImageIds: new Set(),
+			preloadTimers: {},
+			preloadedImageIds: new Set(),
 			get currentImage() {
 				return state.metadata[ state.currentImageId ];
 			},
@@ -217,15 +217,15 @@ const { state, actions, callbacks } = store(
 					}
 				}
 			},
-			prefetchImage() {
+			preloadImage() {
 				const { imageId } = getContext();
 				const imageMetadata = state.metadata[ imageId ];
 				const uploadedSrc = imageMetadata.uploadedSrc;
 
-				// Bails if the image is not valid or if it has already been prefetched.
+				// Bails if the image is not valid or if it has already been preloaded.
 				if (
 					! isValidLink( uploadedSrc ) ||
-					state.prefetchedImageIds.has( imageId )
+					state.preloadedImageIds.has( imageId )
 				) {
 					return;
 				}
@@ -238,37 +238,37 @@ const { state, actions, callbacks } = store(
 				imageLink.as = 'image';
 				imageLink.href = uploadedSrc;
 
-				// Apply srcset if available for better responsive prefetching
+				// Apply srcset if available for better responsive preloading
 				if ( srcset ) {
 					imageLink.setAttribute( 'imagesrcset', srcset );
 					imageLink.setAttribute( 'imagesizes', '100vw' );
 				}
 
 				document.head.appendChild( imageLink );
-				state.prefetchedImageIds.add( imageId );
+				state.preloadedImageIds.add( imageId );
 			},
-			prefetchImageWithDelay() {
+			preloadImageWithDelay() {
 				const { imageId } = getContext();
 
-				// Cancels any previous prefetch timer for the same image.
-				if ( state.prefetchTimers && state.prefetchTimers[ imageId ] ) {
-					clearTimeout( state.prefetchTimers[ imageId ] );
+				// Cancels any previous preload timer for the same image.
+				if ( state.preloadTimers && state.preloadTimers[ imageId ] ) {
+					clearTimeout( state.preloadTimers[ imageId ] );
 				}
 
-				// Set a new timer to prefetch the image after a short delay.
-				state.prefetchTimers[ imageId ] = setTimeout(
+				// Set a new timer to preload the image after a short delay.
+				state.preloadTimers[ imageId ] = setTimeout(
 					withScope( () => {
-						actions.prefetchImage();
-						delete state.prefetchTimers[ imageId ];
+						actions.preloadImage();
+						delete state.preloadTimers[ imageId ];
 					} ),
 					200
 				);
 			},
 			cancelPrefetch() {
 				const { imageId } = getContext();
-				if ( state.prefetchTimers && state.prefetchTimers[ imageId ] ) {
-					clearTimeout( state.prefetchTimers[ imageId ] );
-					delete state.prefetchTimers[ imageId ];
+				if ( state.preloadTimers && state.preloadTimers[ imageId ] ) {
+					clearTimeout( state.preloadTimers[ imageId ] );
+					delete state.preloadTimers[ imageId ];
 				}
 			},
 		},