How to Enable the PageSpeed Insights Widget in W3 Total Cache

How to Enable the Google PageSpeed Insights Widget in W3 Total Cache

You can use W3 Total Cache to connect to the Google PageSpeed Insights API so that you can see your website’s speed and optimize your WordPress website directly from the Performance Dashboard. Not only can you get an overview directly on your dashboard, but you can get a PageSpeed score for every page on your website from the Admin Toolbar at the top. Use these instructions to create a PageSpeed Insights API Key and connect them to your W3 Total Cache plugin.

Screenshot of the Performance Dashboard with the Google Page Speed Widget Enabled

Create your Google Cloud Project

  1. Log into your Google Account and navigate to your Google Cloud Console at https://console.cloud.google.com
  2. If this is your first Google Cloud project for your website, click on Select a Project.Screenshot fo the Google Cloud Platform interface, highlighting the Select a Project button
  3. If you already have a project set up for your website, choose that project. If you have another project set up, it’s best practice to create a new project dedicated to this website.
  4. Name your project with a name unique to this website, and click Create.Screenshot of creating a new Google Cloud Project

Enable the PageSpeed Insights API

  1. Click on APIs and Services from the menu.
  2. Click Enable APIs and Services at the top of the screen.
  3. Start typing Pagespeed into the search bar, and when it appears from the list of APIs, click PageSpeed Insights API.A Screenshot of Enabling the PageSpeed Insights API
  4. Click on Enable on the next screen.

Create Your PageSpeed Insights API Key

  1. After enabling the API, you’ll be brought to the PageSpeed Insights Overview screen. Click on Create Credentials near the top.A screenshot of the Create Credentials button from the PageSpeed Insights Overview
  2. Look for the option to skip this stem and create an API key.A screenshot highlighting the link to skip this option and create an API key
  3. Optionally create a name for your API Key, and under Application Restrictions choose HTTP referrers.
  4. Enter your domain into the field, using wildcards and the appropriate http/https protocol, e.g. https://*.example.com/*
  5. Click Create and copy your new key to your clipboard.

Enter your API Key into W3 Total Cache

  1. Navigate back to your WordPress Dashboard’s Performance -> General Settings -> Miscellaneous section.
  2. Click  Enable Google Page Speed dashboard widget and paste your API key and HTTP Referrer into the fields.A screenshot of pasting the API key into W3 Total Cache settings
  3. The PageSpeed Insights widget will now be visible on your Performance -> Dashboard screen.

Congratulations! Now you know how to connect W3 Total Cach to Google PageSpeed Insights so that you can optimize your website’s speed even more effectively.

 

SIGNUP FOR

BOLDGRID CENTRAL  

   200+ Design Templates + 1 Kick-ass SuperTheme
   6 WordPress Plugins + 2 Essential Services

Everything you need to build and manage WordPress websites in one Central place.