Merge branch 'trunk' of https://github.com/WordPress/performance into add/external-bg-preload

Author: westonruter

.github/workflows/php-test-plugins.yml

@@ -46,7 +46,7 @@ jobs:
         coverage: [false]
         include:
           - php: '7.4'
-            wp: '6.5'
+            wp: '6.6'
           - php: '8.3'
             wp: 'trunk'
           - php: '8.2'

composer.lock

@@ -12,9 +12,9 @@
   },
   "devDependencies": {
     "@octokit/rest": "^21.0.2",
-    "@wordpress/env": "^10.12.0",
-    "@wordpress/prettier-config": "^4.12.0",
-    "@wordpress/scripts": "^30.5.1",
+    "@wordpress/env": "^10.13.0",
+    "@wordpress/prettier-config": "^4.13.0",
+    "@wordpress/scripts": "^30.6.0",
     "commander": "12.1.0",
     "copy-webpack-plugin": "^12.0.2",
     "css-minimizer-webpack-plugin": "^7.0.0",

package-lock.json

@@ -3,7 +3,7 @@
  * Plugin Name: Enhanced Responsive Images
  * Plugin URI: https://github.com/WordPress/performance/tree/trunk/plugins/auto-sizes
  * Description: Improves responsive images with better sizes calculations and auto-sizes for lazy-loaded images.
- * Requires at least: 6.5
+ * Requires at least: 6.6
  * Requires PHP: 7.2
  * Version: 1.3.0
  * Author: WordPress Performance Team

package.json

@@ -3,7 +3,7 @@
  * Plugin Name: Image Placeholders
  * Plugin URI: https://github.com/WordPress/performance/tree/trunk/plugins/dominant-color-images
  * Description: Displays placeholders based on an image's dominant color while the image is loading.
- * Requires at least: 6.5
+ * Requires at least: 6.6
  * Requires PHP: 7.2
  * Version: 1.1.2
  * Author: WordPress Performance Team

plugins/auto-sizes/auto-sizes.php

@@ -3,7 +3,7 @@
  * Plugin Name: Embed Optimizer
  * Plugin URI: https://github.com/WordPress/performance/tree/trunk/plugins/embed-optimizer
  * Description: Optimizes the performance of embeds through lazy-loading, preconnecting, and reserving space to reduce layout shifts.
- * Requires at least: 6.5
+ * Requires at least: 6.6
  * Requires PHP: 7.2
  * Version: 0.3.0
  * Author: WordPress Performance Team

plugins/dominant-color-images/load.php

@@ -3,7 +3,7 @@
  * Plugin Name: Image Prioritizer
  * Plugin URI: https://github.com/WordPress/performance/tree/trunk/plugins/image-prioritizer
  * Description: Prioritizes the loading of images and videos based on how visible they are to actual visitors; adds <code>fetchpriority</code> and applies lazy-loading.
- * Requires at least: 6.5
+ * Requires at least: 6.6
  * Requires PHP: 7.2
  * Requires Plugins: optimization-detective
  * Version: 0.2.0

plugins/embed-optimizer/load.php

@@ -331,6 +331,16 @@ export default async function detect( {
 		return;
 	}
 
+	// Keep track of whether the window resized. If it resized, we abort sending the URLMetric.
+	let didWindowResize = false;
+	window.addEventListener(
+		'resize',
+		() => {
+			didWindowResize = true;
+		},
+		{ once: true }
+	);
+
 	// TODO: Does this make sense here?
 	// Prevent detection when page is not scrolled to the initial viewport.
 	if ( doc.documentElement.scrollTop > 0 ) {
@@ -542,10 +552,7 @@ export default async function detect( {
 
 	// Only proceed with submitting the URL Metric if viewport stayed the same size. Changing the viewport size (e.g. due
 	// to resizing a window or changing the orientation of a device) will result in unexpected metrics being collected.
-	if (
-		window.innerWidth !== urlMetric.viewport.width ||
-		window.innerHeight !== urlMetric.viewport.height
-	) {
+	if ( didWindowResize ) {
 		if ( isDebug ) {
 			log(
 				'Aborting URL Metric collection due to viewport size change.'

plugins/image-prioritizer/load.php

@@ -3,7 +3,7 @@
  * Plugin Name: Optimization Detective
  * Plugin URI: https://github.com/WordPress/performance/tree/trunk/plugins/optimization-detective
  * Description: Provides an API for leveraging real user metrics to detect optimizations to apply on the frontend to improve page performance.
- * Requires at least: 6.5
+ * Requires at least: 6.6
  * Requires PHP: 7.2
  * Version: 0.9.0-alpha
  * Author: WordPress Performance Team