[Firefly] Mobile LCP optimization followup #803

JingleH · 2025-10-24T17:30:37Z

Moves flex:1 to above 500px, this way on mobile, images will stay 160px below, making h1 the LCP rather than images. This can significantly reduce LCP as our image delivery still has some room for improvements.

Long term suggestion for maintainability:

gallery images should use fixed widths across breakpoints, rather than being too responsive with flex and screen width. Otherwise, the gallery's height would be very hard to control, potentially causing the first 2 sections to overlap or having large gap in between. With fixed widths and fixed heights (as images are squares here), we can control the gaps between 2 blocks via padding/bottom much more easily.
Authoring of the gallery's column positions can be retired. Hardcoding them should be easier for maintainance

Long term perf suggestion:

Author images directly in word docs to reduce network fetch to get image src and enable earlier browser discovery of resource
Duplicate the LCP image and place it first in the block and remove via js during decoration. This way Milo will automatically attach loading=eager and fetchpriority=high to it
Use webp
(optional) reduce network contention by lazy-loading non-LCP images, and especially mp4s, in the first block

Test URLs:

Before: https://stage--cc--adobecom.aem.live/products/firefly?martech=off
After: https://ff-lcp-update--cc--adobecom.aem.live/products/firefly?martech=off

Before (SS1): lower score when LCP is the image

After (SS2): higher score when LCP is the h1 copy

aem-code-sync · 2025-10-24T17:30:41Z

Hello, I'm the AEM Code Sync Bot and I will run some actions to deploy your branch and validate page speed.
In case there are problems, just click a checkbox below to rerun the respective action.

Re-run PSI checks
Re-sync branch

Commits

1b34f41 ✅ (latest)
5d9aed0 ✅
9218b40 ✅
03d9d12 ✅
2730f58 ✅
5f50e2d ✅

aem-code-sync · 2025-10-24T17:30:50Z

	Page	Scores	Audits	Google
📱	/products/firefly?martech=off
🖥️	/products/firefly?martech=off

milo-pr-merge-cc · 2025-10-27T02:09:04Z

Skipped merging 803: [Max2025][Firefly] Mobile lcp optimization due to failing checks

milo-pr-merge-cc · 2025-10-28T04:30:04Z

Skipped merging 803: [Max2025][Firefly] Mobile lcp optimization due to failing checks

milo-pr-merge-cc · 2025-10-29T04:32:44Z

Skipped merging 803: [Max2025][Firefly] Mobile lcp optimization due to failing checks

milo-pr-merge-cc · 2025-10-29T20:29:17Z

Skipped merging 803: [Firefly] Mobile LCP optimization followup due to failing checks

milo-pr-merge-cc · 2025-11-03T02:06:44Z

Skipped merging 803: [Firefly] Mobile LCP optimization followup due to failing checks

milo-pr-merge-cc · 2025-11-04T04:30:16Z

Skipped merging 803: [Firefly] Mobile LCP optimization followup due to failing checks

milo-pr-merge-cc · 2025-11-04T20:29:56Z

Skipped merging 803: [Firefly] Mobile LCP optimization followup due to missing verified label. kindly make sure that the PR has been verified

milo-pr-merge-cc · 2025-11-05T20:30:10Z

Skipped merging 803: [Firefly] Mobile LCP optimization followup due to missing verified label. kindly make sure that the PR has been verified

nkthakur48 · 2025-11-06T04:18:57Z

@JingleH Looks like this may not be relevant as due to an additional banner at the top, that element is marked as LCP

Tests:

milo-pr-merge-cc · 2025-11-06T04:32:55Z

Skipped merging 803: [Firefly] Mobile LCP optimization followup due to failing checks

narcis-radu · 2025-11-06T15:51:39Z

The code looks good, but it is very opinionated, everything revolves around the fact that the title would become LCP. However, as @nkthakur48 shared, adding a new element on the page might impact the overall functionality.
@nkthakur48, I think we can compare results and if the code change does not bring scores down, maybe we should consider merging and use it after the banner is removed.

milo-pr-merge-cc · 2025-11-10T02:07:51Z

Skipped merging 803: [Firefly] Mobile LCP optimization followup due to failing checks

milo-pr-merge-cc · 2025-12-25T02:11:41Z

Skipped merging 803: [Firefly] Mobile LCP optimization followup due to missing verified label. kindly make sure that the PR has been verified

milo-pr-merge-cc · 2025-12-25T04:42:02Z

Skipped merging 803: [Firefly] Mobile LCP optimization followup due to missing verified label. kindly make sure that the PR has been verified

milo-pr-merge-cc · 2025-12-25T08:37:09Z

Skipped merging 803: [Firefly] Mobile LCP optimization followup due to missing verified label. kindly make sure that the PR has been verified

milo-pr-merge-cc · 2025-12-25T12:56:36Z

Skipped merging 803: [Firefly] Mobile LCP optimization followup due to missing verified label. kindly make sure that the PR has been verified

milo-pr-merge-cc · 2025-12-25T16:34:38Z

Skipped merging 803: [Firefly] Mobile LCP optimization followup due to missing verified label. kindly make sure that the PR has been verified

milo-pr-merge-cc · 2025-12-25T20:30:46Z

Skipped merging 803: [Firefly] Mobile LCP optimization followup due to missing verified label. kindly make sure that the PR has been verified

milo-pr-merge-cc · 2025-12-29T02:27:08Z

Skipped merging 803: [Firefly] Mobile LCP optimization followup due to missing verified label. kindly make sure that the PR has been verified

milo-pr-merge-cc · 2025-12-29T04:54:04Z

Skipped merging 803: [Firefly] Mobile LCP optimization followup due to missing verified label. kindly make sure that the PR has been verified

milo-pr-merge-cc · 2025-12-29T08:40:47Z

Skipped merging 803: [Firefly] Mobile LCP optimization followup due to missing verified label. kindly make sure that the PR has been verified

milo-pr-merge-cc · 2025-12-29T13:00:16Z

Skipped merging 803: [Firefly] Mobile LCP optimization followup due to missing verified label. kindly make sure that the PR has been verified

milo-pr-merge-cc · 2025-12-29T16:35:02Z

Skipped merging 803: [Firefly] Mobile LCP optimization followup due to missing verified label. kindly make sure that the PR has been verified

milo-pr-merge-cc · 2025-12-29T20:31:57Z

Skipped merging 803: [Firefly] Mobile LCP optimization followup due to missing verified label. kindly make sure that the PR has been verified

milo-pr-merge-cc · 2025-12-30T02:18:22Z

Skipped merging 803: [Firefly] Mobile LCP optimization followup due to missing verified label. kindly make sure that the PR has been verified

milo-pr-merge-cc · 2025-12-30T04:44:50Z

Skipped merging 803: [Firefly] Mobile LCP optimization followup due to missing verified label. kindly make sure that the PR has been verified

milo-pr-merge-cc · 2025-12-30T08:38:12Z

Skipped merging 803: [Firefly] Mobile LCP optimization followup due to missing verified label. kindly make sure that the PR has been verified

milo-pr-merge-cc · 2025-12-30T12:59:26Z

Skipped merging 803: [Firefly] Mobile LCP optimization followup due to missing verified label. kindly make sure that the PR has been verified

milo-pr-merge-cc · 2025-12-30T16:36:54Z

Skipped merging 803: [Firefly] Mobile LCP optimization followup due to missing verified label. kindly make sure that the PR has been verified

milo-pr-merge-cc · 2025-12-30T20:31:28Z

Skipped merging 803: [Firefly] Mobile LCP optimization followup due to missing verified label. kindly make sure that the PR has been verified

milo-pr-merge-cc · 2025-12-31T02:18:31Z

Skipped merging 803: [Firefly] Mobile LCP optimization followup due to missing verified label. kindly make sure that the PR has been verified

milo-pr-merge-cc · 2025-12-31T04:42:51Z

Skipped merging 803: [Firefly] Mobile LCP optimization followup due to missing verified label. kindly make sure that the PR has been verified

milo-pr-merge-cc · 2025-12-31T08:38:07Z

Skipped merging 803: [Firefly] Mobile LCP optimization followup due to missing verified label. kindly make sure that the PR has been verified

milo-pr-merge-cc · 2025-12-31T12:57:26Z

Skipped merging 803: [Firefly] Mobile LCP optimization followup due to missing verified label. kindly make sure that the PR has been verified

milo-pr-merge-cc · 2025-12-31T16:34:36Z

Skipped merging 803: [Firefly] Mobile LCP optimization followup due to missing verified label. kindly make sure that the PR has been verified

milo-pr-merge-cc · 2025-12-31T20:30:47Z

Skipped merging 803: [Firefly] Mobile LCP optimization followup due to missing verified label. kindly make sure that the PR has been verified

milo-pr-merge-cc · 2026-01-01T02:30:18Z

Skipped merging 803: [Firefly] Mobile LCP optimization followup due to missing verified label. kindly make sure that the PR has been verified

milo-pr-merge-cc · 2026-01-01T04:52:42Z

Skipped merging 803: [Firefly] Mobile LCP optimization followup due to missing verified label. kindly make sure that the PR has been verified

milo-pr-merge-cc · 2026-01-01T08:37:58Z

Skipped merging 803: [Firefly] Mobile LCP optimization followup due to missing verified label. kindly make sure that the PR has been verified

milo-pr-merge-cc · 2026-01-01T12:57:39Z

Skipped merging 803: [Firefly] Mobile LCP optimization followup due to missing verified label. kindly make sure that the PR has been verified

milo-pr-merge-cc · 2026-01-01T16:35:39Z

Skipped merging 803: [Firefly] Mobile LCP optimization followup due to missing verified label. kindly make sure that the PR has been verified

milo-pr-merge-cc · 2026-01-01T20:31:50Z

Skipped merging 803: [Firefly] Mobile LCP optimization followup due to missing verified label. kindly make sure that the PR has been verified

mobile lcp optimization

5f50e2d

JingleH changed the title ~~[Firefly] Mobile lcp optimization~~ [Max2025][Firefly] Mobile lcp optimization Oct 24, 2025

Merge branch 'stage' into ff-lcp-update

2730f58

aem-code-sync bot temporarily deployed to ff-lcp-update October 29, 2025 17:04 Inactive

JingleH changed the title ~~[Max2025][Firefly] Mobile lcp optimization~~ [Firefly] Mobile LCP optimization followup Oct 29, 2025

JingleH requested review from Ruchika4, narcis-radu, nkthakur48 and robert-bogos October 29, 2025 17:17

spadmasa assigned spadmasa and sigadamvenkata Oct 31, 2025

Merge branch 'stage' into ff-lcp-update

03d9d12

aem-code-sync bot temporarily deployed to ff-lcp-update November 4, 2025 16:46 Inactive

Merge branch 'stage' into ff-lcp-update

9218b40

aem-code-sync bot temporarily deployed to ff-lcp-update November 6, 2025 04:11 Inactive

narcis-radu approved these changes Nov 6, 2025

View reviewed changes

[Firefly] Mobile LCP optimization followup #803

Are you sure you want to change the base?

[Firefly] Mobile LCP optimization followup #803

Uh oh!

Conversation

JingleH commented Oct 24, 2025 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Long term suggestion for maintainability:

Long term perf suggestion:

Uh oh!

aem-code-sync bot commented Oct 24, 2025 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Uh oh!

aem-code-sync bot commented Oct 24, 2025 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Uh oh!

milo-pr-merge-cc bot commented Oct 27, 2025

Uh oh!

milo-pr-merge-cc bot commented Oct 28, 2025

Uh oh!

milo-pr-merge-cc bot commented Oct 29, 2025

Uh oh!

milo-pr-merge-cc bot commented Oct 29, 2025

Uh oh!

milo-pr-merge-cc bot commented Nov 3, 2025

Uh oh!

milo-pr-merge-cc bot commented Nov 4, 2025

Uh oh!

milo-pr-merge-cc bot commented Nov 4, 2025

Uh oh!

milo-pr-merge-cc bot commented Nov 5, 2025

Uh oh!

nkthakur48 commented Nov 6, 2025 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Uh oh!

milo-pr-merge-cc bot commented Nov 6, 2025

Uh oh!

narcis-radu commented Nov 6, 2025

Uh oh!

milo-pr-merge-cc bot commented Nov 10, 2025

Uh oh!

milo-pr-merge-cc bot commented Dec 25, 2025

Uh oh!

milo-pr-merge-cc bot commented Dec 25, 2025

Uh oh!

milo-pr-merge-cc bot commented Dec 25, 2025

Uh oh!

milo-pr-merge-cc bot commented Dec 25, 2025

Uh oh!

milo-pr-merge-cc bot commented Dec 25, 2025

Uh oh!

milo-pr-merge-cc bot commented Dec 25, 2025

Uh oh!

milo-pr-merge-cc bot commented Dec 29, 2025

Uh oh!

milo-pr-merge-cc bot commented Dec 29, 2025

Uh oh!

milo-pr-merge-cc bot commented Dec 29, 2025

Uh oh!

milo-pr-merge-cc bot commented Dec 29, 2025

Uh oh!

milo-pr-merge-cc bot commented Dec 29, 2025

Uh oh!

milo-pr-merge-cc bot commented Dec 29, 2025

Uh oh!

milo-pr-merge-cc bot commented Dec 30, 2025

Uh oh!

milo-pr-merge-cc bot commented Dec 30, 2025

Uh oh!

milo-pr-merge-cc bot commented Dec 30, 2025

Uh oh!

milo-pr-merge-cc bot commented Dec 30, 2025

Uh oh!

milo-pr-merge-cc bot commented Dec 30, 2025

Uh oh!

milo-pr-merge-cc bot commented Dec 30, 2025

Uh oh!

milo-pr-merge-cc bot commented Dec 31, 2025

Uh oh!

milo-pr-merge-cc bot commented Dec 31, 2025

JingleH commented Oct 24, 2025 •

edited

Loading

aem-code-sync bot commented Oct 24, 2025 •

edited

Loading

aem-code-sync bot commented Oct 24, 2025 •

edited

Loading

nkthakur48 commented Nov 6, 2025 •

edited

Loading