{"id":18404,"date":"2019-12-13T13:26:39","date_gmt":"2019-12-13T18:26:39","guid":{"rendered":"https:\/\/www.boldgrid.com\/support\/?p=18404"},"modified":"2024-02-22T10:11:39","modified_gmt":"2024-02-22T15:11:39","slug":"how-to-enable-the-google-pagespeed-dashboard-widget-in-w3-total-cache","status":"publish","type":"post","link":"https:\/\/www.boldgrid.com\/support\/w3-total-cache\/how-to-enable-the-google-pagespeed-dashboard-widget-in-w3-total-cache\/","title":{"rendered":"How to Enable the Google PageSpeed Dashboard Widget in W3 Total Cache"},"content":{"rendered":"<!DOCTYPE html PUBLIC \"-\/\/W3C\/\/DTD HTML 4.0 Transitional\/\/EN\" \"http:\/\/www.w3.org\/TR\/REC-html40\/loose.dtd\">\n<?xml encoding=\"utf-8\" ?><html><body><h1 id=\"how-to-enable-the-google-pagespeed-insights-widget-in-w3-total-cache\">How to Enable the Google PageSpeed Insights Widget in W3 Total Cache<\/h1>\n<p>You can use W3 Total Cache to connect to the Google PageSpeed Insights API so that you can see your website&rsquo;s speed and get suggestions to optimize your <a href=\"https:\/\/www.boldgrid.com\/\">WordPress website<\/a> even further using those scores directly from the Performance Dashboard. Not only will you get an overview of your website performance directly on your dashboard, but you can get a PageSpeed score for every page on your WordPress website from the Admin Toolbar at the top. Cool, right? Use the following instructions to create a Google PageSpeed Insights API Key and connect them to your W3 Total Cache <a href=\"https:\/\/www.boldgrid.com\/w3-total-cache\/\">WordPress performance plugin<\/a> to get insight into your next steps for making your website pages load faster than ever before.<\/p>\n<p><a href=\"https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2019\/12\/Selection_284.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-18454 size-large\" src=\"https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2019\/12\/Selection_284-1024x383.png\" alt=\"Screenshot of the Performance Dashboard with the Google Page Speed Widget Enabled\" width=\"1024\" height=\"383\"><\/a><\/p>\n<div class=\"boldgrid-section\" style=\"margin-top: 60px;\">\n<div class=\"container w3tc-radius\" style=\"border-width: 0px; background-image: url('https:\/\/www.boldgrid.com\/wp-content\/uploads\/2023\/07\/upsell-darker-alt.png'); background-size: cover; background-position: 50% 5%;\" data-image-url=\"https:\/\/www.boldgrid.com\/wp-content\/uploads\/2023\/07\/upsell-darker-alt.png\">\n<div class=\"row upsell-column\" style=\"padding-top: 2em; padding-bottom: 2em; color: #ffffff;\">\n<div class=\"col-lg-1 col-md-1 col-sm-12 col-xs-12 hidden-sm\">&nbsp;<\/div>\n<div class=\"col-lg-5 col-md-6 col-xs-12 col-sm-7\">\n<p class=\"h3\" style=\"color: #ffffff; line-height: 40px; margin-top: 0;\"><strong>Speed Up Your WordPress Website.<\/strong><\/p>\n<p style=\"color: #ffffff;\" class=\"h4\">A Difference of Just 100ms in Page Load Speeds Can Cause a Visitor to Prefer Your Competitor&rsquo;s Website.<\/p>\n<\/div>\n<div class=\"col-lg-6 col-md-5 col-sm-5 col-xs-12 text-center align-column-center\">\n<p class=\"\" style=\"border-width: 0px;\"><a class=\"button-w3tc-white\" style=\"border: 2px solid #30BEC4; font-size: 18px; padding: 15px 30px;\" href=\"https:\/\/www.boldgrid.com\/w3-total-cache\/#pricing\">View Plans<\/a><\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<h2 id=\"create-your-google-cloud-project\">Create your Google Cloud Project<\/h2>\n<ol>\n<li>Log into your Google Account and navigate to the <a href=\"https:\/\/console.cloud.google.com\">Google Cloud Console located at https:\/\/console.cloud.google.com<\/a><\/li>\n<li>If this is your first Google Cloud project for your website, click on <strong>Select a Project.<a href=\"https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2019\/12\/Selection_285.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-medium wp-image-18455\" src=\"https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2019\/12\/Selection_285-300x102.png\" alt=\"Screenshot fo the Google Cloud Platform interface, highlighting the Select a Project button\" width=\"300\" height=\"102\"><\/a> <\/strong><\/li>\n<li>If you already have a project set up for your website, choose that project. If you have another project set up for other reasons, it&rsquo;s best practice to create a new project dedicated to this website. You will thank us for this advice later.<\/li>\n<li>Name your project with a name unique to this website so it is easy to understand later, and click <strong>Create<\/strong>.<a href=\"https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2019\/12\/Selection_286.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-medium wp-image-18456\" src=\"https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2019\/12\/Selection_286-300x237.png\" alt=\"Screenshot of creating a new Google Cloud Project\" width=\"300\" height=\"237\"><\/a><\/li>\n<\/ol>\n<h2 id=\"enable-the-pagespeed-insights-api\">Enable the PageSpeed Insights API<\/h2>\n<ol>\n<li>Click on&nbsp;<strong>APIs and Services<\/strong> from the menu.<\/li>\n<li>Click&nbsp;<strong>Enable APIs and Services&nbsp;<\/strong>at the top of the screen.<\/li>\n<li>Start typing&nbsp;<strong>Pagespeed<\/strong> into the search bar, and when it appears from the list of APIs, click&nbsp;<strong>PageSpeed Insights API.<a href=\"https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2019\/12\/Selection_287.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-18459 size-large\" src=\"https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2019\/12\/Selection_287-1024x311.png\" alt=\"A Screenshot of Enabling the PageSpeed Insights API \" width=\"1024\" height=\"311\"><\/a><\/strong><\/li>\n<li>Click on&nbsp;<strong>Enable<\/strong> on the next screen.<\/li>\n<\/ol>\n<h2 id=\"create-your-pagespeed-insights-api-key\">Create Your PageSpeed Insights API Key<\/h2>\n<ol>\n<li>After enabling the API, you&rsquo;ll be brought to the PageSpeed Insights Overview screen. Click on&nbsp;<strong>Create Credentials<\/strong> near the top.<a href=\"https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2019\/12\/Selection_288.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-medium wp-image-18463\" src=\"https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2019\/12\/Selection_288-300x207.png\" alt=\"A screenshot of the Create Credentials button from the PageSpeed Insights Overview\" width=\"300\" height=\"207\"><\/a><\/li>\n<li>Look for the option to&nbsp;<strong>skip this stem and create an API key.<\/strong><a href=\"https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2019\/12\/Selection_289.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-18465 size-full\" src=\"https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2019\/12\/Selection_289.png\" alt=\"A screenshot highlighting the link to skip this option and create an API key\" width=\"980\" height=\"531\"><\/a><\/li>\n<li>Optionally create a name for your API Key, and under&nbsp;<strong>Application Restrictions<\/strong> choose&nbsp;<strong>HTTP referrers.<\/strong><\/li>\n<li>Enter your domain into the field, using wildcards and the appropriate http\/https protocol, e.g.&nbsp;<strong>https:\/\/*.example.com\/*<\/strong><\/li>\n<li>Click&nbsp;<strong>Create&nbsp;<\/strong>and copy your new key to your clipboard.<\/li>\n<\/ol>\n<h2 id=\"enter-your-api-key-into-w3-total-cache\">Enter your API Key into W3 Total Cache<\/h2>\n<ol>\n<li>Navigate back to your WordPress Dashboard&rsquo;s&nbsp;<strong>Performance -&gt; General Settings -&gt; Miscellaneous&nbsp;<\/strong>section.<\/li>\n<li>Click&nbsp;<strong>&nbsp;Enable Google Page Speed dashboard widget<\/strong> and paste your API key and HTTP Referrer into the fields.<a href=\"https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2019\/12\/enable-page-speed-widget.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-18406 size-large\" src=\"https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2019\/12\/enable-page-speed-widget-1024x304.png\" alt=\"A screenshot of pasting the API key into W3 Total Cache settings\" width=\"1024\" height=\"304\" srcset=\"https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2019\/12\/enable-page-speed-widget-1024x304.png 1024w, https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2019\/12\/enable-page-speed-widget-300x89.png 300w, https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2019\/12\/enable-page-speed-widget-768x228.png 768w, https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2019\/12\/enable-page-speed-widget-610x181.png 610w, https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2019\/12\/enable-page-speed-widget-250x74.png 250w, https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2019\/12\/enable-page-speed-widget-550x163.png 550w, https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2019\/12\/enable-page-speed-widget-800x237.png 800w, https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2019\/12\/enable-page-speed-widget-607x180.png 607w, https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2019\/12\/enable-page-speed-widget-1012x300.png 1012w, https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2019\/12\/enable-page-speed-widget.png 1049w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/li>\n<li>The PageSpeed Insights widget will now be visible on your&nbsp;<strong>Performance -&gt; Dashboard<\/strong> screen.<\/li>\n<\/ol>\n<p>Congratulations! Now you know how to connect your W3 Total Cache Dashboard Widget to Google PageSpeed Insights so that you can <a href=\"https:\/\/www.boldgrid.com\/w3-total-cache\/\">optimize WordPress<\/a> for speed even more effectively. Next, you may want to learn <a href=\"https:\/\/www.boldgrid.com\/support\/w3-total-cache\/how-to-enable-w3-total-cache-debug-to-troubleshoot-your-configuration\/\">how to set up W3 Total Cache debugging to troubleshoot <\/a>your caching configuration or learn how to set up Caching Statistics for detailed insight if you are a <a href=\"https:\/\/www.boldgrid.com\/support\/w3-total-cache\/achieve-ultimate-wordpress-performance-with-w3-total-cache-pro\/\">W3 Total Cache Pro<\/a> User.<\/p>\n<\/body><\/html>\n","protected":false},"excerpt":{"rendered":"<p>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&rsquo;s speed and get suggestions to optimize your WordPress website even further using those scores directly from the Performance Dashboard. Not only will [&hellip;]<\/p>\n","protected":false},"author":1294,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_bbp_topic_count":0,"_bbp_reply_count":0,"_bbp_total_topic_count":0,"_bbp_total_reply_count":0,"_bbp_voice_count":0,"_bbp_anonymous_reply_count":0,"_bbp_topic_count_hidden":0,"_bbp_reply_count_hidden":0,"_bbp_forum_subforum_count":0,"bgseo_title":"How to Enable the PageSpeed Insights Widget in W3 Total Cache","bgseo_description":"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. Follow these instructions to enable the W3 PageSpeed Insights Widget.","bgseo_robots_index":"index","bgseo_robots_follow":"follow","footnotes":""},"categories":[692,739],"tags":[],"class_list":["post-18404","post","type-post","status-publish","format-standard","hentry","category-w3-total-cache","category-w3tc-dashboard","feature-type-free","experience-level-intermediate"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.boldgrid.com\/support\/wp-json\/wp\/v2\/posts\/18404","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.boldgrid.com\/support\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.boldgrid.com\/support\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.boldgrid.com\/support\/wp-json\/wp\/v2\/users\/1294"}],"replies":[{"embeddable":true,"href":"https:\/\/www.boldgrid.com\/support\/wp-json\/wp\/v2\/comments?post=18404"}],"version-history":[{"count":9,"href":"https:\/\/www.boldgrid.com\/support\/wp-json\/wp\/v2\/posts\/18404\/revisions"}],"predecessor-version":[{"id":125551,"href":"https:\/\/www.boldgrid.com\/support\/wp-json\/wp\/v2\/posts\/18404\/revisions\/125551"}],"wp:attachment":[{"href":"https:\/\/www.boldgrid.com\/support\/wp-json\/wp\/v2\/media?parent=18404"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.boldgrid.com\/support\/wp-json\/wp\/v2\/categories?post=18404"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.boldgrid.com\/support\/wp-json\/wp\/v2\/tags?post=18404"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}