Skip to content

Instantly share code, notes, and snippets.

@gorork
Created December 7, 2014 10:16
Show Gist options
  • Save gorork/cc73bc9a7d118545e9df to your computer and use it in GitHub Desktop.
Save gorork/cc73bc9a7d118545e9df to your computer and use it in GitHub Desktop.
P2: JavaScript Challenge #3
// Iterate through the localizedRuleNames in ruleResults and
// return an array of their strings.
function ruleList(results) {
var ruleResults = results.formattedResults.ruleResults;
var localizedRuleNamesArray = [];
for (var key in ruleResults) {
// Iterate through object's own properties only
if ( ruleResults.hasOwnProperty(key) ) {
localizedRuleNamesArray.push( ruleResults[key].localizedRuleName );
}
}
return localizedRuleNamesArray;
}
// Iterate through pageStats in the psiResults object and
// return the total number of bytes to load the website.
function totalBytes(results) {
var pageStats = results.pageStats;
var totalBytesSum = 0;
for (var key in pageStats) {
// Iterate through object's own properties only
// and if they contain 'Bytes' in their title
if ( pageStats.hasOwnProperty(key) && keyContainsString(key, 'Bytes') ) {
totalBytesSum += +pageStats[key];
}
}
return totalBytesSum;
}
var keyContainsString = function(key, string) {
return key.indexOf(string) > -1;
};
// Below, you'll find a sample PS Insights JSON
// and two console.log statements to help you test your code!
psinsights = {
"kind": "pagespeedonline#result",
"id": "/speed/pagespeed",
"responseCode": 200,
"title": "PageSpeed Home",
"score": 90,
"pageStats": {
"numberResources": 22,
"numberHosts": 7,
"totalRequestBytes": "2761",
"numberStaticResources": 16,
"htmlResponseBytes": "91981",
"cssResponseBytes": "37728",
"imageResponseBytes": "13909",
"javascriptResponseBytes": "247214",
"otherResponseBytes": "8804",
"numberJsResources": 6,
"numberCssResources": 2
},
"formattedResults": {
"locale": "en_US",
"ruleResults": {
"AvoidBadRequests": {
"localizedRuleName": "Avoid bad requests",
"ruleImpact": 0.0
},
"MinifyJavaScript": {
"localizedRuleName": "Minify JavaScript",
"ruleImpact": 0.1417,
"urlBlocks": [
{
"header": {
"format": "Minifying the following JavaScript resources could reduce their size by $1 ($2% reduction).",
"args": [
{
"type": "BYTES",
"value": "1.3KiB"
},
{
"type": "INT_LITERAL",
"value": "0"
}
]
},
"urls": [
{
"result": {
"format": "Minifying $1 could save $2 ($3% reduction).",
"args": [
{
"type": "URL",
"value": "http://code.google.com/js/codesite_tail.pack.04102009.js"
},
{
"type": "BYTES",
"value": "717B"
},
{
"type": "INT_LITERAL",
"value": "1"
}
]
}
},
{
"result": {
"format": "Minifying $1 could save $2 ($3% reduction).",
"args": [
{
"type": "URL",
"value": "http://www.gmodules.com/ig/proxy?url\u003dhttp%3A%2F%2Fjqueryjs.googlecode.com%2Ffiles%2Fjquery-1.2.6.min.js"
},
{
"type": "BYTES",
"value": "258B"
},
{
"type": "INT_LITERAL",
"value": "0"
}
]
}
}
]
}
]
},
"SpriteImages": {
"localizedRuleName": "Combine images into CSS sprites",
"ruleImpact": 0.0
}
}
},
"version": {
"major": 1,
"minor": 11
}
};
// Try logging the outputs below to test your code!
console.log(ruleList(psinsights));
console.log(totalBytes(psinsights));
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment