Skip to content

perf: improve home page LCP discovery - #25

Merged
kamycoding merged 1 commit into
mainfrom
perf/optimize-home-lcp
Aug 10, 2026
Merged

perf: improve home page LCP discovery#25
kamycoding merged 1 commit into
mainfrom
perf/optimize-home-lcp

Conversation

@kamycoding

Copy link
Copy Markdown
Owner

No description provided.

Copilot AI lite review requested due to automatic review settings August 10, 2026 01:04
@netlify

netlify Bot commented Aug 10, 2026

Copy link
Copy Markdown

Deploy Preview for fanciful-cannoli-268c0c ready!

Name Link
🔨 Latest commit 11f131a
🔍 Latest deploy log https://app.netlify.com/projects/fanciful-cannoli-268c0c/deploys/6a792382c4d3560008118a89
😎 Deploy Preview https://deploy-preview-25--fanciful-cannoli-268c0c.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.
🤖 Make changes Run an agent on this branch

To edit notification comments on pull requests, go to your Netlify project configuration.

@kamycoding
kamycoding merged commit 01baea4 into main Aug 10, 2026
5 checks passed
@kamycoding
kamycoding deleted the perf/optimize-home-lcp branch August 10, 2026 01:04

Copilot AI left a comment

Copy link
Copy Markdown

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Pull request overview

This PR aims to improve home page Largest Contentful Paint (LCP) by making the hero background image discoverable earlier via an HTML preload, and by adding explicit image dimensions.

Changes:

  • Preloads the hero background image in the document <head> to trigger an earlier fetch.
  • Adds width/height attributes to the hero background <img> to provide intrinsic dimensions.

Reviewed changes

Copilot reviewed 2 out of 3 changed files in this pull request and generated 1 comment.

File Description
src/index.html Adds a preload hint for the hero background image to improve early discovery/LCP.
src/app/pages/home/sections/hero/hero.html Adds explicit width/height attributes to the hero background image.

💡 Add a code-review agent skill or configure MCP servers for context-aware, tailored reviews. Learn more in the docs.

Comment thread src/index.html
Comment on lines +10 to +16
<link
rel="preload"
as="image"
href="/assets/hero/hero-background.webp"
type="image/webp"
fetchpriority="high"
/>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants