monitoring-jekyll-theme 0.4.2 → 0.5.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- checksums.yaml +4 -4
- data/README.md +3 -2
- data/_includes/actions/energy.html +39 -0
- data/_includes/actions/quality.html +25 -0
- data/_includes/index/energy.html +54 -0
- data/_includes/index/loading.html +21 -0
- data/_includes/index/position.html +30 -0
- data/_includes/index/quality.html +28 -0
- data/_includes/index/score.html +172 -0
- data/_includes/index/security.html +25 -0
- data/_includes/index/styles.html +20 -0
- data/_includes/statistiques.html +15 -347
- data/_includes/value/lastfiledate.html +14 -0
- data/_layouts/default.html +70 -4
- data/assets/css/styles.css +136 -88
- data/assets/fonts/IBMPlexMono-Medium.woff2 +0 -0
- data/assets/fonts/PublicSans-Black.woff2 +0 -0
- data/assets/fonts/PublicSans-ExtraLight.woff2 +0 -0
- data/assets/fonts/PublicSans-Light.woff2 +0 -0
- data/assets/js/frappe-charts.min.iife.js +0 -1
- metadata +16 -2
data/_includes/statistiques.html
CHANGED
|
@@ -13,360 +13,28 @@
|
|
|
13
13
|
|
|
14
14
|
{% for website in site.pagestested limit: 1 %}
|
|
15
15
|
|
|
16
|
-
{% assign gpagespeed
|
|
17
|
-
{% assign yellowlabtools
|
|
18
|
-
{% assign lighthouse
|
|
19
|
-
{% assign moz
|
|
20
|
-
|
|
21
|
-
{% assign
|
|
22
|
-
{% assign indexesname = "Accessibilité,Bonnes pratiques,Performance,SEO,PWA,Speed Index" | split: ',' %}
|
|
23
|
-
{% comment %}{% endcomment %}
|
|
24
|
-
{% assign indexes = indexes | push: lighthouse.categories.accessibility.score | push: lighthouse.categories.best-practices.score | push: lighthouse.categories.performance.score | push: lighthouse.categories.seo.score | push: lighthouse.categories.pwa.score | push: lighthouse.audits.speed-index.score %}
|
|
25
|
-
|
|
26
|
-
{% comment %}Calcul du score moyen à partir des données httparchive{% endcomment %}
|
|
27
|
-
{% assign domaverage = 600 | times: 3 %}{% assign httpaverage = 74 | times: 2 %}
|
|
28
|
-
{% assign ecoaverage = domaverage | plus: httpaverage | plus: 2000000 | times: 5 | divided_by: 6 %}
|
|
29
|
-
|
|
30
|
-
{% comment %}Calcul du score le meilleur à partir du site bertrandkeller.info {% endcomment %}
|
|
31
|
-
{% assign dombest = 150 | times: 3 %}{% assign httpbest = 15 | times: 2 %}
|
|
32
|
-
{% assign ecobest = dombest | plus: httpbest | plus: 130000 | times: 5 | divided_by: 6 %}
|
|
33
|
-
|
|
34
|
-
{% comment %}Calcul du score pour le site le pire{% endcomment %}
|
|
35
|
-
{% assign domworth = 3000 | times: 3 %}{% assign httpworth = 120 | times: 2 %}
|
|
36
|
-
{% assign ecoworth = domworth | plus: httpworth | plus: 5000000 | times: 5 | divided_by: 6 %}
|
|
37
|
-
|
|
38
|
-
{% comment %}Calcul du score le meilleur{% endcomment %}
|
|
39
|
-
{% assign ecobestscore = ecobest | times: 100 | divided_by: ecoworth %}
|
|
40
|
-
|
|
41
|
-
{% comment %}Calcul de la valeur du site audité{% endcomment %}
|
|
42
|
-
{% assign dom = lighthouse.audits["dom-size"].details.items[0].value | replace: ",","" | times: 3 %}{% assign http = lighthouse.audits.diagnostics.details.items[0].numRequests | times: 2 %}
|
|
43
|
-
{% assign eco = dom | plus: http | plus: lighthouse.audits.diagnostics.details.items[0].totalByteWeight | times: 5 | divided_by: 6 %}
|
|
44
|
-
|
|
45
|
-
{% assign ecodiviser = ecoworth | minus: ecobest %}
|
|
16
|
+
{% assign gpagespeed = site.data.[website].gpagespeed[datelastcrawl] %}
|
|
17
|
+
{% assign yellowlabtools = site.data.[website].yellowlabtools[datelastcrawl] %}
|
|
18
|
+
{% assign lighthouse = site.data.[website].lighthouse[datelastcrawl] %}
|
|
19
|
+
{% assign moz = site.data.[website].moz[datelastcrawl]%}
|
|
20
|
+
{% assign stylestats = site.data.[website].stylestats[datelastcrawl] %}
|
|
21
|
+
{% assign observatory = site.data.[website].observatory[datelastcrawl] %}
|
|
46
22
|
|
|
47
23
|
<h3 style="display: none;">Scores</h3>
|
|
48
24
|
|
|
49
|
-
{%
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
<!-- <div class="progress-bar-tooltip" style="transform: translate(50%,-50%);background: rgba(34,150,30,1);">Max</div> -->
|
|
56
|
-
<div class="progress-bar-tooltip" style="left: {{ ecoaverage | minus: ecobest | times: 100 | divided_by: ecodiviser }}%;">Moyenne grands sites</div>
|
|
57
|
-
<div class="progress-bar-tooltip" style="left: {{ eco | minus: ecobest | times: 100 | divided_by: ecodiviser }}%;;z-index:2">{{ site.title }}</div>
|
|
58
|
-
<!-- <div class="progress-bar-tooltip" style="background: rgba(176,2,2,1);">Min</div> -->
|
|
59
|
-
</div>
|
|
60
|
-
<div>
|
|
61
|
-
<div class="progress-bar-score" style="transform: translate(50%,35%);color: rgba(34,150,30,1);">Good</div>
|
|
62
|
-
<div class="progress-bar-score" style="left: {{ ecoaverage | minus: ecobest | times: 100 | divided_by: ecodiviser }}%;">{{ ecoaverage | minus: ecobest | times: 100 | divided_by: ecodiviser | minus: 100 | times: -1 }}</div>
|
|
63
|
-
<div class="progress-bar-score" style="left: {{ eco | minus: ecobest | times: 100 | divided_by: ecodiviser }}%;z-index:2">{{ eco | minus: ecobest | times: 100 | divided_by: ecodiviser | minus: 100 | times: -1 }}</div>
|
|
64
|
-
<div class="progress-bar-score" style="color: rgba(176,2,2,1);">Bad</div>
|
|
65
|
-
</div>
|
|
66
|
-
</div>
|
|
67
|
-
</div>
|
|
68
|
-
</div>
|
|
69
|
-
{% endif %}
|
|
70
|
-
|
|
71
|
-
{% if lighthouse %}
|
|
72
|
-
<div class="progress progress-circular flex">
|
|
73
|
-
<div><h4>Qualite</h4></div>
|
|
74
|
-
<div>
|
|
75
|
-
<ul>
|
|
76
|
-
{% for index in indexes %}
|
|
77
|
-
{% assign score = index | times: 100 | round %}
|
|
78
|
-
<li data-name="{{ indexesname[forloop.index0] }}" data-percent="{{ score }}%">
|
|
79
|
-
{% if score > 85 %}{% assign color = 'top' %}{% elsif score > 75 %}{% assign color = 'verygood' %}{% elsif score > 60 %}{% assign color = 'good' %}{% elsif score > 40 %}{% assign color = 'bad' %}{% else %}{% assign color = 'verybad' %}{% endif%}
|
|
80
|
-
<svg viewbox="-10 -10 220 220" class="{{ color }}">
|
|
81
|
-
<g fill="none" stroke-width="15" transform="translate(100,100)">
|
|
82
|
-
<path d="M 0,-100 A 100,100 0 0,1 86.6,-50" />
|
|
83
|
-
<path d="M 86.6,-50 A 100,100 0 0,1 86.6,50" />
|
|
84
|
-
<path d="M 86.6,50 A 100,100 0 0,1 0,100" />
|
|
85
|
-
<path d="M 0,100 A 100,100 0 0,1 -86.6,50" />
|
|
86
|
-
<path d="M -86.6,50 A 100,100 0 0,1 -86.6,-50" />
|
|
87
|
-
<path d="M -86.6,-50 A 100,100 0 0,1 0,-100" />
|
|
88
|
-
</g>
|
|
89
|
-
</svg>
|
|
90
|
-
<svg viewbox="-10 -10 220 220">
|
|
91
|
-
<path d="M200,100 C200,44.771525 155.228475,0 100,0 C44.771525,0 0,44.771525 0,100 C0,155.228475 44.771525,200 100,200 C155.228475,200 200,155.228475 200,100 Z" stroke-dashoffset="{{ 630 | times: index }}"></path>
|
|
92
|
-
</svg>
|
|
93
|
-
</li>
|
|
94
|
-
{% endfor %}
|
|
95
|
-
</ul>
|
|
96
|
-
</div>
|
|
97
|
-
</div>
|
|
98
|
-
{% endif %}
|
|
25
|
+
{% include_cached index/energy.html %}
|
|
26
|
+
{% include_cached index/quality.html %}
|
|
27
|
+
{% include_cached index/loading.html %}
|
|
28
|
+
{% include_cached index/styles.html %}
|
|
29
|
+
{% include_cached index/position.html %}
|
|
30
|
+
{% include_cached index/security.html %}
|
|
99
31
|
|
|
100
|
-
{% if moz %}
|
|
101
|
-
<div class="progress progress-circular flex">
|
|
102
|
-
<div><h4>Position</h4></div>
|
|
103
|
-
<div>
|
|
104
|
-
<ul>
|
|
105
|
-
{% for authority in site.data.[website].moz[datelastcrawl] %}
|
|
106
|
-
{% for element in authority limit: 2 %}
|
|
107
|
-
{% assign score = element[1] | times: 1 %}
|
|
108
|
-
<li data-name="{{ element[0] }}" data-percent="{{ score }}">
|
|
109
|
-
{% if score > 60 %}{% assign color = 'top' %}{% elsif score > 50 %}{% assign color = 'verygood' %}{% elsif score > 30 %}{% assign color = 'good' %}{% elsif score > 15 %}{% assign color = 'bad' %}{% else %}{% assign color = 'verybad' %}{% endif%}
|
|
110
|
-
<svg viewbox="-10 -10 220 220" class="{{ color }}">
|
|
111
|
-
<g fill="none" stroke-width="15" transform="translate(100,100)">
|
|
112
|
-
<path d="M 0,-100 A 100,100 0 0,1 86.6,-50" />
|
|
113
|
-
<path d="M 86.6,-50 A 100,100 0 0,1 86.6,50" />
|
|
114
|
-
<path d="M 86.6,50 A 100,100 0 0,1 0,100" />
|
|
115
|
-
<path d="M 0,100 A 100,100 0 0,1 -86.6,50" />
|
|
116
|
-
<path d="M -86.6,50 A 100,100 0 0,1 -86.6,-50" />
|
|
117
|
-
<path d="M -86.6,-50 A 100,100 0 0,1 0,-100" />
|
|
118
|
-
</g>
|
|
119
|
-
</svg>
|
|
120
|
-
<svg viewbox="-10 -10 220 220">
|
|
121
|
-
<path d="M200,100 C200,44.771525 155.228475,0 100,0 C44.771525,0 0,44.771525 0,100 C0,155.228475 44.771525,200 100,200 C155.228475,200 200,155.228475 200,100 Z" stroke-dashoffset="{{ score | times: 630 | divided_by: 100 }}"></path>
|
|
122
|
-
</svg>
|
|
123
|
-
</li>
|
|
124
|
-
{% endfor %}
|
|
125
|
-
{% endfor %}
|
|
126
|
-
</ul>
|
|
127
|
-
</div>
|
|
128
|
-
</div>
|
|
129
|
-
{% endif %}
|
|
130
32
|
{% endfor %}
|
|
131
33
|
|
|
132
|
-
|
|
133
|
-
{% for website in site.pagestested limit: 1 %}
|
|
134
|
-
{% assign lighthouse = site.data.[website].lighthouse[datelastcrawl] %}
|
|
135
|
-
{% assign total = 0 %}
|
|
136
|
-
{% assign networkrequests = lighthouse.audits.["network-requests"].details.items %}
|
|
137
|
-
{% if networkrequests.resourceType != 'Document' %}{% if networkrequests.resourceType != 'Other' %}
|
|
138
|
-
{% assign requests = networkrequests | sort: 'transferSize'%}
|
|
139
|
-
{% for request in requests reversed %}{% assign total = total | plus: request.transferSize %}{% endfor %}
|
|
140
|
-
{% endif %}{% endif %}
|
|
141
|
-
{% endfor %}
|
|
142
|
-
<h3>Tableaux des points energie perdus</h3>
|
|
143
|
-
<div class="grid grid-score">
|
|
144
|
-
{% for request in requests reversed %}
|
|
145
|
-
{% if request.transferSize > 32000 %}<div style="grid-area: auto / auto / span 1 / span {{ request.transferSize | times: 1.00 | divided_by: 6 | times: 50 | divided_by: ecoworth | round: 0 }};position: relative;"><span>{{ request.url }}</span><b class="pointseco" title="{{ request.url }}">{{ request.transferSize | times: 1.00 | times: 5 | divided_by: 6 | times: 100 | divided_by: ecoworth | round: 0 }}</b></div>{% endif %}
|
|
146
|
-
{% endfor %}
|
|
147
|
-
</div>
|
|
148
|
-
|
|
149
|
-
|
|
150
|
-
<h3 class="js-expandmore mb0 mt0" data-hideshow-prefix-class="animated" id="diagnostic-energy">Points energie</h3>
|
|
151
|
-
<div class="js-to_expand">
|
|
152
|
-
{% for website in site.pagestested limit: 1 %}
|
|
153
|
-
{% assign lighthouse = site.data.[website].lighthouse[datelastcrawl] %}
|
|
154
|
-
|
|
155
|
-
{% assign networkrequests = lighthouse.audits.["network-requests"].details.items | group_by: "resourceType" %}
|
|
156
|
-
{% for items in networkrequests %}
|
|
157
|
-
{% if items.items %}
|
|
158
|
-
{% if items.items %}<h3>{{ items.name }}</h3>{% endif %}
|
|
159
|
-
<ul>
|
|
160
|
-
{% assign requests = items.items | sort: 'transferSize'%}
|
|
161
|
-
{% for request in requests reversed %}
|
|
162
|
-
<li><a href="{{ request.url }}" title="{{ request.url }}">{{ request.url | slice: 0, 100 }}</a><b>{{ request.transferSize | filesize }}</b><b class="pointseco">{{ request.transferSize | times: 1.00 | times: 5 | divided_by: 6 | times: 100 | divided_by: ecoworth | round: 0 }}</b></li>
|
|
163
|
-
{% endfor %}
|
|
164
|
-
</ul>
|
|
165
|
-
{% endif %}
|
|
166
|
-
{% endfor %}
|
|
167
|
-
{% endfor %}
|
|
168
|
-
</div>
|
|
169
|
-
</div>
|
|
170
|
-
|
|
171
|
-
<br><br>
|
|
172
|
-
|
|
173
|
-
<div class="js-tabs" data-existing-hx="h2" data-tabs-prefix-class="tabs">
|
|
174
|
-
<ul class="js-tablist">
|
|
175
|
-
{% for website in site.pagestested %}
|
|
176
|
-
<li class="js-tablist__item">
|
|
177
|
-
<a href="#id_{{ forloop.index }}" class="js-tablist__link">{{ website }}</a>
|
|
178
|
-
</li>
|
|
179
|
-
{% endfor %}
|
|
180
|
-
</ul>
|
|
181
|
-
|
|
182
|
-
{% for website in site.pagestested %}
|
|
183
|
-
|
|
184
|
-
{% assign labels = "" | split: ',' %}
|
|
185
|
-
{% assign ttfb = "" | split: ',' %}
|
|
186
|
-
{% assign tti = "" | split: ',' %}
|
|
187
|
-
{% assign score = "" | split: ',' %}
|
|
188
|
-
|
|
189
|
-
{% for data in file %}
|
|
190
|
-
{% if site.data.[website].gpagespeed[data] %}
|
|
191
|
-
{% assign date = data | date: "%d/%m/%y" | prepend: "'" | append: "'" %}
|
|
192
|
-
{% assign labels = labels | push: date %}
|
|
193
|
-
{% assign ttfb = ttfb | push: site.data.[website].yellowlabtools[data].toolsResults.phantomas.metrics.timeToFirstByte %}
|
|
194
|
-
{% assign tti = tti | push: site.data.[website].yellowlabtools[data].toolsResults.phantomas.metrics.domContentLoadedEnd %}
|
|
195
|
-
{% assign score = score | push: site.data.[website].gpagespeed[data].ruleGroups.SPEED.score %}
|
|
196
|
-
{% endif %}
|
|
197
|
-
{% endfor %}
|
|
198
|
-
|
|
199
|
-
<div id="id_{{ forloop.index }}" class="js-tabcontent">
|
|
200
|
-
<h3>{{ website }}</h3>
|
|
201
|
-
|
|
202
|
-
<div class="flex">
|
|
203
|
-
<div>
|
|
204
|
-
<strong>Temps de chargement</strong>
|
|
205
|
-
<div id="chart-{{ website }}-1" class="ct-chart"></div>
|
|
206
|
-
|
|
207
|
-
<script>
|
|
208
|
-
var data{{ website }}1 = {
|
|
209
|
-
labels: [{{ labels | join: ', ' }}],
|
|
210
|
-
datasets: [{
|
|
211
|
-
values: [{{ tti | join: ', ' }}]
|
|
212
|
-
}],
|
|
213
|
-
// yMarkers: [{
|
|
214
|
-
// label: "budget",
|
|
215
|
-
// value: 650,
|
|
216
|
-
// options: {
|
|
217
|
-
// labelPos: 'left'
|
|
218
|
-
// }
|
|
219
|
-
// }]
|
|
220
|
-
};
|
|
221
|
-
|
|
222
|
-
let chart{{ website}}1 = new frappe.Chart("#chart-{{ website }}-1", {
|
|
223
|
-
data: data{{ website }}1,
|
|
224
|
-
...frappeoptions
|
|
225
|
-
})
|
|
226
|
-
|
|
227
|
-
</script>
|
|
228
|
-
</div>
|
|
229
|
-
<div>
|
|
230
|
-
<strong>Score</strong>
|
|
231
|
-
<div id="chart-{{ website }}-2" class="ct-chart"></div>
|
|
232
|
-
|
|
233
|
-
<script>
|
|
234
|
-
var data{{ website }}2 = {
|
|
235
|
-
labels: [{{ labels | join: ', ' }}],
|
|
236
|
-
datasets: [{
|
|
237
|
-
values: [{{ score | join: ', ' }}]
|
|
238
|
-
}],
|
|
239
|
-
};
|
|
240
|
-
|
|
241
|
-
let chart{{ website }}2 = new frappe.Chart("#chart-{{ website }}-2", {
|
|
242
|
-
data: data{{ website }}2,
|
|
243
|
-
...frappeoptions
|
|
244
|
-
})
|
|
245
|
-
|
|
246
|
-
</script>
|
|
247
|
-
</div>
|
|
248
|
-
</div>
|
|
249
|
-
|
|
250
|
-
{% assign score = 0 %}
|
|
251
|
-
{% assign timeToFirstByte = 0 %}
|
|
252
|
-
|
|
253
|
-
<div class="table">
|
|
254
|
-
|
|
255
|
-
{% for data in file %}
|
|
256
|
-
|
|
257
|
-
{% assign gpagespeed = site.data.[website].gpagespeed[data] %}
|
|
258
|
-
{% assign yellowlabtools = site.data.[website].yellowlabtools[data] %}
|
|
259
|
-
{% assign lighthouse = site.data.[website].lighthouse[data] %}
|
|
260
|
-
|
|
261
|
-
{% if gpagespeed %}
|
|
34
|
+
{% include actions/energy.html %}
|
|
262
35
|
|
|
263
|
-
|
|
264
|
-
<div class="box date">
|
|
265
|
-
<span>Date</span>
|
|
266
|
-
<p>{{ data | date: "%d %b %y" }}</p>
|
|
267
|
-
</div>
|
|
268
|
-
<div class="box score">
|
|
269
|
-
<span class="title">Score</span>
|
|
270
|
-
<span class="number">{{ gpagespeed.ruleGroups.SPEED.score | round }}</span>
|
|
271
|
-
{% if forloop.index != 1 %}<span
|
|
272
|
-
class="score-difference{% if score > gpagespeed.ruleGroups.SPEED.score %} score-up{% endif %}{% if score < gpagespeed.ruleGroups.SPEED.score %} score-down{% endif %}"></span>{% endif %}
|
|
273
|
-
{% assign score = gpagespeed.ruleGroups.SPEED.score %}
|
|
274
|
-
</div>
|
|
275
|
-
<div class="box score">
|
|
276
|
-
<span class="title">TTI</span>
|
|
277
|
-
<span class="number">{{ yellowlabtools.toolsResults.phantomas.metrics.domContentLoadedEnd | round }}</span>
|
|
278
|
-
<i>ms</i>
|
|
279
|
-
{% if forloop.index != 1 %}<span
|
|
280
|
-
class="score-difference{% if timeToFirstByte > yellowlabtools.toolsResults.phantomas.metrics.domContentLoadedEnd %} score-down{% endif %}{% if timeToFirstByte < yellowlabtools.toolsResults.phantomas.metrics.domContentLoadedEnd %} score-up{% endif %}"></span>{% endif %}
|
|
281
|
-
{% assign timeToFirstByte = yellowlabtools.toolsResults.phantomas.metrics.domContentLoadedEnd %}
|
|
282
|
-
</div>
|
|
283
|
-
<div class="box score">
|
|
284
|
-
<span class="title">TTFC</span>
|
|
285
|
-
<span class="number">{{ yellowlabtools.toolsResults.phantomas.metrics.timeToFirstCss | round }}</span>
|
|
286
|
-
<i>ms</i>
|
|
287
|
-
{% if forloop.index != 1 %}<span
|
|
288
|
-
class="score-difference{% if timeToFirstCss > yellowlabtools.toolsResults.phantomas.metrics.timeToFirstCss %} score-down{% endif %}{% if timeToFirstCss < yellowlabtools.toolsResults.phantomas.metrics.timeToFirstCss %} score-up{% endif %}"></span>{% endif %}
|
|
289
|
-
{% assign timeToFirstCss = yellowlabtools.toolsResults.phantomas.metrics.timeToFirstCss %}
|
|
290
|
-
</div>
|
|
291
|
-
<div class="box score">
|
|
292
|
-
<span class="title">Total Bytes</span>
|
|
293
|
-
<span class="number">{{ gpagespeed.pageStats.totalRequestBytes | round }}</span> <i>kb</i>
|
|
294
|
-
{% if forloop.index != 1 %}<span
|
|
295
|
-
class="score-difference{% if totalRequestBytes > gpagespeed.pageStats.totalRequestBytes %} score-down{% endif %}{% if totalRequestBytes < gpagespeed.pageStats.totalRequestBytes %} score-up{% endif %}"></span>{% endif %}
|
|
296
|
-
{% assign totalRequestBytes = gpagespeed.pageStats.totalRequestBytes %}
|
|
297
|
-
</div>
|
|
298
|
-
<!-- <div class="box score">
|
|
299
|
-
<span class="title">Images Bytes</span>
|
|
300
|
-
<span class="number">{{ gpagespeed.pageStats.imageResponseBytes | round }}</span> <i>kb</i>
|
|
301
|
-
</div> -->
|
|
302
|
-
<div class="box score">
|
|
303
|
-
<span class="title">HTML Size</span>
|
|
304
|
-
<span class="number">{{ yellowlabtools.toolsResults.phantomas.metrics.htmlSize | round }}</span>
|
|
305
|
-
<i>kb</i>
|
|
306
|
-
{% if forloop.index != 1 %}<span
|
|
307
|
-
class="score-difference{% if htmlSize > yellowlabtools.toolsResults.phantomas.metrics.htmlSize %} score-down{% endif %}{% if htmlSize < yellowlabtools.toolsResults.phantomas.metrics.htmlSize %} score-up{% endif %}"></span>{% endif %}
|
|
308
|
-
{% assign htmlSize = yellowlabtools.toolsResults.phantomas.metrics.htmlSize %}
|
|
309
|
-
</div>
|
|
310
|
-
<div class="box score">
|
|
311
|
-
<span class="title">JS Size</span>
|
|
312
|
-
<span class="number">{{ yellowlabtools.toolsResults.phantomas.metrics.jsSize | round }}</span> <i>kb</i>
|
|
313
|
-
{% if forloop.index != 1 %}<span
|
|
314
|
-
class="score-difference{% if numberResources > yellowlabtools.toolsResults.phantomas.metrics.jsSize %} score-down{% endif %}{% if numberResources < yellowlabtools.toolsResults.phantomas.metrics.jsSize %} score-up{% endif %}"></span>{% endif %}
|
|
315
|
-
{% assign numberResources = yellowlabtools.toolsResults.phantomas.metrics.jsSize %}
|
|
316
|
-
</div>
|
|
317
|
-
<div class="box score">
|
|
318
|
-
<span class="title">Ressources</span>
|
|
319
|
-
<span class="number">{{ gpagespeed.pageStats.numberResources | round }}</span>
|
|
320
|
-
{% if forloop.index != 1 %}<span
|
|
321
|
-
class="score-difference{% if numberResources > gpagespeed.pageStats.numberResources %} score-down{% endif %}{% if numberResources < gpagespeed.pageStats.numberResources %} score-up{% endif %}"></span>{% endif %}
|
|
322
|
-
{% assign numberResources = gpagespeed.pageStats.numberResources %}
|
|
323
|
-
</div>
|
|
324
|
-
<div class="box score">
|
|
325
|
-
<span class="title">Requests</span>
|
|
326
|
-
<span class="number">{{ yellowlabtools.toolsResults.phantomas.metrics.httpsRequests | round }}</span>
|
|
327
|
-
{% if forloop.index != 1 %}<span
|
|
328
|
-
class="score-difference{% if httpsRequests > yellowlabtools.toolsResults.phantomas.metrics.httpsRequests %} score-down{% endif %}{% if httpsRequests < yellowlabtools.toolsResults.phantomas.metrics.httpsRequests %} score-up{% endif %}"></span>{% endif %}
|
|
329
|
-
{% assign httpsRequests = yellowlabtools.toolsResults.phantomas.metrics.httpsRequests %}
|
|
330
|
-
</div>
|
|
331
|
-
<div class="box score">
|
|
332
|
-
<span class="title">Not Found</span>
|
|
333
|
-
<span class="number">{{ yellowlabtools.toolsResults.phantomas.metrics.notFound | round }}</span>
|
|
334
|
-
{% if forloop.index != 1 %}<span
|
|
335
|
-
class="score-difference{% if notFound > yellowlabtools.toolsResults.phantomas.metrics.notFound %} score-down{% endif %}{% if notFound < yellowlabtools.toolsResults.phantomas.metrics.notFound %} score-up{% endif %}"></span>{% endif %}
|
|
336
|
-
{% assign notFound = yellowlabtools.toolsResults.phantomas.metrics.notFound %}
|
|
337
|
-
</div>
|
|
338
|
-
</div>
|
|
339
|
-
{% endif %}
|
|
340
|
-
{% endfor %}
|
|
341
|
-
</div>
|
|
342
|
-
</div>
|
|
343
|
-
{% endfor %}
|
|
344
|
-
</div>
|
|
36
|
+
{% include index/score.html %}
|
|
345
37
|
|
|
346
|
-
|
|
347
|
-
{% for website in site.pagestested limit: 1 %}
|
|
348
|
-
<h3 class="js-expandmore mb0 mt0" data-hideshow-prefix-class="animated" id="diagnostic-quality">Points de conformite</h3>
|
|
349
|
-
<div class="js-to_expand">
|
|
350
|
-
<ul>
|
|
351
|
-
{% assign lighthouse = site.data.[website].lighthouse[datelastcrawl] %}
|
|
352
|
-
{% assign categories = lighthouse.categories %}
|
|
353
|
-
{% for audit in lighthouse.audits %}
|
|
354
|
-
{% for value in audit %}
|
|
355
|
-
{% if scoreDisplayMode == binary %}
|
|
356
|
-
{% for categorie in categories %}
|
|
357
|
-
{% for element in categorie %}
|
|
358
|
-
{% for auditRef in element.auditRefs %}
|
|
359
|
-
{% if value.id == auditRef.id %}{% assign titlecategorie = element.title %}{% endif %}
|
|
360
|
-
{% endfor %}
|
|
361
|
-
{% endfor %}
|
|
362
|
-
{% endfor %}
|
|
363
|
-
{% if value.score < 0.6 %}<li class="{{ titlecategorie | slugify }}" data-title="{{ titlecategorie }}">{{ value.title | xml_escape}}{% if value.displayValue contains 'Potential' %} <b>{{ value.displayValue }}</b>{% endif %}</li>{% endif %}
|
|
364
|
-
{% endif %}
|
|
365
|
-
{% endfor %}
|
|
366
|
-
{% endfor %}
|
|
367
|
-
</ul>
|
|
368
|
-
</div>
|
|
369
|
-
{% endfor %}
|
|
370
|
-
</div>
|
|
38
|
+
{% include actions/quality.html %}
|
|
371
39
|
|
|
372
40
|
<br>
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
{% comment %}List all the date of files stocked{% endcomment %}
|
|
2
|
+
{% assign files = "" | split: ',' %}
|
|
3
|
+
{% for website in site.pagestested limit:1 %}
|
|
4
|
+
{% for org_hash in site.data.[website].gpagespeed %}
|
|
5
|
+
{% assign files = files | push: org_hash[0] %}
|
|
6
|
+
{% endfor %}
|
|
7
|
+
{% endfor %}
|
|
8
|
+
|
|
9
|
+
{% comment %}List the name of url tested{% endcomment %}
|
|
10
|
+
{{ site.urltested[0] }}
|
|
11
|
+
|
|
12
|
+
{% assign file = files | sort %}
|
|
13
|
+
{% assign filereversed = files | sort | reverse | first %}
|
|
14
|
+
{% assign datelastcrawl = filereversed %}
|
data/_layouts/default.html
CHANGED
|
@@ -1,22 +1,85 @@
|
|
|
1
|
+
<!DOCTYPE html lang="fr">
|
|
1
2
|
<html>
|
|
2
3
|
|
|
3
4
|
<head>
|
|
4
5
|
<meta charset="utf-8">
|
|
5
6
|
<link href="https://gmpg.org/xfn/11" rel="profile">
|
|
6
7
|
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
|
|
8
|
+
|
|
9
|
+
<link rel="preload" href="/assets/css/styles.css" as="style">
|
|
10
|
+
<link rel="preload" href="/assets/fonts/Optiker-K.woff2" as="font" type="font/woff2" crossorigin>
|
|
11
|
+
<link rel="preload" href="/assets/fonts/IBMPlexMono-Medium.woff2" as="font" type="font/woff2" crossorigin>
|
|
12
|
+
<link rel="preload" href="/assets/fonts/PublicSans-Regular.woff2" as="font" type="font/woff2" crossorigin>
|
|
13
|
+
|
|
14
|
+
<!-- CSS -->
|
|
7
15
|
<link rel="stylesheet" href="/assets/css/styles.css">
|
|
16
|
+
|
|
17
|
+
<!-- SEO -->
|
|
18
|
+
<title>{% if page.title %}{{ page.title }}{% endif %} | {% if page.description %}{{ page.description }} -
|
|
19
|
+
{% endif %}{{ site.name }}</title>
|
|
8
20
|
<meta name="subject" content="{{ site.subject }}">
|
|
9
21
|
<meta name="generator" content="jekyll v{{ jekyll.version }}">
|
|
10
|
-
<meta itemprop="name"
|
|
11
|
-
|
|
22
|
+
<meta itemprop="name"
|
|
23
|
+
content="{% if page.title %}{{ page.title }}{% endif %} | {% if page.description %}{{ page.description }} - {% endif %}{{ site.name }}">
|
|
24
|
+
<meta itemprop="description" content="{{ site.subject }}">
|
|
12
25
|
<meta name="robots" content="{{ site.robots }}">
|
|
26
|
+
|
|
27
|
+
<!-- Profiles -->
|
|
28
|
+
<link href="/humans.txt" rel="author" type="text/plain" />
|
|
29
|
+
|
|
30
|
+
<style>
|
|
31
|
+
@font-face {
|
|
32
|
+
font-family: Optiker;
|
|
33
|
+
font-weight: 300;
|
|
34
|
+
|
|
35
|
+
src: url('../../assets/fonts/Optiker-K.woff2');
|
|
36
|
+
font-display: swap;
|
|
37
|
+
}
|
|
38
|
+
|
|
39
|
+
@font-face {
|
|
40
|
+
font-family: IBMPlexMono;
|
|
41
|
+
font-weight: 300;
|
|
42
|
+
|
|
43
|
+
src: url('../../assets/fonts/IBMPlexMono-Medium.woff2');
|
|
44
|
+
unicode-range: U+0030-0039;
|
|
45
|
+
}
|
|
46
|
+
|
|
47
|
+
@font-face {
|
|
48
|
+
font-family: PublicSans;
|
|
49
|
+
font-weight: 300;
|
|
50
|
+
|
|
51
|
+
src: url('../../assets/fonts/PublicSans-Regular.woff2');
|
|
52
|
+
font-display: swap;
|
|
53
|
+
}
|
|
54
|
+
|
|
55
|
+
@font-face {
|
|
56
|
+
font-family: PublicSans;
|
|
57
|
+
font-weight: 100;
|
|
58
|
+
|
|
59
|
+
src: url('../../assets/fonts/PublicSans-ExtraLight.woff2');
|
|
60
|
+
font-display: swap;
|
|
61
|
+
}
|
|
62
|
+
</style>
|
|
63
|
+
|
|
64
|
+
<script>
|
|
65
|
+
if ("fonts" in document) {
|
|
66
|
+
var Optiker = new FontFace("Optiker-K","url(/assets/fonts/Optiker-K.woff2) format('woff2')", {weight: "300"});
|
|
67
|
+
var IBMPlexMonoBold = new FontFace("IBMPlexMono","url(/assets/fonts/IBMPlexMono-Medium.woff2) format('woff2')", {weight: "300",unicode-range: U+0030-0039;});
|
|
68
|
+
var PublicSansExtraLight = new FontFace("PublicSans","url(/assets/fonts/PublicSans-ExtraLight.woff2) format('woff2')", {weight: "100"});
|
|
69
|
+
var PublicSansRegular = new FontFace("PublicSans","url(/assets/fonts/PublicSans-Regular.woff2) format('woff2')", {weight: "300"});
|
|
70
|
+
Promise.all([PublicSansRegular.load(), PublicSansExtraLight.load(), IBMPlexMonoBold.load(), Optiker.load()]).then(function (fonts) {
|
|
71
|
+
fonts.forEach(function (font) {
|
|
72
|
+
document.fonts.add(font);
|
|
73
|
+
});
|
|
74
|
+
});
|
|
75
|
+
}
|
|
76
|
+
</script>
|
|
13
77
|
</head>
|
|
14
78
|
|
|
15
79
|
<body>
|
|
16
80
|
|
|
17
81
|
<header class="wrapper">
|
|
18
|
-
<
|
|
19
|
-
<h1>Monitoring performance <small>- {{ site.title }}</small></h1>
|
|
82
|
+
<h1><a href="/">{{ site.name }}</a> <small>- {{ site.title }}</small></h1>
|
|
20
83
|
</header>
|
|
21
84
|
|
|
22
85
|
<div class="wrapper">
|
|
@@ -30,6 +93,7 @@
|
|
|
30
93
|
<script src="/assets/js/lighthouse.js"></script>
|
|
31
94
|
<script>
|
|
32
95
|
run();
|
|
96
|
+
|
|
33
97
|
</script>
|
|
34
98
|
{% endif %}
|
|
35
99
|
<script>
|
|
@@ -38,5 +102,7 @@
|
|
|
38
102
|
// history.pushState("", document.title, window.location.pathname);
|
|
39
103
|
// window.location.href.substr(0, window.location.href.indexOf('#'))
|
|
40
104
|
// });
|
|
105
|
+
|
|
41
106
|
</script>
|
|
107
|
+
|
|
42
108
|
</html>
|