Optimize: drop Bootstrap CDN, add caching headers & image hints #2

Merged
JoeBot merged 1 commits from 20260622_optimizations into main 2026-06-23 06:48:14 -04:00
Owner

Performance / self-hosting

  • Remove the render-blocking Bootstrap 4 CDN stylesheet (~160 KB + extra
    DNS/TLS to a third party) and replace it with ~60 lines of self-hosted
    grid/utility CSS covering the small subset actually used (container, row,
    col-lg-5/6/7, order-lg, align-items-center, text-center, table-responsive,
    spacing, and the button base). Verified across desktop/tablet/mobile.
  • Add a Cloudflare Pages _headers file: 30-day cache for static media and
    icons, 1-day for css/js, plus baseline security headers
    (X-Content-Type-Options, Referrer-Policy).
  • Add decoding="async" to all lazily-loaded images.

The site now loads no third-party CSS; only Google Fonts remain external.
SCSS source kept in sync (new components/_grid partial; button base + reset
mirrored in main.scss).

Co-Authored-By: Claude Opus 4.8 noreply@anthropic.com

Performance / self-hosting - Remove the render-blocking Bootstrap 4 CDN stylesheet (~160 KB + extra DNS/TLS to a third party) and replace it with ~60 lines of self-hosted grid/utility CSS covering the small subset actually used (container, row, col-lg-5/6/7, order-lg, align-items-center, text-center, table-responsive, spacing, and the button base). Verified across desktop/tablet/mobile. - Add a Cloudflare Pages `_headers` file: 30-day cache for static media and icons, 1-day for css/js, plus baseline security headers (X-Content-Type-Options, Referrer-Policy). - Add decoding="async" to all lazily-loaded images. The site now loads no third-party CSS; only Google Fonts remain external. SCSS source kept in sync (new components/_grid partial; button base + reset mirrored in main.scss). Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
JoeBot added 1 commit 2026-06-23 06:48:09 -04:00
Performance / self-hosting
- Remove the render-blocking Bootstrap 4 CDN stylesheet (~160 KB + extra
  DNS/TLS to a third party) and replace it with ~60 lines of self-hosted
  grid/utility CSS covering the small subset actually used (container, row,
  col-lg-5/6/7, order-lg, align-items-center, text-center, table-responsive,
  spacing, and the button base). Verified across desktop/tablet/mobile.
- Add a Cloudflare Pages `_headers` file: 30-day cache for static media and
  icons, 1-day for css/js, plus baseline security headers
  (X-Content-Type-Options, Referrer-Policy).
- Add decoding="async" to all lazily-loaded images.

The site now loads no third-party CSS; only Google Fonts remain external.
SCSS source kept in sync (new components/_grid partial; button base + reset
mirrored in main.scss).

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
JoeBot merged commit 9b7f0cc5b1 into main 2026-06-23 06:48:14 -04:00
JoeBot deleted branch 20260622_optimizations 2026-06-23 06:48:14 -04:00
Sign in to join this conversation.
No Reviewers
No Label
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: JoeBot/PineCreek_Web_2.0#2
No description provided.