Automattic / Automattic/jetpack

Carousel: add 'srcset' and 'sizes' support to images loaded in Carousel view

Open
#30,808 0 comments 0 reactions 0 assignees View on GitHub
[Feature] Carousel [Focus] Performance [Plugin] Jetpack [Pri] Low Enhancement
Dominant language
PHP
Stars
1.8k
Forks
898
Avg merge
1d 18h
Merged PRs (30d)
774

Description

### Impacted plugin

Jetpack - Carousel module

### What

When you open a photo with Carousel, it loads the full resolution size. For better performance, it would be nice if it used 'srcset' and 'sizes' to load a more optimized image size. The "View Full Size" link is still there at the bottom for people who want to view the full size.

Contributor guide

Open the contributing guide

Research direction

Start by locating the Jetpack Carousel module's image-loading entry point and reviewing how Carousel currently opens photos. Confirm the optimized image uses srcset and sizes while the “View Full Size” link still loads the full-resolution image; validate the behavior in the Carousel view.

Written by the indexing model from the issue text.

Assessment

Tech stack
javascript, react, wordpress
Domain
frontend, web-dev
Issue type
Feature
Difficulty
3/5
Estimated time
1-2 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
45/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.