Scaling 98/100 PageSpeed for 100+ Pages: My Technical Workflow

Optimizing a single landing page is one thing. Maintaining a "Green Zone" score across 100+ pages (services, districts, blog) is a technical challenge. I managed to hit 93–98 on Mobile and 98–100 on Desktop without a huge dev team, using Claude AI as my co-pilot. 1. The LCP Game-Changer: fetchpriority I ditched CSS background-image for all Hero banners. The Fix: Moved to standard tags with fetchpriority="high". Why: This signals the browser to prioritize the image immediately in the HTML stream, bypassing the need for complex dynamic preload logic in the for 40+ unique service pages. 2. Taming the "Analytics Tax" Tracking scripts (GA, Metrica) are heavy. I wrapped them in a requestIdleCallback with a 3000ms timeout. The Tradeoff: Scripts load only when the main thread is free. If a user bounces in under 3s, they weren't going to convert anyway. For everyone else, the UI is instant. 3. The Infrastructure Critical CSS: Inlined core styles for the first fold directly into the Self-hosted