In September, Moz published UpBuild’s guide on “How to Automate Pagespeed Insights For Multiple URLs using Google Sheets”. We got a lot of really excellent questions and feedback on the post, and have continued making tweaks and improvements to the tool, which we thought we’d share here today. I recommend reading the Moz blog post first to give you a good understanding of what to expect from this tool. Then once you’re done, read on below to hear more about the additions we have made based on the feedback we received.
Performance Score and Mobile Results
A large majority of the community requested some additional functionality that was not part of the original Google Sheet, namely the PageSpeed Insights Performance score generated for each page and the ability to run the tool for mobile results (the tool pulls insights for desktop URLs by default).
We’re always happy to hear about ways to make the things we build even better and so we are happy to announce that we have added these great suggestions to an updated version of the template.
Download the Updated Google Sheet
You can grab an updated copy of the Google Sheet that now includes the Performance Score and the ability to run your URLs through PageSpeed Insights for mobile or desktop results.
Desktop and Mobile Insights
On this updated template, the Settings tab now has the option to choose between Desktop or Mobile. You will want to make sure that this is defined before running the tool. At this time you can only choose one strategy type, but if you’d like to have insights for both, simply make two copies of the new Google Sheet template.
Keep Us Updated
Let us know what else you’d like to see added to this tool, or if you find yourself digging into the Google App Script and modifying it yourself, let us know in the comments below – we want to hear all about it!
Hi James,
This is amazing, thanks so much. The only thing I would like to ask is whether it’s possible to change throttling settings? I’m assuming this is default set to no throttling?
Hi Dan, I’m not quite sure about the throttling settings, that hasn’t been accounted for in this script. This would be using the default throttle settings for the API. I couldn’t find anything specific in their documentation, but do let me know what you find out.
Hi James,
Thanks for sharing this! I’m trying to add a new metric to this list in the script, the accessibility score.
I added
var scoreAccess = content[“lighthouseResult”][“categories”][“accessibility”][“score”];
But I’m getting the following error
“TypeError: Cannot read property “score” from undefined. (line 604).”
Do you have any idea why?
Thanks,
Thomas
Hi Thomas, did you add the value scoreAccess to the array.push? Alongside, timetofirstbyte, speedindex etc.
hi James,
Thanks for you answer. Yes I added scoreAccess to the array.push at the end of the script, please see the full code:
if (content[“captchaResult”]) {
var score = content[“lighthouseResult”][“categories”][“performance”][“score”];
var scoreAcess = content[“lighthouseResult”][“categories”][“accessibility”][“score”];
var timetointeractive = content[“lighthouseResult”][“audits”][“interactive”][“displayValue”].slice(0, -2);
var firstcontentfulpaint = content[“lighthouseResult”][“audits”][“first-contentful-paint”][“displayValue”].slice(0, -2);
var firstmeaningfulpaint = content[“lighthouseResult”][“audits”][“first-meaningful-paint”][“displayValue”].slice(0, -2);
var timetofirstbyte = content[“lighthouseResult”][“audits”][“time-to-first-byte”][“displayValue”].slice(19, -3);
var speedindex = content[“lighthouseResult”][“audits”][“speed-index”][“displayValue”].slice(0, -2);
} else {
var score = “An error occured”;
var scoreAcess = “An error occured”;
var timetointeractive = “An error occured”;
var firstcontentfulpaint = “An error occured”;
var firstmeaningfulpaint = “An error occured”;
var timetofirstbyte = “An error occured”;
var speedindex = “An error occured”;
}
}
var currentDate = new Date().toJSON().slice(0, 10).replace(/-/g, ‘/’);
array.push([score, scoreAcess, timetointeractive, firstcontentfulpaint, firstmeaningfulpaint, timetofirstbyte, speedindex, currentDate, “complete”]);
Utilities.sleep(1000);
return array;
}
}
I’m not sure if I’m missing anything here.
Thanks,
Thomas
Try this:
var scoreAcess = content[“lighthouseResult”][“categories”][“accessibility”][“auditRefs”][“score”];
I think there may be another level in the array after [“accessibility”] that isn’t accounted for.
Hi! Thank you so much for this tool. But as a non-coder, can you help me with this? I’m getting this error message:
Request failed for https://www.googleapis.com returned code 403. Truncated server response: { “error”: { “code”: 403, “message”: “Requests from referer \u003cempty\u003e are blocked.”, “errors”: [ { “message”: “… (use muteHttpExceptions option to examine full response) (line 595).
Even after the proper credential configs. No app restrictions and Pagespeed Insights API restriction set, right?
Hi Daniel, try a different, working URL. It seems that https://www.googleapis.com is returning the erroneous response.
Oh, after some digging I found out that it was just the “/” at the end of the URL. It was breaking the collection. Thanks!