[wp-meta] [Making WordPress.org] #5859: Improve video thumbnail images

[Making WordPress.org]

#5859: Improve video thumbnail images
-----------------------------------------+---------------------
 Reporter:  jonoaldersonwp               |       Owner:  (none)
     Type:  defect (bug)                 |      Status:  new
 Priority:  high                         |   Milestone:
Component:  WordPress.tv                 |  Resolution:
 Keywords:  performance seo needs-patch  |
-----------------------------------------+---------------------
Changes (by darshitrajyaguru97):

 * keywords:  performance seo => performance seo needs-patch


Comment:

 === Issue Confirmation ===

 I tested the video grid thumbnails on WordPress.tv and can confirm the
 issue.

 === Observations ===
 - Thumbnail images are currently loaded at full resolution (e.g.,
 1920x1080).
 - These are visually rendered at approximately 160x100, resulting in
 unnecessary bandwidth usage.
 - No `loading="lazy"` attribute is present.
 - `width` and `height` attributes are missing.
 - No `srcset` is defined for higher resolution displays.

 === Suggested Improvements ===
 - Serve appropriately sized thumbnails (160x100).
 - Add `loading="lazy"` for better performance.
 - Include explicit `width` and `height` attributes to improve layout
 stability.
 - Provide a `srcset` with a 2x variant (e.g., 320x200) for high-density
 screens.

 === Impact ===
 This would significantly improve page load performance, reduce data usage,
 and enhance Core Web Vitals.

 === Additional Notes ===
 - It may be worth exploring whether thumbnail URLs from
 videos.files.wordpress.com support dynamic resizing via query parameters
 or predefined size variants.

 - If not already available, introducing a standardized thumbnail size
 generation process could help ensure consistent and optimized delivery.

 Happy to help test any patches or proposed implementations.

-- 
Ticket URL: <https://meta.trac.wordpress.org/ticket/5859#comment:2>
Making WordPress.org <https://meta.trac.wordpress.org/>
Making WordPress.org