Skip to content

Remove fixed background attachments and optimize section background images#53

Draft
Copilot wants to merge 8 commits into
mainfrom
copilot/remove-fixed-backgrounds-optimize-images
Draft

Remove fixed background attachments and optimize section background images#53
Copilot wants to merge 8 commits into
mainfrom
copilot/remove-fixed-backgrounds-optimize-images

Conversation

Copilot AI commented Apr 20, 2026

Copy link
Copy Markdown
Contributor

background-attachment: fixed on .main, .professional, .portfolio, and .professional2 forces per-scroll full-page repaints, hurting paint and scroll performance. Background images were also oversized.

CSS

  • Dropped fixed from all four section background shorthands; scroll is now the default
  • Removed all background-attachment: scroll media query overrides (redundant without fixed)
  • Updated .main background reference: hero.pnghero.jpg

Images

File Before After Δ
hero.pnghero.jpg 1.6 MB, PNG RGBA 1286×697 77 KB, JPEG −95%
laptop-journal-book-coffee.jpg 472 KB, 2400×1600 121 KB, 1440×960 −74%
chrysler-center-bg.jpg 309 KB, 1920×1300 112 KB, 1440×975 −64%

hero.png had a fully-opaque alpha channel, so the format conversion to JPEG is lossless in visible quality. All images resized to a 1440px max-width, sufficient for full-viewport background-size: cover on desktop.

@vercel

vercel Bot commented Apr 20, 2026

Copy link
Copy Markdown

The latest updates on your projects. Learn more about Vercel for GitHub.

Project Deployment Actions Updated (UTC)
dansbands-github-io Ready Ready Preview, Comment Apr 20, 2026 4:32pm

Request Review

Copilot AI changed the title [WIP] Remove fixed background attachments and optimize section background images Remove fixed background attachments and optimize section background images Apr 20, 2026
Copilot AI requested a review from dansbands April 20, 2026 16:33
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.

Remove fixed background attachments and optimize section background images

2 participants