# CSS & JS Optimization
> Minify, combine, and defer your stylesheets and scripts. Remove render-blocking resources and deliver optimized assets that load in milliseconds.
- Canonical:
- HTML version:
---
- [Overview](https://royalplugins.com/forgecache/)
- [Features](https://royalplugins.com/forgecache/features/)
[All Features](https://royalplugins.com/forgecache/features/)
[Agent Tier](https://royalplugins.com/forgecache/features/agent-tier/)
[Page Caching](https://royalplugins.com/forgecache/features/page-caching/)
[CSS & JS Optimization](https://royalplugins.com/forgecache/features/css-js-optimization/)
[Lazy Loading](https://royalplugins.com/forgecache/features/lazy-loading/)
[CDN Integration](https://royalplugins.com/forgecache/features/cdn-integration/)
[Database Cleanup](https://royalplugins.com/forgecache/features/database-cleanup/)
[Page Optimizer](https://royalplugins.com/forgecache/features/page-optimizer/)
- [Compare](https://royalplugins.com/forgecache/vs-wp-rocket/)
[vs WP Rocket](https://royalplugins.com/forgecache/vs-wp-rocket/)
[vs LiteSpeed Cache](https://royalplugins.com/forgecache/vs-litespeed-cache/)
[vs W3 Total Cache](https://royalplugins.com/forgecache/vs-w3-total-cache/)
[vs WP Super Cache](https://royalplugins.com/forgecache/vs-wp-super-cache/)
[vs NitroPack](https://royalplugins.com/forgecache/vs-nitropack/)
- [Pricing](https://royalplugins.com/forgecache/pricing/)
- [Docs](https://royalplugins.com/support/forgecache/)
Overview
All Features
— Agent Tier
— Page Caching
— CSS & JS Optimization
— Lazy Loading
— CDN Integration
— Database Cleanup
— Page Optimizer
Compare
— vs WP Rocket
— vs LiteSpeed Cache
— vs W3 Total Cache
— vs WP Super Cache
— vs NitroPack
Pricing
Docs
Minify, combine, and defer your stylesheets and scripts. Remove render-blocking resources and deliver optimized assets that load in milliseconds.
[Get ForgeCache Premium](https://royalplugins.com/forgecache/pricing/)
Optimization Types
## Complete Asset Optimization
Six powerful optimization techniques to make your CSS and JavaScript lightning fast.
By Jameson · Founder & Lead Developer
### HTML Minification
Remove whitespace and comments from HTML output for smaller page sizes.
### CSS Minification
Compress stylesheets and remove unused code for faster rendering.
### JavaScript Minification
Minimize JS files for faster parsing without breaking functionality.
### Defer JavaScript
Load JS without blocking page rendering for faster first paint.
### Async CSS
Load stylesheets without blocking first paint for instant rendering.
Why Optimize
## Key Benefits
CSS and JS optimization delivers measurable improvements to your site performance.
### Smaller File Sizes
Reduce CSS and JS file sizes by 30-70% through minification. Less data means faster downloads, especially on mobile connections.
### Fewer HTTP Requests
Combine files to reduce round-trips to the server. Each HTTP request adds latency - fewer requests means faster pages.
### Faster First Paint
Non-blocking resources mean your content appears instantly. Visitors see your page while assets continue loading in the background.
### Better PageSpeed Score
Address "render-blocking resources" warnings in Google PageSpeed Insights. Better scores mean better SEO rankings.
How It Works
## Simple Setup, Powerful Results
Enable optimization in minutes with intelligent defaults.
1
### Automatic Processing
Files are minified on-the-fly and cached. No manual steps required - optimization happens automatically.
2
### Smart Detection
Problematic scripts are excluded automatically. We know which plugins need special handling.
3
### Manual Control
Add custom exclusions for scripts that need special handling. Full control when you need it.
Compatibility
## Works With Your Stack
ForgeCache is tested with popular page builders and plugins.
#### Page Builder Compatible
Works with Elementor, Divi, Beaver Builder, and other popular page builders without conflicts.
#### Safe Exclusion Lists
Pre-configured exclusions for known problematic scripts. Common issues are handled automatically.
#### Easy Per-Script Exclusions
Exclude specific scripts or styles with a simple interface. No coding required.
Next Level
## Page Optimizer — Per-Page Script Control
Beyond global defer and minification, the Page Optimizer lets you control individual scripts and stylesheets on every page of your site.
### Full Asset Scan
Scan any page to see every CSS and JS file loaded, with file sizes and the source plugin or theme for each asset.
### Per-Page Loading Modes
Change how each script loads: Default (blocking), Defer, or Delay. Set styles to Default or Async. Apply rules per page, per post type, or globally.
### Fix PageSpeed Warnings
Directly address PageSpeed Insights recommendations by disabling unused scripts and deferring render-blocking resources on the pages that need it.
### Dependency Warnings
See which scripts depend on each other before disabling anything. Avoid breaking your site with clear dependency indicators.
[Learn more about Page Optimizer →](https://royalplugins.com/support/forgecache/page-optimizer/)
FAQ
## CSS & JS Optimization Questions
ForgeCache focuses on being lightweight (~285KB vs 1MB+) while delivering the same core CSS/JS optimization features. If you want a leaner solution that doesn't bloat your site, ForgeCache is for you.
Our minification is conservative and safe. If you experience issues with specific scripts, you can exclude them by filename or handle in the settings. Most sites work perfectly with default settings.
Deferring JavaScript tells the browser to download scripts while parsing HTML, but wait to execute them until after the page is fully loaded. This prevents render-blocking and makes pages appear faster.
Yes. ForgeCache lets you exclude specific scripts or stylesheets by handle or filename. This is useful for payment gateways, sliders, or other scripts that need to load in a specific order.
## Optimize Your Assets
Get ForgeCache Premium and deliver lightning-fast CSS and JavaScript to every visitor.
[Get ForgeCache Premium](https://royalplugins.com/forgecache/pricing/)