Various Advanced settings are available to help you set Trellis up the way you want it to function, and allow you to optimize performance. You can find these settings by logging into your WordPress site and navigating to Appearance → Mediavine Trellis → Advanced
This article will briefly explain each of these settings for easy reference.
Enable Critical CSS
Enabling Critical CSS substantially improves your site's performance by reducing the amount of CSS loaded in the initial page view once the Critical CSS has been built by Trellis. This setting gives you the option to disable Critical CSS, but doing so is not recommended. This should remain enabled.
You can learn all about Trellis Critical CSS, how it works, and how to troubleshoot it in this article.
If you notice any style rendering issues on the site, try adding the text string below to the end of the URL to identify any potential Critical CSS issues:
NOTE: Critical CSS is automatically bypassed for logged-in users. If you have Critical CSS enabled, you should also check the rendering of the site while logged out or in an incognito browser window.
Google Analytics Tracking ID
Add your Google Analytics tracking ID to this field.
Using this setting is the most efficient way to add your Google Analytics tag, so this is recommended. Be sure to remove the tag from other plugins or inserted scripts to avoid duplicate tracking.
Enable Stale CSS While Revalidating
NOTE: If you have a Plugin or stylesheet that is constantly running into errors with Trellis Critical CSS when that plugin is updated, then disabling this setting can help.
Delay Google Analytics Load
Toggling this setting will delay the initial Google Analytics tag load for 3 seconds. Visitors who leave your site within that time will not be tracked, but site speed will be improved - specifically initial page load time.
Trellis SEO Output
This setting will enable meta descriptions, schema output (via JSON-LD), and Open Graph tags for your site.
Trellis disables this option entirely if it detects Yoast, RankMath or AIO as installed and active. For safety, it cannot be turned on while these plugs are active. For all other SEO Plug-ins, disable this to prevent outputting duplicate SEO data.
This setting will include CSS styling for HTML elements that are rendered after page load. If you have elements from plugins or third-party scripts in the above-the-fold window, but their styles aren’t loading in properly, try adding the element’s selector to the CSS Allowlist. Check out this high-level overview of the critical CSS functionality here.
Force Critical CSS
If you notice that some below-the-fold elements on the page are un-styled, or styled incorrectly, you can try adding the selectors to this setting. This will force the selector into Critical CSS, even if it only exists below the fold.
‼️ Reset Settings (Permanent Action) ‼️
This button will reset all your Trellis settings, except for the license field.
If you want a fresh start on your Trellis configuration, clicking this button will set the theme back to the default settings. Proceed with caution.
‼️ Trellis Cache (Permanent Action) ‼️
This button will clear your Trellis cache. If you've recently updated the theme and you don't see expected new features or settings, try clearing this.