01
The shopfront banner is a 1600 by 700 JPEG sat at the top of bertieandcrew.co.uk with no width, no height, no srcset, and no preload, so the largest contentful paint on a Brixham phone is the slowest single moment on the page.
- What I saw
- On the homepage source the hero image is rendered as <img src="/application/files/1815/5359/9248/shopfront-banner.jpg"> at 166 KB and 1600 by 700 pixels, served from a Concrete CMS plugin path with no responsive markup. Tested on a throttled mobile profile, the image is the LCP element and lands between 3.4 and 4.1 seconds after the first byte. The browser cannot reserve the slot before paint because no aspect ratio is declared, so the layout shifts when the photo lands and the page jumps as the visitor starts reading.
- Why it matters
- The shopfront is the strongest single visual asset the shop has, and it is the photo a Brixham visitor will judge the shop on before they read a word. When that image is also the slowest thing on the page and the cause of the layout jump, the part of the visit you want to win, the first three seconds on a phone walking past the marina, is the part that feels heaviest.
- After rebuild
- The rebuild ships the shopfront as a properly sized, aspect-ratio reserved hero with preload hints, width and height set, and a responsive srcset for marina-on-mobile viewports. The LCP target on a throttled 3G profile drops below 2.0 seconds. No more layout shift on the photo landing.