← Back to all Easy Critical CSS docs
This page covers the per-page settings that apply to Auto mode only. These options let you override the global Auto mode behavior for a single post or page without affecting the rest of your site.
Per-page settings are found in the editor sidebar under Easy Critical CSS.
If you are using Manual mode or the free generator, see Add per-page Critical CSS.
How per-page Auto mode overrides work
- These settings only apply when the page is using Auto (Requires API) or Use global setting (Auto).
- Most fields support Use global setting. If selected (or left blank), the global Auto mode configuration is used.
- Choosing a specific option overrides the global setting for this page only.
Secondary CSS Behavior
This setting controls what happens to the remaining CSS after Critical CSS is extracted for this page.
- Use global setting: Uses your global Secondary CSS Behavior setting.
- Strip unused CSS rules: Recommended for most sites. This usually provides the biggest performance gains.
- Keep all remaining CSS rules: More conservative. Use this if you see missing styles when stripping unused rules.
Default Critical CSS (fallback)
This CSS is a fallback for this page when no generated Critical CSS is available yet.
Keep it blank to use your global Default Critical CSS setting.
Forced Critical CSS Selectors
Add selectors that should always be included in Critical CSS for this page, even if they are not detected during generation. Keep blank to use the global setting.
One selector per line. Example: .my-class or #my-id span
You can also use regex patterns by placing them between slashes.
Example: /.my-plugin-id-\d+/ (matches .my-plugin-id-1, .my-plugin-id-42, etc.)
Forced Secondary CSS Selectors
Add selectors that should always be included in stripped Secondary CSS for this page, even if they would normally be removed. Keep blank to use the global setting.
One selector per line. Example: .my-class or #my-id span
You can also use regex patterns by placing them between slashes.
Example: /.my-plugin-id-\d+/ (matches .my-plugin-id-1, .my-plugin-id-42, etc.)
This field only applies when Secondary CSS Behavior is set to Strip unused CSS rules.
Excluded CSS Files
Exclude specific stylesheets for this page so they are ignored during Critical CSS generation.
Any file listed here will continue to load normally on the page. Keep blank to use the global setting.
Enter one URL or partial match per line. For example:
my-plugin.css theme-slider.css /wp-content/plugins/example-plugin/
Re-Generate Critical CSS
Easy Critical CSS automatically regenerates Critical CSS when needed, for example after changing per-page settings or updating the post (if your global regeneration settings include post updates).
The Re-Generate Critical CSS button is a manual override to force regeneration when you feel it is needed. This is most useful if the generated Critical CSS looks incorrect due to caching or a one-off generation issue.