Guidelines:
- Ship AVIF/WEBP with JPG fallback.
- Cap hero widths and serve responsive srcsets.
- Lazy-load below-the-fold, preload the first meaningful visual.
- Use object-fit cover for consistent crops.
Back to blog
September 28, 2024
performance images lcp
An image strategy for fast marketing sites
Choose formats, sizes, and lazy-loading patterns that keep LCP low.
September 28, 2024
Next steps
Need this implemented on your site?
We can ship the starter, tailor it, or run an enablement sprint.
More posts
Keep reading
Nov 30, 2024
Linting playbook for JAMstack content
Keep markdown, links, and images clean with a lightweight linting stack before every deploy.
Nov 28, 2024
Edge personalization without blowing the budget
A light playbook for shipping personalization on static-first stacks using edge functions and smart defaults.
Nov 18, 2024
SEO that plays nicely with serverless stacks
Schema, fast pages, and predictable metadata keep organic acquisition healthy even as you swap backends.
Nov 12, 2024
Content ops for teams without a CMS
How we keep marketing pages moving fast with markdown collections, guardrails, and a tight PR process.
Nov 5, 2024
A storytelling framework for technical products
Shape complex features into a simple sequence: orient, prove, convert.
Nov 2, 2024
Launch checklist for Astro marketing sites
A repeatable list we run before shipping: content, performance, analytics, and rollbacks.