Improve site performance with ToolKit’s powerful suite of media optimization features, including: ✅ Lazy load images and videos✅ Preload critical, “above the fold” images (great for LCP)✅ CSS Helper Class for lazy loading background images✅ Exclude specific images from lazy loading✅ Automatically define image width and height attributes (great for improving CLS!)✅ Automatically optimize Youtube videos and creation of self-hosted video thumbnails Lazy Loading Lazy Loading speeds up your site by loading your media only as they enter the browser viewport. ToolKit offers both Native Browser-based lazy loading, as well as our JS-based method (uses intersectionObserver protocol). Native Browser-Based Lazy

Introduced in ToolKit v1.3.11, Booster > Headstart gives ToolKit users the ability to easily preconnect and prefetch external resources. By “Prefetching” an external domain, browsers can begin connecting and downloading a resource faster. This helps improve load and render times and addresses the Lighthouse recommendation “Preconnect to Required Origins“ To use Headstart: 1) Perform a GTMetrix scan or Lighthouse performance audit to easily and quickly identify any external third-party resources that are being loaded on your page. In GTMetrix, take a look at the Waterfall tab, identify any scripts that being downloaded/served from an external domain (aka any domain that

As of v1.3, ToolKit users can now dequeue unneeded CSS and JS scripts on a per page/post level using the new Script Ninja feature in Booster. To use Script Ninja: 1) Go to ToolKit > Booster > Script Ninja 2) Select a page and click “Display Scripts List” to view all of the CSS and JS files being loaded on that particular page 3) Dequeue any CSS and JS files that you are not using on that page. This step may require careful testing as some plugins may require certain scripts to function. Helpful Tips: 1) After dequeuing or updating

ToolKit offers users the ability to Optimize Google Fonts, Enable Fallback Fonts, and Preload Fonts. Optimize Google Fonts Enabling this will locally host and combine your Google Fonts when possible. This can help solve common recommendations like “Add Expires Headers” as well as others for Google fonts. Locally hosting Google Fonts will work if they’re referenced directly in the HTML. Google Ads and some 3rd party scripts may load Google Fonts asynchronously. If Google Fonts are loaded asynchronously, they may not be included in this optimization. When viewing your waterfall report, click on “Fonts” or search for “fonts.googleapis.com”. Fonts that show

Improve performance by delaying the loading of JavaScript until there is a user interaction (e.g. mouse movement, scrolling, pressing a key, etc). This is an advanced feature so please test with care! ToolKit offers users the ability to Delay JS on the ‘Homepage Only’ or ‘Globally’. This can be helpful when optimizing JS files that are not needed on the home page- but may be needed on other pages. Adding New JS Scripts to Delay To add new JS scripts to delay, simply enter the file URL or a unique keyword that identifies the script. This keyword can be any

Render Blocking Resources refers to the resources your browser needs to download before it is able to begin rendering the requested site. For the most part, these files are CSS and JS files. For JavaScript, one option is to add the ‘defer‘ attribute to the script. The ‘defer’ attribute tells the visitor’s browser to execute the script once the page’s HTML has been completely parsed. This particular feature should be tested carefully because some plugins or themes may have features that require certain JS files. We’ve included a couple of features to help maximize compatibility as well as an area

What is a CDN? Depending on where your hosting server (origin server) is located, if a website visitor from halfway across the world visits your site, it will take longer to deliver your site’s content to them due to geographical distance. A Content Delivery Network is a globally distributed network of servers designed for serving content quickly. Once you “push” your site’s files to your CDN, the content will be cached, distributed globally, and delivered to your website visitor using the server closest to them geographically. How Does a CDN Help Performance? By offloading your site’s static files (CSS, JS,