1042 lines
42 KiB
JavaScript
1042 lines
42 KiB
JavaScript
/*
|
|
* Copyright (C) 2010 Google Inc. All rights reserved.
|
|
*
|
|
* Redistribution and use in source and binary forms, with or without
|
|
* modification, are permitted provided that the following conditions are
|
|
* met:
|
|
*
|
|
* * Redistributions of source code must retain the above copyright
|
|
* notice, this list of conditions and the following disclaimer.
|
|
* * Redistributions in binary form must reproduce the above
|
|
* copyright notice, this list of conditions and the following disclaimer
|
|
* in the documentation and/or other materials provided with the
|
|
* distribution.
|
|
* * Neither the name of Google Inc. nor the names of its
|
|
* contributors may be used to endorse or promote products derived from
|
|
* this software without specific prior written permission.
|
|
*
|
|
* THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS
|
|
* "AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT
|
|
* LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR
|
|
* A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT
|
|
* OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL,
|
|
* SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT
|
|
* LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE,
|
|
* DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY
|
|
* THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
|
|
* (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE
|
|
* OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
|
|
*/
|
|
|
|
WebInspector.AuditRules.IPAddressRegexp = /^\d{1,3}\.\d{1,3}\.\d{1,3}\.\d{1,3}$/;
|
|
|
|
WebInspector.AuditRules.CacheableResponseCodes =
|
|
{
|
|
200: true,
|
|
203: true,
|
|
206: true,
|
|
300: true,
|
|
301: true,
|
|
410: true,
|
|
|
|
304: true // Underlying resource is cacheable
|
|
}
|
|
|
|
WebInspector.AuditRules.getDomainToResourcesMap = function(resources, types, needFullResources)
|
|
{
|
|
var domainToResourcesMap = {};
|
|
for (var i = 0, size = resources.length; i < size; ++i) {
|
|
var resource = resources[i];
|
|
if (types && types.indexOf(resource.type) === -1)
|
|
continue;
|
|
var parsedURL = resource.url.asParsedURL();
|
|
if (!parsedURL)
|
|
continue;
|
|
var domain = parsedURL.host;
|
|
var domainResources = domainToResourcesMap[domain];
|
|
if (domainResources === undefined) {
|
|
domainResources = [];
|
|
domainToResourcesMap[domain] = domainResources;
|
|
}
|
|
domainResources.push(needFullResources ? resource : resource.url);
|
|
}
|
|
return domainToResourcesMap;
|
|
}
|
|
|
|
WebInspector.AuditRules.evaluateInTargetWindow = function(func, args, callback)
|
|
{
|
|
InspectorBackend.evaluateOnSelf(func.toString(), args, callback);
|
|
}
|
|
|
|
|
|
WebInspector.AuditRules.GzipRule = function()
|
|
{
|
|
WebInspector.AuditRule.call(this, "network-gzip", "Enable gzip compression");
|
|
}
|
|
|
|
WebInspector.AuditRules.GzipRule.prototype = {
|
|
doRun: function(resources, result, callback)
|
|
{
|
|
var totalSavings = 0;
|
|
var compressedSize = 0;
|
|
var candidateSize = 0;
|
|
var summary = result.addChild("", true);
|
|
for (var i = 0, length = resources.length; i < length; ++i) {
|
|
var resource = resources[i];
|
|
if (this._shouldCompress(resource)) {
|
|
var size = resource.resourceSize;
|
|
candidateSize += size;
|
|
if (this._isCompressed(resource)) {
|
|
compressedSize += size;
|
|
continue;
|
|
}
|
|
var savings = 2 * size / 3;
|
|
totalSavings += savings;
|
|
summary.addChild(String.sprintf("%s could save ~%s", WebInspector.AuditRuleResult.linkifyDisplayName(resource.url), Number.bytesToString(savings)));
|
|
result.violationCount++;
|
|
}
|
|
}
|
|
if (!totalSavings)
|
|
return callback(null);
|
|
summary.value = String.sprintf("Compressing the following resources with gzip could reduce their transfer size by about two thirds (~%s):", Number.bytesToString(totalSavings));
|
|
callback(result);
|
|
},
|
|
|
|
_isCompressed: function(resource)
|
|
{
|
|
var encoding = resource.responseHeaders["Content-Encoding"];
|
|
return encoding === "gzip" || encoding === "deflate";
|
|
},
|
|
|
|
_shouldCompress: function(resource)
|
|
{
|
|
return WebInspector.Resource.Type.isTextType(resource.type) && resource.domain && resource.resourceSize !== undefined && resource.resourceSize > 150;
|
|
}
|
|
}
|
|
|
|
WebInspector.AuditRules.GzipRule.prototype.__proto__ = WebInspector.AuditRule.prototype;
|
|
|
|
|
|
WebInspector.AuditRules.CombineExternalResourcesRule = function(id, name, type, resourceTypeName, allowedPerDomain)
|
|
{
|
|
WebInspector.AuditRule.call(this, id, name);
|
|
this._type = type;
|
|
this._resourceTypeName = resourceTypeName;
|
|
this._allowedPerDomain = allowedPerDomain;
|
|
}
|
|
|
|
WebInspector.AuditRules.CombineExternalResourcesRule.prototype = {
|
|
doRun: function(resources, result, callback)
|
|
{
|
|
var domainToResourcesMap = WebInspector.AuditRules.getDomainToResourcesMap(resources, [this._type]);
|
|
var penalizedResourceCount = 0;
|
|
// TODO: refactor according to the chosen i18n approach
|
|
var summary = result.addChild("", true);
|
|
for (var domain in domainToResourcesMap) {
|
|
var domainResources = domainToResourcesMap[domain];
|
|
var extraResourceCount = domainResources.length - this._allowedPerDomain;
|
|
if (extraResourceCount <= 0)
|
|
continue;
|
|
penalizedResourceCount += extraResourceCount - 1;
|
|
summary.addChild(String.sprintf("%d %s resources served from %s.", domainResources.length, this._resourceTypeName, WebInspector.AuditRuleResult.resourceDomain(domain)));
|
|
result.violationCount += domainResources.length;
|
|
}
|
|
if (!penalizedResourceCount)
|
|
return callback(null);
|
|
|
|
summary.value = "There are multiple resources served from same domain. Consider combining them into as few files as possible.";
|
|
callback(result);
|
|
}
|
|
}
|
|
|
|
WebInspector.AuditRules.CombineExternalResourcesRule.prototype.__proto__ = WebInspector.AuditRule.prototype;
|
|
|
|
|
|
WebInspector.AuditRules.CombineJsResourcesRule = function(allowedPerDomain) {
|
|
WebInspector.AuditRules.CombineExternalResourcesRule.call(this, "page-externaljs", "Combine external JavaScript", WebInspector.Resource.Type.Script, "JavaScript", allowedPerDomain);
|
|
}
|
|
|
|
WebInspector.AuditRules.CombineJsResourcesRule.prototype.__proto__ = WebInspector.AuditRules.CombineExternalResourcesRule.prototype;
|
|
|
|
|
|
WebInspector.AuditRules.CombineCssResourcesRule = function(allowedPerDomain) {
|
|
WebInspector.AuditRules.CombineExternalResourcesRule.call(this, "page-externalcss", "Combine external CSS", WebInspector.Resource.Type.Stylesheet, "CSS", allowedPerDomain);
|
|
}
|
|
|
|
WebInspector.AuditRules.CombineCssResourcesRule.prototype.__proto__ = WebInspector.AuditRules.CombineExternalResourcesRule.prototype;
|
|
|
|
|
|
WebInspector.AuditRules.MinimizeDnsLookupsRule = function(hostCountThreshold) {
|
|
WebInspector.AuditRule.call(this, "network-minimizelookups", "Minimize DNS lookups");
|
|
this._hostCountThreshold = hostCountThreshold;
|
|
}
|
|
|
|
WebInspector.AuditRules.MinimizeDnsLookupsRule.prototype = {
|
|
doRun: function(resources, result, callback)
|
|
{
|
|
var summary = result.addChild("");
|
|
var domainToResourcesMap = WebInspector.AuditRules.getDomainToResourcesMap(resources, undefined);
|
|
for (var domain in domainToResourcesMap) {
|
|
if (domainToResourcesMap[domain].length > 1)
|
|
continue;
|
|
var parsedURL = domain.asParsedURL();
|
|
if (!parsedURL)
|
|
continue;
|
|
if (!parsedURL.host.search(WebInspector.AuditRules.IPAddressRegexp))
|
|
continue; // an IP address
|
|
summary.addSnippet(match[2]);
|
|
result.violationCount++;
|
|
}
|
|
if (!summary.children || summary.children.length <= this._hostCountThreshold)
|
|
return callback(null);
|
|
|
|
summary.value = "The following domains only serve one resource each. If possible, avoid the extra DNS lookups by serving these resources from existing domains.";
|
|
callback(result);
|
|
}
|
|
}
|
|
|
|
WebInspector.AuditRules.MinimizeDnsLookupsRule.prototype.__proto__ = WebInspector.AuditRule.prototype;
|
|
|
|
|
|
WebInspector.AuditRules.ParallelizeDownloadRule = function(optimalHostnameCount, minRequestThreshold, minBalanceThreshold)
|
|
{
|
|
WebInspector.AuditRule.call(this, "network-parallelizehosts", "Parallelize downloads across hostnames");
|
|
this._optimalHostnameCount = optimalHostnameCount;
|
|
this._minRequestThreshold = minRequestThreshold;
|
|
this._minBalanceThreshold = minBalanceThreshold;
|
|
}
|
|
|
|
|
|
WebInspector.AuditRules.ParallelizeDownloadRule.prototype = {
|
|
doRun: function(resources, result, callback)
|
|
{
|
|
function hostSorter(a, b)
|
|
{
|
|
var aCount = domainToResourcesMap[a].length;
|
|
var bCount = domainToResourcesMap[b].length;
|
|
return (aCount < bCount) ? 1 : (aCount == bCount) ? 0 : -1;
|
|
}
|
|
|
|
var domainToResourcesMap = WebInspector.AuditRules.getDomainToResourcesMap(
|
|
resources,
|
|
[WebInspector.Resource.Type.Stylesheet, WebInspector.Resource.Type.Image],
|
|
true);
|
|
|
|
var hosts = [];
|
|
for (var url in domainToResourcesMap)
|
|
hosts.push(url);
|
|
|
|
if (!hosts.length)
|
|
return callback(null); // no hosts (local file or something)
|
|
|
|
hosts.sort(hostSorter);
|
|
|
|
var optimalHostnameCount = this._optimalHostnameCount;
|
|
if (hosts.length > optimalHostnameCount)
|
|
hosts.splice(optimalHostnameCount);
|
|
|
|
var busiestHostResourceCount = domainToResourcesMap[hosts[0]].length;
|
|
var resourceCountAboveThreshold = busiestHostResourceCount - this._minRequestThreshold;
|
|
if (resourceCountAboveThreshold <= 0)
|
|
return callback(null);
|
|
|
|
var avgResourcesPerHost = 0;
|
|
for (var i = 0, size = hosts.length; i < size; ++i)
|
|
avgResourcesPerHost += domainToResourcesMap[hosts[i]].length;
|
|
|
|
// Assume optimal parallelization.
|
|
avgResourcesPerHost /= optimalHostnameCount;
|
|
avgResourcesPerHost = Math.max(avgResourcesPerHost, 1);
|
|
|
|
var pctAboveAvg = (resourceCountAboveThreshold / avgResourcesPerHost) - 1.0;
|
|
var minBalanceThreshold = this._minBalanceThreshold;
|
|
if (pctAboveAvg < minBalanceThreshold)
|
|
return callback(null);
|
|
|
|
var resourcesOnBusiestHost = domainToResourcesMap[hosts[0]];
|
|
var entry = result.addChild(String.sprintf("This page makes %d parallelizable requests to %s. Increase download parallelization by distributing the following requests across multiple hostnames.", busiestHostResourceCount, hosts[0]), true);
|
|
for (var i = 0; i < resourcesOnBusiestHost.length; ++i)
|
|
entry.addURL(resourcesOnBusiestHost[i].url);
|
|
|
|
result.violationCount = resourcesOnBusiestHost.length;
|
|
callback(result);
|
|
}
|
|
}
|
|
|
|
WebInspector.AuditRules.ParallelizeDownloadRule.prototype.__proto__ = WebInspector.AuditRule.prototype;
|
|
|
|
|
|
// The reported CSS rule size is incorrect (parsed != original in WebKit),
|
|
// so use percentages instead, which gives a better approximation.
|
|
WebInspector.AuditRules.UnusedCssRule = function()
|
|
{
|
|
WebInspector.AuditRule.call(this, "page-unusedcss", "Remove unused CSS rules");
|
|
}
|
|
|
|
WebInspector.AuditRules.UnusedCssRule.prototype = {
|
|
doRun: function(resources, result, callback)
|
|
{
|
|
var self = this;
|
|
|
|
function evalCallback(styleSheets) {
|
|
if (!styleSheets.length)
|
|
return callback(null);
|
|
|
|
var pseudoSelectorRegexp = /:hover|:link|:active|:visited|:focus|:before|:after/;
|
|
var selectors = [];
|
|
var testedSelectors = {};
|
|
for (var i = 0; i < styleSheets.length; ++i) {
|
|
var styleSheet = styleSheets[i];
|
|
for (var curRule = 0; curRule < styleSheet.rules.length; ++curRule) {
|
|
var selectorText = styleSheet.rules[curRule].selectorText;
|
|
if (selectorText.match(pseudoSelectorRegexp) || testedSelectors[selectorText])
|
|
continue;
|
|
selectors.push(selectorText);
|
|
testedSelectors[selectorText] = 1;
|
|
}
|
|
}
|
|
|
|
function selectorsCallback(callback, styleSheets, testedSelectors, foundSelectors)
|
|
{
|
|
var inlineBlockOrdinal = 0;
|
|
var totalStylesheetSize = 0;
|
|
var totalUnusedStylesheetSize = 0;
|
|
var summary;
|
|
|
|
for (var i = 0; i < styleSheets.length; ++i) {
|
|
var styleSheet = styleSheets[i];
|
|
var stylesheetSize = 0;
|
|
var unusedStylesheetSize = 0;
|
|
var unusedRules = [];
|
|
for (var curRule = 0; curRule < styleSheet.rules.length; ++curRule) {
|
|
var rule = styleSheet.rules[curRule];
|
|
// Exact computation whenever source ranges are available.
|
|
var textLength = (rule.selectorRange && rule.style.properties.endOffset) ? rule.style.properties.endOffset - rule.selectorRange.start + 1 : 0;
|
|
if (!textLength && rule.style.cssText)
|
|
textLength = rule.style.cssText.length + rule.selectorText.length;
|
|
stylesheetSize += textLength;
|
|
if (!testedSelectors[rule.selectorText] || foundSelectors[rule.selectorText])
|
|
continue;
|
|
unusedStylesheetSize += textLength;
|
|
unusedRules.push(rule.selectorText);
|
|
}
|
|
totalStylesheetSize += stylesheetSize;
|
|
totalUnusedStylesheetSize += unusedStylesheetSize;
|
|
|
|
if (!unusedRules.length)
|
|
continue;
|
|
|
|
var resource = WebInspector.resourceForURL(styleSheet.sourceURL);
|
|
var isInlineBlock = resource && resource.type == WebInspector.Resource.Type.Document;
|
|
var url = !isInlineBlock ? WebInspector.AuditRuleResult.linkifyDisplayName(styleSheet.sourceURL) : String.sprintf("Inline block #%d", ++inlineBlockOrdinal);
|
|
var pctUnused = Math.round(100 * unusedStylesheetSize / stylesheetSize);
|
|
if (!summary)
|
|
summary = result.addChild("", true);
|
|
var entry = summary.addChild(String.sprintf("%s: %s (%d%%) is not used by the current page.", url, Number.bytesToString(unusedStylesheetSize), pctUnused));
|
|
|
|
for (var j = 0; j < unusedRules.length; ++j)
|
|
entry.addSnippet(unusedRules[j]);
|
|
|
|
result.violationCount += unusedRules.length;
|
|
}
|
|
|
|
if (!totalUnusedStylesheetSize)
|
|
return callback(null);
|
|
|
|
var totalUnusedPercent = Math.round(100 * totalUnusedStylesheetSize / totalStylesheetSize);
|
|
summary.value = String.sprintf("%s (%d%%) of CSS is not used by the current page.", Number.bytesToString(totalUnusedStylesheetSize), totalUnusedPercent);
|
|
|
|
callback(result);
|
|
}
|
|
|
|
function routine(selectorArray)
|
|
{
|
|
var result = {};
|
|
for (var i = 0; i < selectorArray.length; ++i) {
|
|
try {
|
|
if (document.querySelector(selectorArray[i]))
|
|
result[selectorArray[i]] = true;
|
|
} catch(e) {
|
|
// Ignore and mark as unused.
|
|
}
|
|
}
|
|
return result;
|
|
}
|
|
|
|
WebInspector.AuditRules.evaluateInTargetWindow(routine, [selectors], selectorsCallback.bind(null, callback, styleSheets, testedSelectors));
|
|
}
|
|
|
|
function styleSheetCallback(styleSheets, continuation, styleSheet)
|
|
{
|
|
if (styleSheet)
|
|
styleSheets.push(styleSheet);
|
|
if (continuation)
|
|
continuation(styleSheets);
|
|
}
|
|
|
|
function allStylesCallback(styleSheetIds)
|
|
{
|
|
if (!styleSheetIds || !styleSheetIds.length)
|
|
return evalCallback([]);
|
|
var styleSheets = [];
|
|
for (var i = 0; i < styleSheetIds.length; ++i)
|
|
WebInspector.CSSStyleSheet.createForId(styleSheetIds[i], styleSheetCallback.bind(null, styleSheets, i == styleSheetIds.length - 1 ? evalCallback : null));
|
|
}
|
|
|
|
InspectorBackend.getAllStyles(allStylesCallback);
|
|
}
|
|
}
|
|
|
|
WebInspector.AuditRules.UnusedCssRule.prototype.__proto__ = WebInspector.AuditRule.prototype;
|
|
|
|
|
|
WebInspector.AuditRules.CacheControlRule = function(id, name)
|
|
{
|
|
WebInspector.AuditRule.call(this, id, name);
|
|
}
|
|
|
|
WebInspector.AuditRules.CacheControlRule.MillisPerMonth = 1000 * 60 * 60 * 24 * 30;
|
|
|
|
WebInspector.AuditRules.CacheControlRule.prototype = {
|
|
|
|
doRun: function(resources, result, callback)
|
|
{
|
|
var cacheableAndNonCacheableResources = this._cacheableAndNonCacheableResources(resources);
|
|
if (cacheableAndNonCacheableResources[0].length)
|
|
this.runChecks(cacheableAndNonCacheableResources[0], result);
|
|
this.handleNonCacheableResources(cacheableAndNonCacheableResources[1], result);
|
|
|
|
callback(result);
|
|
},
|
|
|
|
handleNonCacheableResources: function()
|
|
{
|
|
},
|
|
|
|
_cacheableAndNonCacheableResources: function(resources)
|
|
{
|
|
var processedResources = [[], []];
|
|
for (var i = 0; i < resources.length; ++i) {
|
|
var resource = resources[i];
|
|
if (!this.isCacheableResource(resource))
|
|
continue;
|
|
if (this._isExplicitlyNonCacheable(resource))
|
|
processedResources[1].push(resource);
|
|
else
|
|
processedResources[0].push(resource);
|
|
}
|
|
return processedResources;
|
|
},
|
|
|
|
execCheck: function(messageText, resourceCheckFunction, resources, result)
|
|
{
|
|
var resourceCount = resources.length;
|
|
var urls = [];
|
|
for (var i = 0; i < resourceCount; ++i) {
|
|
if (resourceCheckFunction.call(this, resources[i]))
|
|
urls.push(resources[i].url);
|
|
}
|
|
if (urls.length) {
|
|
var entry = result.addChild(messageText, true);
|
|
entry.addURLs(urls);
|
|
result.violationCount += urls.length;
|
|
}
|
|
},
|
|
|
|
freshnessLifetimeGreaterThan: function(resource, timeMs)
|
|
{
|
|
var dateHeader = this.responseHeader(resource, "Date");
|
|
if (!dateHeader)
|
|
return false;
|
|
|
|
var dateHeaderMs = Date.parse(dateHeader);
|
|
if (isNaN(dateHeaderMs))
|
|
return false;
|
|
|
|
var freshnessLifetimeMs;
|
|
var maxAgeMatch = this.responseHeaderMatch(resource, "Cache-Control", "max-age=(\\d+)");
|
|
|
|
if (maxAgeMatch)
|
|
freshnessLifetimeMs = (maxAgeMatch[1]) ? 1000 * maxAgeMatch[1] : 0;
|
|
else {
|
|
var expiresHeader = this.responseHeader(resource, "Expires");
|
|
if (expiresHeader) {
|
|
var expDate = Date.parse(expiresHeader);
|
|
if (!isNaN(expDate))
|
|
freshnessLifetimeMs = expDate - dateHeaderMs;
|
|
}
|
|
}
|
|
|
|
return (isNaN(freshnessLifetimeMs)) ? false : freshnessLifetimeMs > timeMs;
|
|
},
|
|
|
|
responseHeader: function(resource, header)
|
|
{
|
|
return resource.responseHeaders[header];
|
|
},
|
|
|
|
hasResponseHeader: function(resource, header)
|
|
{
|
|
return resource.responseHeaders[header] !== undefined;
|
|
},
|
|
|
|
isCompressible: function(resource)
|
|
{
|
|
return WebInspector.Resource.Type.isTextType(resource.type);
|
|
},
|
|
|
|
isPubliclyCacheable: function(resource)
|
|
{
|
|
if (this._isExplicitlyNonCacheable(resource))
|
|
return false;
|
|
|
|
if (this.responseHeaderMatch(resource, "Cache-Control", "public"))
|
|
return true;
|
|
|
|
return resource.url.indexOf("?") == -1 && !this.responseHeaderMatch(resource, "Cache-Control", "private");
|
|
},
|
|
|
|
responseHeaderMatch: function(resource, header, regexp)
|
|
{
|
|
return resource.responseHeaders[header]
|
|
? resource.responseHeaders[header].match(new RegExp(regexp, "im"))
|
|
: undefined;
|
|
},
|
|
|
|
hasExplicitExpiration: function(resource)
|
|
{
|
|
return this.hasResponseHeader(resource, "Date") &&
|
|
(this.hasResponseHeader(resource, "Expires") || this.responseHeaderMatch(resource, "Cache-Control", "max-age"));
|
|
},
|
|
|
|
_isExplicitlyNonCacheable: function(resource)
|
|
{
|
|
var hasExplicitExp = this.hasExplicitExpiration(resource);
|
|
return this.responseHeaderMatch(resource, "Cache-Control", "(no-cache|no-store|must-revalidate)") ||
|
|
this.responseHeaderMatch(resource, "Pragma", "no-cache") ||
|
|
(hasExplicitExp && !this.freshnessLifetimeGreaterThan(resource, 0)) ||
|
|
(!hasExplicitExp && resource.url && resource.url.indexOf("?") >= 0) ||
|
|
(!hasExplicitExp && !this.isCacheableResource(resource));
|
|
},
|
|
|
|
isCacheableResource: function(resource)
|
|
{
|
|
return resource.statusCode !== undefined && WebInspector.AuditRules.CacheableResponseCodes[resource.statusCode];
|
|
}
|
|
}
|
|
|
|
WebInspector.AuditRules.CacheControlRule.prototype.__proto__ = WebInspector.AuditRule.prototype;
|
|
|
|
|
|
WebInspector.AuditRules.BrowserCacheControlRule = function()
|
|
{
|
|
WebInspector.AuditRules.CacheControlRule.call(this, "http-browsercache", "Leverage browser caching");
|
|
}
|
|
|
|
WebInspector.AuditRules.BrowserCacheControlRule.prototype = {
|
|
handleNonCacheableResources: function(resources, result)
|
|
{
|
|
if (resources.length) {
|
|
var entry = result.addChild("The following resources are explicitly non-cacheable. Consider making them cacheable if possible:", true);
|
|
result.violationCount += resources.length;
|
|
for (var i = 0; i < resources.length; ++i)
|
|
entry.addURL(resources[i].url);
|
|
}
|
|
},
|
|
|
|
runChecks: function(resources, result, callback)
|
|
{
|
|
this.execCheck("The following resources are missing a cache expiration. Resources that do not specify an expiration may not be cached by browsers:",
|
|
this._missingExpirationCheck, resources, result);
|
|
this.execCheck("The following resources specify a \"Vary\" header that disables caching in most versions of Internet Explorer:",
|
|
this._varyCheck, resources, result);
|
|
this.execCheck("The following cacheable resources have a short freshness lifetime:",
|
|
this._oneMonthExpirationCheck, resources, result);
|
|
|
|
// Unable to implement the favicon check due to the WebKit limitations.
|
|
this.execCheck("To further improve cache hit rate, specify an expiration one year in the future for the following cacheable resources:",
|
|
this._oneYearExpirationCheck, resources, result);
|
|
},
|
|
|
|
_missingExpirationCheck: function(resource)
|
|
{
|
|
return this.isCacheableResource(resource) && !this.hasResponseHeader(resource, "Set-Cookie") && !this.hasExplicitExpiration(resource);
|
|
},
|
|
|
|
_varyCheck: function(resource)
|
|
{
|
|
var varyHeader = this.responseHeader(resource, "Vary");
|
|
if (varyHeader) {
|
|
varyHeader = varyHeader.replace(/User-Agent/gi, "");
|
|
varyHeader = varyHeader.replace(/Accept-Encoding/gi, "");
|
|
varyHeader = varyHeader.replace(/[, ]*/g, "");
|
|
}
|
|
return varyHeader && varyHeader.length && this.isCacheableResource(resource) && this.freshnessLifetimeGreaterThan(resource, 0);
|
|
},
|
|
|
|
_oneMonthExpirationCheck: function(resource)
|
|
{
|
|
return this.isCacheableResource(resource) &&
|
|
!this.hasResponseHeader(resource, "Set-Cookie") &&
|
|
!this.freshnessLifetimeGreaterThan(resource, WebInspector.AuditRules.CacheControlRule.MillisPerMonth) &&
|
|
this.freshnessLifetimeGreaterThan(resource, 0);
|
|
},
|
|
|
|
_oneYearExpirationCheck: function(resource)
|
|
{
|
|
return this.isCacheableResource(resource) &&
|
|
!this.hasResponseHeader(resource, "Set-Cookie") &&
|
|
!this.freshnessLifetimeGreaterThan(resource, 11 * WebInspector.AuditRules.CacheControlRule.MillisPerMonth) &&
|
|
this.freshnessLifetimeGreaterThan(resource, WebInspector.AuditRules.CacheControlRule.MillisPerMonth);
|
|
}
|
|
}
|
|
|
|
WebInspector.AuditRules.BrowserCacheControlRule.prototype.__proto__ = WebInspector.AuditRules.CacheControlRule.prototype;
|
|
|
|
|
|
WebInspector.AuditRules.ProxyCacheControlRule = function() {
|
|
WebInspector.AuditRules.CacheControlRule.call(this, "http-proxycache", "Leverage proxy caching");
|
|
}
|
|
|
|
WebInspector.AuditRules.ProxyCacheControlRule.prototype = {
|
|
runChecks: function(resources, result, callback)
|
|
{
|
|
this.execCheck("Resources with a \"?\" in the URL are not cached by most proxy caching servers:",
|
|
this._questionMarkCheck, resources, result);
|
|
this.execCheck("Consider adding a \"Cache-Control: public\" header to the following resources:",
|
|
this._publicCachingCheck, resources, result);
|
|
this.execCheck("The following publicly cacheable resources contain a Set-Cookie header. This security vulnerability can cause cookies to be shared by multiple users.",
|
|
this._setCookieCacheableCheck, resources, result);
|
|
},
|
|
|
|
_questionMarkCheck: function(resource)
|
|
{
|
|
return resource.url.indexOf("?") >= 0 && !this.hasResponseHeader(resource, "Set-Cookie") && this.isPubliclyCacheable(resource);
|
|
},
|
|
|
|
_publicCachingCheck: function(resource)
|
|
{
|
|
return this.isCacheableResource(resource) &&
|
|
!this.isCompressible(resource) &&
|
|
!this.responseHeaderMatch(resource, "Cache-Control", "public") &&
|
|
!this.hasResponseHeader(resource, "Set-Cookie");
|
|
},
|
|
|
|
_setCookieCacheableCheck: function(resource)
|
|
{
|
|
return this.hasResponseHeader(resource, "Set-Cookie") && this.isPubliclyCacheable(resource);
|
|
}
|
|
}
|
|
|
|
WebInspector.AuditRules.ProxyCacheControlRule.prototype.__proto__ = WebInspector.AuditRules.CacheControlRule.prototype;
|
|
|
|
|
|
WebInspector.AuditRules.ImageDimensionsRule = function()
|
|
{
|
|
WebInspector.AuditRule.call(this, "page-imagedims", "Specify image dimensions");
|
|
}
|
|
|
|
WebInspector.AuditRules.ImageDimensionsRule.prototype = {
|
|
doRun: function(resources, result, callback)
|
|
{
|
|
function doneCallback(context)
|
|
{
|
|
var map = context.urlToNoDimensionCount;
|
|
for (var url in map) {
|
|
var entry = entry || result.addChild("A width and height should be specified for all images in order to speed up page display. The following image(s) are missing a width and/or height:", true);
|
|
var value = WebInspector.AuditRuleResult.linkifyDisplayName(url);
|
|
if (map[url] > 1)
|
|
value += String.sprintf(" (%d uses)", map[url]);
|
|
entry.addChild(value);
|
|
result.violationCount++;
|
|
}
|
|
callback(entry ? result : null);
|
|
}
|
|
|
|
function imageStylesReady(imageId, context, styles)
|
|
{
|
|
--context.imagesLeft;
|
|
|
|
var node = WebInspector.domAgent.nodeForId(imageId);
|
|
var src = node.getAttribute("src");
|
|
if (!src.asParsedURL()) {
|
|
for (var frameOwnerCandidate = node; frameOwnerCandidate; frameOwnerCandidate = frameOwnerCandidate.parentNode) {
|
|
if (frameOwnerCandidate.documentURL) {
|
|
var completeSrc = WebInspector.completeURL(frameOwnerCandidate.documentURL, src);
|
|
break;
|
|
}
|
|
}
|
|
}
|
|
if (completeSrc)
|
|
src = completeSrc;
|
|
|
|
var computedStyle = styles.computedStyle;
|
|
if (computedStyle.getPropertyValue("position") === "absolute") {
|
|
if (!context.imagesLeft)
|
|
doneCallback(context);
|
|
return;
|
|
}
|
|
|
|
var widthFound = "width" in styles.styleAttributes;
|
|
var heightFound = "height" in styles.styleAttributes;
|
|
|
|
for (var i = styles.matchedCSSRules.length - 1; i >= 0 && !(widthFound && heightFound); --i) {
|
|
var style = styles.matchedCSSRules[i].style;
|
|
if (style.getPropertyValue("width") !== "")
|
|
widthFound = true;
|
|
if (style.getPropertyValue("height") !== "")
|
|
heightFound = true;
|
|
}
|
|
|
|
if (!widthFound || !heightFound) {
|
|
if (src in context.urlToNoDimensionCount)
|
|
++context.urlToNoDimensionCount[src];
|
|
else
|
|
context.urlToNoDimensionCount[src] = 1;
|
|
}
|
|
|
|
if (!context.imagesLeft)
|
|
doneCallback(context);
|
|
}
|
|
|
|
function receivedImages(imageIds)
|
|
{
|
|
if (!imageIds || !imageIds.length)
|
|
return callback(null);
|
|
var context = {imagesLeft: imageIds.length, urlToNoDimensionCount: {}};
|
|
for (var i = imageIds.length - 1; i >= 0; --i)
|
|
WebInspector.cssModel.getStylesAsync(imageIds[i], imageStylesReady.bind(this, imageIds[i], context));
|
|
}
|
|
|
|
function pushImageNodes()
|
|
{
|
|
var nodeIds = [];
|
|
var nodes = document.getElementsByTagName("img");
|
|
for (var i = 0; i < nodes.length; ++i) {
|
|
if (!nodes[i].src)
|
|
continue;
|
|
var nodeId = this.getNodeId(nodes[i]);
|
|
nodeIds.push(nodeId);
|
|
}
|
|
return nodeIds;
|
|
}
|
|
|
|
WebInspector.AuditRules.evaluateInTargetWindow(pushImageNodes, [], receivedImages);
|
|
}
|
|
}
|
|
|
|
WebInspector.AuditRules.ImageDimensionsRule.prototype.__proto__ = WebInspector.AuditRule.prototype;
|
|
|
|
|
|
WebInspector.AuditRules.CssInHeadRule = function()
|
|
{
|
|
WebInspector.AuditRule.call(this, "page-cssinhead", "Put CSS in the document head");
|
|
}
|
|
|
|
WebInspector.AuditRules.CssInHeadRule.prototype = {
|
|
doRun: function(resources, result, callback)
|
|
{
|
|
function evalCallback(evalResult)
|
|
{
|
|
if (!evalResult)
|
|
return callback(null);
|
|
|
|
var summary = result.addChild("");
|
|
|
|
var outputMessages = [];
|
|
for (var url in evalResult) {
|
|
var urlViolations = evalResult[url];
|
|
if (urlViolations[0]) {
|
|
result.addChild(String.sprintf("%s style block(s) in the %s body should be moved to the document head.", urlViolations[0], WebInspector.AuditRuleResult.linkifyDisplayName(url)));
|
|
result.violationCount += urlViolations[0];
|
|
}
|
|
for (var i = 0; i < urlViolations[1].length; ++i)
|
|
result.addChild(String.sprintf("Link node %s should be moved to the document head in %s", WebInspector.AuditRuleResult.linkifyDisplayName(urlViolations[1][i]), WebInspector.AuditRuleResult.linkifyDisplayName(url)));
|
|
result.violationCount += urlViolations[1].length;
|
|
}
|
|
summary.value = String.sprintf("CSS in the document body adversely impacts rendering performance.");
|
|
callback(result);
|
|
}
|
|
|
|
function routine()
|
|
{
|
|
function allViews() {
|
|
var views = [document.defaultView];
|
|
var curView = 0;
|
|
while (curView < views.length) {
|
|
var view = views[curView];
|
|
var frames = view.frames;
|
|
for (var i = 0; i < frames.length; ++i) {
|
|
if (frames[i] !== view)
|
|
views.push(frames[i]);
|
|
}
|
|
++curView;
|
|
}
|
|
return views;
|
|
}
|
|
|
|
var views = allViews();
|
|
var urlToViolationsArray = {};
|
|
var found = false;
|
|
for (var i = 0; i < views.length; ++i) {
|
|
var view = views[i];
|
|
if (!view.document)
|
|
continue;
|
|
|
|
var inlineStyles = view.document.querySelectorAll("body style");
|
|
var inlineStylesheets = view.document.querySelectorAll("body link[rel~='stylesheet'][href]");
|
|
if (!inlineStyles.length && !inlineStylesheets.length)
|
|
continue;
|
|
|
|
found = true;
|
|
var inlineStylesheetHrefs = [];
|
|
for (var j = 0; j < inlineStylesheets.length; ++j)
|
|
inlineStylesheetHrefs.push(inlineStylesheets[j].href);
|
|
urlToViolationsArray[view.location.href] = [inlineStyles.length, inlineStylesheetHrefs];
|
|
}
|
|
return found ? urlToViolationsArray : null;
|
|
}
|
|
|
|
WebInspector.AuditRules.evaluateInTargetWindow(routine, [], evalCallback);
|
|
}
|
|
}
|
|
|
|
WebInspector.AuditRules.CssInHeadRule.prototype.__proto__ = WebInspector.AuditRule.prototype;
|
|
|
|
|
|
WebInspector.AuditRules.StylesScriptsOrderRule = function()
|
|
{
|
|
WebInspector.AuditRule.call(this, "page-stylescriptorder", "Optimize the order of styles and scripts");
|
|
}
|
|
|
|
WebInspector.AuditRules.StylesScriptsOrderRule.prototype = {
|
|
doRun: function(resources, result, callback)
|
|
{
|
|
function evalCallback(resultValue)
|
|
{
|
|
if (!resultValue)
|
|
return callback(null);
|
|
|
|
var lateCssUrls = resultValue[0];
|
|
var cssBeforeInlineCount = resultValue[1];
|
|
|
|
var entry = result.addChild("The following external CSS files were included after an external JavaScript file in the document head. To ensure CSS files are downloaded in parallel, always include external CSS before external JavaScript.", true);
|
|
entry.addURLs(lateCssUrls);
|
|
result.violationCount += lateCssUrls.length;
|
|
|
|
if (cssBeforeInlineCount) {
|
|
result.addChild(String.sprintf(" %d inline script block%s found in the head between an external CSS file and another resource. To allow parallel downloading, move the inline script before the external CSS file, or after the next resource.", cssBeforeInlineCount, cssBeforeInlineCount > 1 ? "s were" : " was"));
|
|
result.violationCount += cssBeforeInlineCount;
|
|
}
|
|
callback(result);
|
|
}
|
|
|
|
function routine()
|
|
{
|
|
var lateStyles = document.querySelectorAll("head script[src] ~ link[rel~='stylesheet'][href]");
|
|
var cssBeforeInlineCount = document.querySelectorAll("head link[rel~='stylesheet'][href] ~ script:not([src])").length;
|
|
if (!lateStyles.length && !cssBeforeInlineCount)
|
|
return null;
|
|
|
|
var lateStyleUrls = [];
|
|
for (var i = 0; i < lateStyles.length; ++i)
|
|
lateStyleUrls.push(lateStyles[i].href);
|
|
return [ lateStyleUrls, cssBeforeInlineCount ];
|
|
}
|
|
|
|
WebInspector.AuditRules.evaluateInTargetWindow(routine, [], evalCallback.bind(this));
|
|
}
|
|
}
|
|
|
|
WebInspector.AuditRules.StylesScriptsOrderRule.prototype.__proto__ = WebInspector.AuditRule.prototype;
|
|
|
|
|
|
WebInspector.AuditRules.CookieRuleBase = function(id, name)
|
|
{
|
|
WebInspector.AuditRule.call(this, id, name);
|
|
}
|
|
|
|
WebInspector.AuditRules.CookieRuleBase.prototype = {
|
|
doRun: function(resources, result, callback)
|
|
{
|
|
var self = this;
|
|
function resultCallback(receivedCookies, isAdvanced) {
|
|
self.processCookies(isAdvanced ? receivedCookies : [], resources, result);
|
|
callback(result);
|
|
}
|
|
WebInspector.Cookies.getCookiesAsync(resultCallback);
|
|
},
|
|
|
|
mapResourceCookies: function(resourcesByDomain, allCookies, callback)
|
|
{
|
|
for (var i = 0; i < allCookies.length; ++i) {
|
|
for (var resourceDomain in resourcesByDomain) {
|
|
if (WebInspector.Cookies.cookieDomainMatchesResourceDomain(allCookies[i].domain, resourceDomain))
|
|
this._callbackForResourceCookiePairs(resourcesByDomain[resourceDomain], allCookies[i], callback);
|
|
}
|
|
}
|
|
},
|
|
|
|
_callbackForResourceCookiePairs: function(resources, cookie, callback)
|
|
{
|
|
if (!resources)
|
|
return;
|
|
for (var i = 0; i < resources.length; ++i) {
|
|
if (WebInspector.Cookies.cookieMatchesResourceURL(cookie, resources[i].url))
|
|
callback(resources[i], cookie);
|
|
}
|
|
}
|
|
}
|
|
|
|
WebInspector.AuditRules.CookieRuleBase.prototype.__proto__ = WebInspector.AuditRule.prototype;
|
|
|
|
|
|
WebInspector.AuditRules.CookieSizeRule = function(avgBytesThreshold)
|
|
{
|
|
WebInspector.AuditRules.CookieRuleBase.call(this, "http-cookiesize", "Minimize cookie size");
|
|
this._avgBytesThreshold = avgBytesThreshold;
|
|
this._maxBytesThreshold = 1000;
|
|
}
|
|
|
|
WebInspector.AuditRules.CookieSizeRule.prototype = {
|
|
_average: function(cookieArray)
|
|
{
|
|
var total = 0;
|
|
for (var i = 0; i < cookieArray.length; ++i)
|
|
total += cookieArray[i].size;
|
|
return cookieArray.length ? Math.round(total / cookieArray.length) : 0;
|
|
},
|
|
|
|
_max: function(cookieArray)
|
|
{
|
|
var result = 0;
|
|
for (var i = 0; i < cookieArray.length; ++i)
|
|
result = Math.max(cookieArray[i].size, result);
|
|
return result;
|
|
},
|
|
|
|
processCookies: function(allCookies, resources, result)
|
|
{
|
|
function maxSizeSorter(a, b)
|
|
{
|
|
return b.maxCookieSize - a.maxCookieSize;
|
|
}
|
|
|
|
function avgSizeSorter(a, b)
|
|
{
|
|
return b.avgCookieSize - a.avgCookieSize;
|
|
}
|
|
|
|
var cookiesPerResourceDomain = {};
|
|
|
|
function collectorCallback(resource, cookie)
|
|
{
|
|
var cookies = cookiesPerResourceDomain[resource.domain];
|
|
if (!cookies) {
|
|
cookies = [];
|
|
cookiesPerResourceDomain[resource.domain] = cookies;
|
|
}
|
|
cookies.push(cookie);
|
|
}
|
|
|
|
if (!allCookies.length)
|
|
return;
|
|
|
|
var sortedCookieSizes = [];
|
|
|
|
var domainToResourcesMap = WebInspector.AuditRules.getDomainToResourcesMap(resources,
|
|
null,
|
|
true);
|
|
var matchingResourceData = {};
|
|
this.mapResourceCookies(domainToResourcesMap, allCookies, collectorCallback.bind(this));
|
|
|
|
for (var resourceDomain in cookiesPerResourceDomain) {
|
|
var cookies = cookiesPerResourceDomain[resourceDomain];
|
|
sortedCookieSizes.push({
|
|
domain: resourceDomain,
|
|
avgCookieSize: this._average(cookies),
|
|
maxCookieSize: this._max(cookies)
|
|
});
|
|
}
|
|
var avgAllCookiesSize = this._average(allCookies);
|
|
|
|
var hugeCookieDomains = [];
|
|
sortedCookieSizes.sort(maxSizeSorter);
|
|
|
|
for (var i = 0, len = sortedCookieSizes.length; i < len; ++i) {
|
|
var maxCookieSize = sortedCookieSizes[i].maxCookieSize;
|
|
if (maxCookieSize > this._maxBytesThreshold)
|
|
hugeCookieDomains.push(WebInspector.AuditRuleResult.resourceDomain(sortedCookieSizes[i].domain) + ": " + Number.bytesToString(maxCookieSize));
|
|
}
|
|
|
|
var bigAvgCookieDomains = [];
|
|
sortedCookieSizes.sort(avgSizeSorter);
|
|
for (var i = 0, len = sortedCookieSizes.length; i < len; ++i) {
|
|
var domain = sortedCookieSizes[i].domain;
|
|
var avgCookieSize = sortedCookieSizes[i].avgCookieSize;
|
|
if (avgCookieSize > this._avgBytesThreshold && avgCookieSize < this._maxBytesThreshold)
|
|
bigAvgCookieDomains.push(WebInspector.AuditRuleResult.resourceDomain(domain) + ": " + Number.bytesToString(avgCookieSize));
|
|
}
|
|
result.addChild(String.sprintf("The average cookie size for all requests on this page is %s", Number.bytesToString(avgAllCookiesSize)));
|
|
|
|
var message;
|
|
if (hugeCookieDomains.length) {
|
|
var entry = result.addChild("The following domains have a cookie size in excess of 1KB. This is harmful because requests with cookies larger than 1KB typically cannot fit into a single network packet.", true);
|
|
entry.addURLs(hugeCookieDomains);
|
|
result.violationCount += hugeCookieDomains.length;
|
|
}
|
|
|
|
if (bigAvgCookieDomains.length) {
|
|
var entry = result.addChild(String.sprintf("The following domains have an average cookie size in excess of %d bytes. Reducing the size of cookies for these domains can reduce the time it takes to send requests.", this._avgBytesThreshold), true);
|
|
entry.addURLs(bigAvgCookieDomains);
|
|
result.violationCount += bigAvgCookieDomains.length;
|
|
}
|
|
}
|
|
}
|
|
|
|
WebInspector.AuditRules.CookieSizeRule.prototype.__proto__ = WebInspector.AuditRules.CookieRuleBase.prototype;
|
|
|
|
|
|
WebInspector.AuditRules.StaticCookielessRule = function(minResources)
|
|
{
|
|
WebInspector.AuditRules.CookieRuleBase.call(this, "http-staticcookieless", "Serve static content from a cookieless domain");
|
|
this._minResources = minResources;
|
|
}
|
|
|
|
WebInspector.AuditRules.StaticCookielessRule.prototype = {
|
|
processCookies: function(allCookies, resources, result)
|
|
{
|
|
var domainToResourcesMap = WebInspector.AuditRules.getDomainToResourcesMap(resources,
|
|
[WebInspector.Resource.Type.Stylesheet,
|
|
WebInspector.Resource.Type.Image],
|
|
true);
|
|
var totalStaticResources = 0;
|
|
for (var domain in domainToResourcesMap)
|
|
totalStaticResources += domainToResourcesMap[domain].length;
|
|
if (totalStaticResources < this._minResources)
|
|
return;
|
|
var matchingResourceData = {};
|
|
this.mapResourceCookies(domainToResourcesMap, allCookies, this._collectorCallback.bind(this, matchingResourceData));
|
|
|
|
var badUrls = [];
|
|
var cookieBytes = 0;
|
|
for (var url in matchingResourceData) {
|
|
badUrls.push(url);
|
|
cookieBytes += matchingResourceData[url]
|
|
}
|
|
if (badUrls.length < this._minResources)
|
|
return;
|
|
|
|
var entry = result.addChild(String.sprintf("%s of cookies were sent with the following static resources. Serve these static resources from a domain that does not set cookies:", Number.bytesToString(cookieBytes)), true);
|
|
entry.addURLs(badUrls);
|
|
result.violationCount = badUrls.length;
|
|
},
|
|
|
|
_collectorCallback: function(matchingResourceData, resource, cookie)
|
|
{
|
|
matchingResourceData[resource.url] = (matchingResourceData[resource.url] || 0) + cookie.size;
|
|
}
|
|
}
|
|
|
|
WebInspector.AuditRules.StaticCookielessRule.prototype.__proto__ = WebInspector.AuditRules.CookieRuleBase.prototype;
|