Add Images not lazyloaded rule

This commit is contained in:
Gaël Métais
2015-06-20 00:12:47 +02:00
parent 41cdc8783e
commit 2f447da34b
5 changed files with 16 additions and 5 deletions
+1 -1
View File
@@ -237,7 +237,7 @@
margin-top: 0.5em;
}
.smallPreview {
max-height: 1.5em;
max-height: 1.6em;
max-width: 4em;
border: 1px solid #000;
margin-top: 0.2em;
+1 -1
View File
@@ -262,7 +262,7 @@
}
.smallPreview {
max-height: 1.5em;
max-height: 1.6em;
max-width: 4em;
border: 1px solid #000;
margin-top: 0.2em;
+3 -2
View File
@@ -137,8 +137,9 @@
<file-and-line-button file="offender.file" line="offender.line" column="offender.column"></file-and-line-button>
</div>
<div ng-if="policyName === 'requests'">
<url-link url="offender.file" max-length="100"></url-link>
<div ng-if="policyName === 'lazyLoadableImagesBelowTheFold'">
<url-link url="offender" max-length="100"></url-link>
<img ng-src="{{offender}}" class="smallPreview checker"></img>
</div>
<div ng-if="policyName === 'notFound' || policyName === 'closedConnections' || policyName === 'multipleRequests' || policyName === 'cachingDisabled' || policyName === 'cachingNotSpecified'">
+9
View File
@@ -910,6 +910,15 @@ var policies = {
"isAbnormalThreshold": 50,
"hasOffenders": true
},
"lazyLoadableImagesBelowTheFold": {
"tool": "phantomas",
"label": "Not lazyloaded images",
"message": "<p>This is the number of images displayed below the fold that could be lazy-loaded. This is an excellent way to accelerate the loading time of an heavy page.</p><p>I recommend using <a href=\"https://github.com/vvo/lazyload\" target=\"_blank\">this lazyloader</a>.</p>",
"isOkThreshold": 1,
"isBadThreshold": 12,
"isAbnormalThreshold": 30,
"hasOffenders": true
},
"notFound": {
"tool": "phantomas",
"label": "404 not found",
+2 -1
View File
@@ -85,7 +85,8 @@
"domains": 3,
"notFound": 3,
"multipleRequests": 2,
"smallRequests": 1
"smallRequests": 1,
"lazyLoadableImagesBelowTheFold": 2
}
},
"serverConfig": {