Changeset 53480 for trunk/src/wp-includes/pluggable.php

Timestamp:

06/09/2022 05:29:57 AM (2 years ago)

Author:

peterwilsoncc

Message:

Media: Add decoding="async" to image attributes.

Dynamically add decoding="async" to image tags on the front end of a site to instruct browsers to download them in parallel.

Modifies wp_get_attachment_image(), get_avatar() to include the attribute by default. Modifies wp_filter_content_tags() to add the attribute during the front-end render of the site.

Introduces wp_img_tag_add_decoding_attr() to take an image tag and modify it to include the attribute. Introduces the filter wp_img_tag_add_decoding_attr used to define the default value for the attribute.

Props adamsilverstein, ayeshrajans, costdev, flixos90, hellofromtonya, isaumya, michaelbourne, mihai2u, mitogh, sergiomdgomes, spacedmonkey, westonruter, peterwilsoncc.
Fixes #53232.

File:

• trunk/src/wp-includes/pluggable.php (modified) (2 diffs)

trunk/src/wp-includes/pluggable.php

@@ -2765 +2765 @@
             'loading'       => null,
             'extra_attr'    => '',
+            'decoding'      => 'async',
         );
 
@@ -2850 +2851 @@
 
             $extra_attr .= "loading='{$loading}'";
+        }
+
+        if ( in_array( $args['decoding'], array( 'async', 'sync', 'auto' ) ) && ! preg_match( '/\bdecoding\s*=/', $extra_attr ) ) {
+            if ( ! empty( $extra_attr ) ) {
+                $extra_attr .= ' ';
+            }
+            $extra_attr .= "decoding='{$args['decoding']}'";
         }