The Site Speed Accelerator is a tool that allows you to make your website extremely fast for visitors and page speed tools by using a simple interface.
It can be used by navigating to the "Speed" tab in your publisher dashboard.
The Accelerator allows you to quickly test and implement advanced site speed optimizations on your site. This allows you to quickly see what site speed adjustments are able to produce the best user experiences, page speed scores, and other related goals.
Quick facts about The Site Speed Accelerator:
- Works on every kind of website (WordPress, Joomla, Custom PHP, etc.)
- No approval is required to use the Site Speed Accelerator and all sites are compatible
- It is a standalone feature which means that it DOES NOT require any other Ezoic products or features to be used but it is a PAID feature
- (i.e. sites don't have to use Ezoic for Monetization or ad serving to use the Accelerator)
- Sites must be integrated before it will work and display faster scores
- Name server or Cloudflare integration is recommended
- If your mobile PageSpeed Insights score is below "80" we advise all users to contact firstname.lastname@example.org to troubleshoot any existing errors — All sites with Cloudflare or Name server integration should see scores above 80 (no exceptions)
Site Speed Accelerator Pricing
The 7-day free trial provided does not require a payment method to start
- After 7 days, pricing starts at $19.99
- Pricing is tiered based on pageviews and number of sites using Ezoic
- Pricing plans can be seen under "manage plan" at the bottom of the "Speed" tab
Will The Site Speed Accelerator Work With...
- WordPress Sites (every known CMS is compatible)
- Informational or Reference sites
- Niche sites
- Ecommerce (including Magento & Shopify sites)
- B2B sites
- Small Business sites
- Agencies and Consultants
- WP sites using all popular plugins
- Sites with and without ads
- Sites using ads that are not served by Ezoic products
- Sites that do not have access to their name servers (WordPress plugin library)
Getting Started With The Site Speed Accelerator (Integration)
There are 3 integration methods that can be used to access the Site Speed Accelerator
- Name server integration
- WordPress Integration
- **Cloudflare integration (**only for sites that are currently using Cloudflare)
Name server or Cloudflare integration options are recommended for almost all sites.
All sites should be prompted to integrate upon signing up to use The Site Speed Accelerator. Integrating via Cloudflare or WordPress plugin should provide almost instant integration and access to the full features of the Site Speed Accelerator.
Watch videos of integration with Name Server Integration and WordPress Plugins below...
NOTE: If you've completed Name Server integration, it can take up to 18 hours for DNS records to propagate so that sites can leverage The Site Speed Accelerator.
- There's no way to make this happen faster; however, you can finish configuring the tool and Ezoic will notify you via email once Name Servers are propagated and integration is fully-complete
Note: Wordpress integration provides a slightly slower score and visitor experience due to the nature of the CMS. Name server integration offers faster speed.
Setting Up The Site Speed Accelerator
The detailed walk-through can be viewed in the video below...
Technical Functions and Features Explained...
We currently offer 11 different functionalities (and will be adding more over time):
Critical CSS: renders Critical CSS into the head tag and lazy loads the stylesheets. This prevents the site from "jumping" when CSS loads slowly. In other words, Critical CSS helps your site load better by not loading all styles at once, and improves speed by putting the important CSS inline.Within the critical CSS function you can also click the link "Block or Highlight Specific Files (Advanced)", which will allow you to input specific URLs that should either be processed or skipped by the Critical CSS function:
Remove Unused CSS: Removes any CSS that is not used by the current page and serves a minified version of the CSS that is unused resulting in smaller page sizes and faster loading.
Remove Unused CSS by Page: Removes any CSS classes that are not used on each individual URL, and serves a minified version of the CSS that is used on that URL. (Remove Unused CSS function must be enabled to also use this function)
WARNING: While this should increase your site speed score, this may cause your site to be slower for actual users if most pages use the same set of CSS. This happens because the user has to download a new file for each page that they visit.
Lazy Loading of Images: helps your site load faster by only loading images when the user will actually see them. The images lower on the page load as the user scrolls down. The only images that will load immediately are those shown on the first screen, not the images lower on the page. (This feature is required to be turned on when using Next-Gen Formats and Resize Images features)
Next-Gen Formats: In supported browsers, this feature will serve images in WebP format - a new image format designed to have a smaller file size
Resize Images: Automatically resizes images on your page based on the user's screen size to minimize transfer times while maintaining image quality.
Efficient Static Cache Policy
This feature tells the browser to cache your static assets which can increase your site's speed because the user doesn't have to download those assets more than once. This feature will set the caching header on your assets to an appropriate length of time. The available static assets that can be cached are:
You can also set certain static cache URL rules as follows:
Pre-connect Origins: Parses your page to identify other domains you are requesting assets from. It then adds tags to tell the browser to pre-connect to those domains to speed up loading of those assets.
You can also set script delay URL rules as follows:
2. Ad Delay: Delays the loading and execution of ads until the primary content has loaded.
- u to lazy load iframes that appear outside of the initial screen view. This helps your site load faster by only loading iframes when the user will actually see them.
You can also set lazy load iframe URL rules as follows:
With these features, your users will be able to interact with your pages significantly faster, while less essential elements load in the background. To implement, you should load up the Accelerator and generate a version.
How Do I Get Started?
You can make a new version by clicking “create version” and naming it. You can create as many versions as you like.
Versions let you try different combinations of features to find the one that both performs the best and fits your content and layout. There are different actions you can perform with the versions you have created that are listed under “Actions”: Edit Version, Clone Version, Clear Preview Version and Archive Version
You can also clone a version you’ve created in order to test different variations of the version you’re deciding on. For example, if you wanted to try out what effect the render critical CSS version would have in conflation with the lazy load images you could clone the CSS version and add the lazy load images function to it and test both together.
You can also preview a version you have created before you activate the version. Click "Preview" to preview the version and "Activate" to activate the version:
Before activating a version, you can preview it (under actions) to review the changes on your site. You can also perform a site speed score test on a preview version. It is highly recommended that you preview any version before setting it live.
Note: When you are looking at a previewed version, you are cookied in. You will need to click "Clear Preview Version" once you are done in order to look at the original site.
To finally activate a version, simply click on the version you'd like to activate and click "Activate".
<iframe width="560" height="315" src="https://www.youtube.com/embed/FESl9PLVmDI" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>