adjust timeout

kaeizen · kaeizen · commit 92178b39e5a4 · 2025-10-01T10:56:29.000+08:00
diff --git a/src/components/design-library-list/design-preview.js b/src/components/design-library-list/design-preview.js
@@ -90,7 +90,7 @@ export const DesignPreview = ( {
 
 		setIsLoading( true )
 
-		const ric = window.requestIdleCallback ? ( cb => window.requestIdleCallback( cb, { timeout: 3000 } ) )
+		const ric = window.requestIdleCallback ? ( cb => window.requestIdleCallback( cb, { timeout: 5000 } ) )
 			: ( cb => setTimeout( cb, designIndex * 20 ) )
 		const sanitizedHTML = safeHTML( blocks )
 
diff --git a/src/components/design-library-list/index.js b/src/components/design-library-list/index.js
@@ -129,7 +129,7 @@ const DesignLibraryItem = memo( props => {
 		}
 		let id
 		if ( typeof requestIdleCallback !== 'undefined' ) {
-			id = requestIdleCallback( () => ! shouldRender ? setShouldRender( true ) : {}, { timeout: 3000 } )
+			id = requestIdleCallback( () => ! shouldRender ? setShouldRender( true ) : {}, { timeout: ( designIndex + 1 ) * 500 } )
 		} else {
 			// fallback
 			id = setTimeout( () => setShouldRender( true ), designIndex * 20 )

Original file line number	Diff line number	Diff line change
`@@ -129,7 +129,7 @@ const DesignLibraryItem = memo( props => {`
`129`	`129`	`}`
`130`	`130`	`let id`
`131`	`131`	`if ( typeof requestIdleCallback !== 'undefined' ) {`
`132`		`- id = requestIdleCallback( () => ! shouldRender ? setShouldRender( true ) : {}, { timeout: 3000 } )`
	`132`	`+ id = requestIdleCallback( () => ! shouldRender ? setShouldRender( true ) : {}, { timeout: ( designIndex + 1 ) * 500 } )`
`133`	`133`	`} else {`
`134`	`134`	`// fallback`
`135`	`135`	`id = setTimeout( () => setShouldRender( true ), designIndex * 20 )`