LCP issues with large hero images on mobile

Name
Email
Subject ~'\|DsX⚤A`(@e]}♗:b-;⚁G)⛁/⛵%#Fv_u⚶W⛹w{lqQ0+y
Comment u_P.S♐⛋`FVgzlcMIf6;r⛗A&2hBs♘+!0#Ljv:k-an8☳,D@t^{T>[q⚏R=?73*y\⚁⚭~⛼%EW⛏bQO5 Nd)mpKC4exJwo(
File
Password	(For file deletion.)

File: 1789941573281.jpg (126.19 KB, 1024x1024, img_1789941564564_9lcxpvcl.jpg)ImgOps Exif Google Yandex

LCP issues with large hero images on mobile FrontEndDev 09/20/26 (Sun) 21:59:33 68ab6 No.2216

Found another site where the LCP is tanking because they're serving the same huge desktop-sized image to everyone. Try testing your current hero setup by forcing a smaller

srcset

for mobile viewports and see if it actually moves the needle in your lab tests.

Anonymous 09/21/26 (Mon) 22:17:01 68ab6 No.2225

File: 1790029021068.jpg (191.03 KB, 1024x1024, img_1790029004286_0q2sp1q0.jpg)ImgOps Exif Google Yandex

>>2216
>Try testing your current hero setup by forcing a smaller srcset for mobile viewports

did this for a client last week and it barely helped because their cdn was still caching the high res version. you gotta clear the edge cache or its basically pointless.

Anonymous 09/23/26 (Wed) 15:58:39 68ab6 No.2231

>>2216
>Try testing your current hero setup by forcing a smaller srcset for mobile viewports

just use the

&lt;link rel=&quot;preload&quot;&gt;

tag with media queries to swap them out before the browser even sees the img tag. works great if you have specific breakpoints but it's a nightmare if your layout is too fluid.

Anonymous 09/25/26 (Fri) 02:07:47 68ab6 No.2237

>>2231
>works great if you have specific breakpoints but it's a nightmare if your layout is too fluid.

did you check if the preload tag was actually triggering on the mobile viewport or just bloating the waterfall? trying to fix this for a client right now and the lcp is still jumping around like crazy.