If you're experiencing display issues, or optimization issues with your CSS, check out this high-level overview of how Trellis Critical CSS works.
Want to know more about what Critical CSS is? Read more HERE.
NOTE: For faster troubleshooting, use the page options before regenerating Critical CSS site-wide.
Reset Page Critical CSS
A logged-in user can begin the process of building Critical CSS manually by clicking Reset Page CSS, under Manage Trellis JS/CSS in the admin bar.
‼️ The process will begin automatically when a user visits the post or page while not logged in.‼️
If you don't see the Reset Critical CSS options in the dropdown menu, this is because your "Enable Stale CSS While Revalidating" setting is disabled. (This setting should be enabled unless you have had a consistent problem with one or more plugins and this Critical CSS when updating those plugins.)
Reset All Critical CSS
If you recently made changes to display elements on your site and want to ensure those elements are being optimized by Trellis' Critical CSS, selecting Reset All Critical CSS will tell Trellis to re-generate your updated pages.
Purge Page Critical CSS
You can test if Critical CSS has been regenerated by selecting Purge Page CSS on a given page, and by visiting that page in an incognito window. If no critical CSS is visible in your Browser's Inspector → Network → CSS tab, then Critical CSS has been purged successfully.
Trellis Critical CSS files are stored in the
wp/content/mvt-critical/1/ hosted folder. If you don't see any CSS file from this location, then you can be sure that Critical CSS has been purged for this page.
You can see if the page is queued for processing back in your Mediavine Trellis → Issues tab. It may take up to an hour to rebuild the page's Critical CSS, but once you see a Critical CSS file in your Browser's Inspector → Network → CSS tab, then your post's Critical CSS has been rebuilt and is up to date.
You likely won't need to purge your whole site's Critical CSS unless there was a display issue that you were able to resolve using the Trellis → Advanced settings. If you had a display issue in which elements were missing from your Critical CSS and you resolved it, then Purging your Site Critical CSS will remove the display issue and allow Critical CSS to generate with these added elements.