Changeset 13965 for sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-learn-2024/functions.php

Timestamp:

08/13/2024 03:36:23 AM (2 years ago)

Author:

adamwood

Message:

Learn: Sync with git WordPress/learn@72a60f7

File:

• sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-learn-2024/functions.php (modified) (3 diffs)

sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-learn-2024/functions.php

@@ -28 +28 @@
  */
 add_action( 'after_setup_theme', __NAMESPACE__ . '\setup' );
+add_filter( 'wp_get_attachment_image_attributes', __NAMESPACE__ . '\eager_load_first_card_row_images', 10, 3 );
 add_action( 'wp_enqueue_scripts', __NAMESPACE__ . '\enqueue_assets' );
 add_action( 'wp_enqueue_scripts', __NAMESPACE__ . '\maybe_enqueue_sensei_assets', 100 );
@@ -139 +140 @@
 
 /**
+ * Eagerly load the images for the first row of cards, for performance (LCP metric).
+ *
+ * @param array   $attr       The image attributes.
+ * @param WP_Post $attachment The attachment post object.
+ * @param string  $size       The image size.
+ * @return array The modified image attributes.
+ */
+function eager_load_first_card_row_images( $attr, $attachment, $size ) {
+        static $image_count = 0;
+
+        if ( is_front_page() || is_archive() || is_search() || is_page( 'my-courses' ) ) {
+                $image_count++;
+
+                if ( $image_count <= 3 ) {
+                        $attr['loading'] = 'eager';
+                        $attr['fetchpriority'] = 'high';
+                }
+        }
+
+        return $attr;
+}
+
+/**
  * Sensei doesn't enqueue learning mode styles for Lessons which are not part of a course.
  * Enqueue the styles and add the required body class if needed.
@@ -365 +389 @@
 function set_default_featured_image( $html, $post_id, $post_thumbnail_id, $size, $attr ) {
         if ( ! $html ) {
-                return '<img src="https://s.w.org/images/learn-thumbnail-fallback.jpg?v=4" alt="' . esc_attr( get_the_title( $post_id ) ) . '" />';
+                return '<img src="https://s.w.org/images/learn-thumbnail-fallback.jpg?v=5" alt="' . esc_attr( get_the_title( $post_id ) ) . '" />';
         }