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.
Only the Google Analytics UA-XXXXXXXX-X tag is required. From there, we load the required scripts.
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
This setting allows you to use stale CSS files instead of freshly generated files. Basically, this setting keeps the old Critical CSS while it generates new Critical CSS. This prevents you from losing any speed while the new files generate. Enabling this setting adds an option in your admin bar to “Reset Critical CSS”. You'd use this option instead of the Purge All Critical CSS option to see the benefits.
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.
If you’re using a tool like Yoast, All in One SEO, or Rank Math for your SEO needs, this should be disabled.
Enable Additional Image Sizes
With this setting enabled, Trellis will generate additional image sizes at the time of upload. These additional
srcset image sizes will help improve performance across more devices.
If this setting is disabled, fewer image sizes will be generated at upload, which will save space on your server but might also impact performance on some devices.
Hide Mediavine/Trellis Footer Links
Enabling this option hides the Mediavine and Trellis footer links from the site.
Footer Copyright Text
Adds a personalized site copyright to footer.
This field supports HTML markup. The content will display full-width below the footer widgets.
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.