πŸ€–NEW:AI-Powered Incremental Builds β€” your site updates in under 30 seconds. See what's new β†’
guides

Local Google Fonts Hosting & Critical CSS Inlining

Eliminate render-blocking font requests and eliminate layout shifts by configuring local font bundling and inline critical path CSS.

πŸ“‹This is an interactive step-by-step HowTo guide with 3 verified installation steps.

Why External Fonts and Stylesheets Slow Down Sites

Every external stylesheet request to fonts.googleapis.com or fonts.gstatic.com introduces DNS lookup, TLS handshake, and network round-trip overhead that blocks initial browser rendering.

Automated Local Font Inlining

During the AI build, Nimbica analyzes font families declared in your theme, downloads the required glyph subsets, and serves them directly from your edge domain with long-term immutable caching.

Critical CSS Extraction

Nimbica extracts the exact CSS rules required to paint above-the-fold content and inlines them directly into the HTML <head>, while asynchronously loading remaining theme stylesheets.

πŸ“‹ Verified Execution Steps (3 Total Steps)

11. Verify Font Optimization Setting

In Nimbica Dashboard βž” Site Settings βž” Performance, ensure "Local Font Optimization" is enabled.

22. Enable Critical CSS Inlining

Toggle "Critical CSS Inlining" to automatically extract above-the-fold styling rules during builds.

33. Run Build & Verify in PageSpeed

Deploy an incremental build and run a Google PageSpeed Insights audit to confirm zero render-blocking stylesheet warnings.

Was this documentation page helpful?
Last updated on 2026-09-07