monitoring-jekyll-theme 0.4.2 → 0.5.0
Sign up to get free protection for your applications and to get access to all the features.
- 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
checksums.yaml
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
---
|
|
2
2
|
SHA256:
|
|
3
|
-
metadata.gz:
|
|
4
|
-
data.tar.gz:
|
|
3
|
+
metadata.gz: 8758ea8e62f0b5e6a40222e6e28823f2cae3891b70b94581d23cc207d7c7baef
|
|
4
|
+
data.tar.gz: 1e4f25a3f454c34eaa6ccbb9c9c879b80ca23e5cfb2809670fb1727f57cd963d
|
|
5
5
|
SHA512:
|
|
6
|
-
metadata.gz:
|
|
7
|
-
data.tar.gz:
|
|
6
|
+
metadata.gz: c35c6861de22d1e7a195e28c46e3fe3b67b3c157c14cc9610af363f340f7564f7b739379831d54384ae42c669dbcdd64927f992bbabd65719ff52ec0e53499a9
|
|
7
|
+
data.tar.gz: 2cc714b1d0cb1d0cdf5a94eeb81130ad1d4f84f9ce1f51d440adf032feafdccbc7968444c7f0ddd2305099a25b948e2e37cd7b4f2c45ff2d3f05822e21d52d58
|
data/README.md
CHANGED
|
@@ -29,7 +29,7 @@
|
|
|
29
29
|
### Caractères à remplacer
|
|
30
30
|
|
|
31
31
|
_Regular expression in all files_
|
|
32
|
-
|
|
32
|
+
|
|
33
33
|
find \_data/ -name '_.json' -exec sed -i 's/{"charset": "(.\*)"}//g' {} \\;
|
|
34
34
|
replace \\/ => / seocli
|
|
35
35
|
|
|
@@ -43,7 +43,7 @@ replace \\/ => / seocli
|
|
|
43
43
|
- <https://developers.google.com/webmaster-tools/search-console-api-original/v3/searchanalytics/query>
|
|
44
44
|
- <https://ahrefs.com/fr/website-authority-checker>
|
|
45
45
|
- <https://web.dev/measure>
|
|
46
|
-
-
|
|
46
|
+
- <https://www.thinkwithgoogle.com/intl/fr-fr/feature/testmysite/>
|
|
47
47
|
|
|
48
48
|
## Ressources
|
|
49
49
|
|
|
@@ -54,6 +54,7 @@ replace \\/ => / seocli
|
|
|
54
54
|
### Bibliothèques
|
|
55
55
|
|
|
56
56
|
- <https://github.com/bartveneman/constyble>
|
|
57
|
+
- <https://github.com/sethblack/python-seo-analyzer>
|
|
57
58
|
|
|
58
59
|
### Articles
|
|
59
60
|
|
|
@@ -0,0 +1,39 @@
|
|
|
1
|
+
<div class="list-actions list-actions-table">
|
|
2
|
+
{% for website in site.pagestested limit: 1 %}
|
|
3
|
+
{% assign lighthouse = site.data.[website].lighthouse[datelastcrawl] %}
|
|
4
|
+
{% assign total = 0 %}
|
|
5
|
+
{% assign networkrequests = lighthouse.audits.["network-requests"].details.items %}
|
|
6
|
+
{% if networkrequests.resourceType != 'Document' %}{% if networkrequests.resourceType != 'Other' %}
|
|
7
|
+
{% assign requests = networkrequests | sort: 'transferSize'%}
|
|
8
|
+
{% for request in requests reversed %}{% assign total = total | plus: request.transferSize %}{% endfor %}
|
|
9
|
+
{% endif %}{% endif %}
|
|
10
|
+
{% endfor %}
|
|
11
|
+
<h3>Tableaux des points energie perdus</h3>
|
|
12
|
+
<div class="grid grid-score">
|
|
13
|
+
{% for request in requests reversed %}
|
|
14
|
+
{% 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 %}
|
|
15
|
+
{% endfor %}
|
|
16
|
+
</div>
|
|
17
|
+
|
|
18
|
+
|
|
19
|
+
<h3 class="js-expandmore mb0 mt0" data-hideshow-prefix-class="animated" id="diagnostic-energy">Points energie</h3>
|
|
20
|
+
<div class="js-to_expand">
|
|
21
|
+
{% for website in site.pagestested limit: 1 %}
|
|
22
|
+
{% assign lighthouse = site.data.[website].lighthouse[datelastcrawl] %}
|
|
23
|
+
|
|
24
|
+
{% assign networkrequests = lighthouse.audits.["network-requests"].details.items | group_by: "resourceType" %}
|
|
25
|
+
{% for items in networkrequests %}
|
|
26
|
+
{% if items.items %}
|
|
27
|
+
{% if items.items %}<h3>{{ items.name }}</h3>{% endif %}
|
|
28
|
+
<ul>
|
|
29
|
+
{% assign requests = items.items | sort: 'transferSize'%}
|
|
30
|
+
{% for request in requests reversed %}
|
|
31
|
+
<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>
|
|
32
|
+
{% endfor %}
|
|
33
|
+
</ul>
|
|
34
|
+
{% endif %}
|
|
35
|
+
{% endfor %}
|
|
36
|
+
{% endfor %}
|
|
37
|
+
</div>
|
|
38
|
+
</div>
|
|
39
|
+
<br><br>
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
<div class="list-actions list-actions-title">
|
|
2
|
+
{% for website in site.pagestested limit: 1 %}
|
|
3
|
+
<h3 class="js-expandmore mb0 mt0" data-hideshow-prefix-class="animated" id="diagnostic-quality">Points de conformite</h3>
|
|
4
|
+
<div class="js-to_expand">
|
|
5
|
+
<ul>
|
|
6
|
+
{% assign lighthouse = site.data.[website].lighthouse[datelastcrawl] %}
|
|
7
|
+
{% assign categories = lighthouse.categories %}
|
|
8
|
+
{% for audit in lighthouse.audits %}
|
|
9
|
+
{% for value in audit %}
|
|
10
|
+
{% if scoreDisplayMode == binary %}
|
|
11
|
+
{% for categorie in categories %}
|
|
12
|
+
{% for element in categorie %}
|
|
13
|
+
{% for auditRef in element.auditRefs %}
|
|
14
|
+
{% if value.id == auditRef.id %}{% assign titlecategorie = element.title %}{% endif %}
|
|
15
|
+
{% endfor %}
|
|
16
|
+
{% endfor %}
|
|
17
|
+
{% endfor %}
|
|
18
|
+
{% 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 %}
|
|
19
|
+
{% endif %}
|
|
20
|
+
{% endfor %}
|
|
21
|
+
{% endfor %}
|
|
22
|
+
</ul>
|
|
23
|
+
</div>
|
|
24
|
+
{% endfor %}
|
|
25
|
+
</div>
|
|
@@ -0,0 +1,54 @@
|
|
|
1
|
+
{% assign gpagespeed = site.data.[website].gpagespeed[datelastcrawl] %}
|
|
2
|
+
{% assign yellowlabtools = site.data.[website].yellowlabtools[datelastcrawl] %}
|
|
3
|
+
{% assign lighthouse = site.data.[website].lighthouse[datelastcrawl] %}
|
|
4
|
+
{% assign moz = site.data.[website].moz[datelastcrawl]%}
|
|
5
|
+
{% assign stylestats = site.data.[website].stylestats[datelastcrawl] %}
|
|
6
|
+
{% assign observatory = site.data.[website].observatory[datelastcrawl] %}
|
|
7
|
+
|
|
8
|
+
{% assign indexes = "" | split: ',' %}
|
|
9
|
+
{% assign indexesname = "Accessibilité,Bonnes pratiques,Performance,SEO,PWA,Speed Index" | split: ',' %}
|
|
10
|
+
{% comment %}{% endcomment %}
|
|
11
|
+
{% 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 %}
|
|
12
|
+
|
|
13
|
+
{% comment %}Calcul du score moyen à partir des données httparchive{% endcomment %}
|
|
14
|
+
{% assign domaverage = 600 | times: 3 %}{% assign httpaverage = 74 | times: 2 %}
|
|
15
|
+
{% assign ecoaverage = domaverage | plus: httpaverage | plus: 2000000 | times: 5 | divided_by: 6 %}
|
|
16
|
+
|
|
17
|
+
{% comment %}Calcul du score le meilleur à partir du site bertrandkeller.info {% endcomment %}
|
|
18
|
+
{% assign dombest = 150 | times: 3 %}{% assign httpbest = 15 | times: 2 %}
|
|
19
|
+
{% assign ecobest = dombest | plus: httpbest | plus: 130000 | times: 5 | divided_by: 6 %}
|
|
20
|
+
|
|
21
|
+
{% comment %}Calcul du score pour le site le pire{% endcomment %}
|
|
22
|
+
{% assign domworth = 3000 | times: 3 %}{% assign httpworth = 120 | times: 2 %}
|
|
23
|
+
{% assign ecoworth = domworth | plus: httpworth | plus: 5000000 | times: 5 | divided_by: 6 %}
|
|
24
|
+
|
|
25
|
+
{% comment %}Calcul du score le meilleur{% endcomment %}
|
|
26
|
+
{% assign ecobestscore = ecobest | times: 100 | divided_by: ecoworth %}
|
|
27
|
+
|
|
28
|
+
{% comment %}Calcul de la valeur du site audité{% endcomment %}
|
|
29
|
+
{% assign dom = lighthouse.audits["dom-size"].details.items[0].value | replace: ",","" | times: 3 %}{% assign http = lighthouse.audits.diagnostics.details.items[0].numRequests | times: 2 %}
|
|
30
|
+
{% assign eco = dom | plus: http | plus: lighthouse.audits.diagnostics.details.items[0].totalByteWeight | times: 5 | divided_by: 6 %}
|
|
31
|
+
|
|
32
|
+
{% assign ecodiviser = ecoworth | minus: ecobest %}
|
|
33
|
+
|
|
34
|
+
{% if lighthouse %}
|
|
35
|
+
<div class="progress progress-bar flex">
|
|
36
|
+
<div><h4>Energie</h4></div>
|
|
37
|
+
<div>
|
|
38
|
+
<div class="progress-bar-element">
|
|
39
|
+
<div>
|
|
40
|
+
<!-- <div class="progress-bar-tooltip" style="transform: translate(50%,-50%);background: rgba(34,150,30,1);">Max</div> -->
|
|
41
|
+
<div class="progress-bar-tooltip" style="left: {{ ecoaverage | minus: ecobest | times: 100 | divided_by: ecodiviser }}%;">Moyenne grands sites</div>
|
|
42
|
+
<div class="progress-bar-tooltip" style="left: {{ eco | minus: ecobest | times: 100 | divided_by: ecodiviser }}%;;z-index:2">{{ site.title }}</div>
|
|
43
|
+
<!-- <div class="progress-bar-tooltip" style="background: rgba(176,2,2,1);">Min</div> -->
|
|
44
|
+
</div>
|
|
45
|
+
<div>
|
|
46
|
+
<!-- <div class="progress-bar-score" style="transform: translate(50%,35%);color: rgba(34,150,30,1);">Good</div> -->
|
|
47
|
+
<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>
|
|
48
|
+
<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>
|
|
49
|
+
<!-- <div class="progress-bar-score" style="color: rgba(176,2,2,1);">Bad</div> -->
|
|
50
|
+
</div>
|
|
51
|
+
</div>
|
|
52
|
+
</div>
|
|
53
|
+
</div>
|
|
54
|
+
{% endif %}
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
{% if lighthouse %}
|
|
2
|
+
<div class="progress progress-number flex">
|
|
3
|
+
<div>
|
|
4
|
+
<h4>Chargement</h4>
|
|
5
|
+
</div>
|
|
6
|
+
<div>
|
|
7
|
+
<ul>
|
|
8
|
+
<li>
|
|
9
|
+
<b>{{ lighthouse.audits.diagnostics.details.items[0].numRequests | times: 2 }}</b><br>
|
|
10
|
+
Requetes
|
|
11
|
+
</li>
|
|
12
|
+
<li>
|
|
13
|
+
<b>{{ lighthouse.audits["dom-size"].details.items[0].value | replace: ",","" }}</b><br>
|
|
14
|
+
Elements DOM
|
|
15
|
+
</li>
|
|
16
|
+
<li><b>{{ lighthouse.audits.diagnostics.details.items[0].totalByteWeight | times: 1 | filesize }}</b><br>Poids
|
|
17
|
+
de la page</li>
|
|
18
|
+
</ul>
|
|
19
|
+
</div>
|
|
20
|
+
</div>
|
|
21
|
+
{% endif %}
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
{% if moz %}
|
|
2
|
+
<div class="progress progress-circular flex">
|
|
3
|
+
<div><h4>Position</h4></div>
|
|
4
|
+
<div>
|
|
5
|
+
<ul>
|
|
6
|
+
{% for authority in site.data.[website].moz[datelastcrawl] %}
|
|
7
|
+
{% for element in authority limit: 2 %}
|
|
8
|
+
{% assign score = element[1] | times: 1 %}
|
|
9
|
+
<li data-name="{{ element[0] }}" data-percent="{{ score }}">
|
|
10
|
+
{% 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%}
|
|
11
|
+
<svg viewbox="-10 -10 220 220" class="{{ color }}">
|
|
12
|
+
<g fill="none" stroke-width="15" transform="translate(100,100)">
|
|
13
|
+
<path d="M 0,-100 A 100,100 0 0,1 86.6,-50" />
|
|
14
|
+
<path d="M 86.6,-50 A 100,100 0 0,1 86.6,50" />
|
|
15
|
+
<path d="M 86.6,50 A 100,100 0 0,1 0,100" />
|
|
16
|
+
<path d="M 0,100 A 100,100 0 0,1 -86.6,50" />
|
|
17
|
+
<path d="M -86.6,50 A 100,100 0 0,1 -86.6,-50" />
|
|
18
|
+
<path d="M -86.6,-50 A 100,100 0 0,1 0,-100" />
|
|
19
|
+
</g>
|
|
20
|
+
</svg>
|
|
21
|
+
<svg viewbox="-10 -10 220 220">
|
|
22
|
+
<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>
|
|
23
|
+
</svg>
|
|
24
|
+
</li>
|
|
25
|
+
{% endfor %}
|
|
26
|
+
{% endfor %}
|
|
27
|
+
</ul>
|
|
28
|
+
</div>
|
|
29
|
+
</div>
|
|
30
|
+
{% endif %}
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
{% if lighthouse %}
|
|
2
|
+
<div class="progress progress-circular flex">
|
|
3
|
+
<div><h4>Qualite</h4></div>
|
|
4
|
+
<div>
|
|
5
|
+
<ul>
|
|
6
|
+
{% for index in indexes %}
|
|
7
|
+
{% assign score = index | times: 100 | round %}
|
|
8
|
+
<li data-name="{{ indexesname[forloop.index0] }}" data-percent="{{ score }}%">
|
|
9
|
+
{% 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%}
|
|
10
|
+
<svg viewbox="-10 -10 220 220" class="{{ color }}">
|
|
11
|
+
<g fill="none" stroke-width="15" transform="translate(100,100)">
|
|
12
|
+
<path d="M 0,-100 A 100,100 0 0,1 86.6,-50" />
|
|
13
|
+
<path d="M 86.6,-50 A 100,100 0 0,1 86.6,50" />
|
|
14
|
+
<path d="M 86.6,50 A 100,100 0 0,1 0,100" />
|
|
15
|
+
<path d="M 0,100 A 100,100 0 0,1 -86.6,50" />
|
|
16
|
+
<path d="M -86.6,50 A 100,100 0 0,1 -86.6,-50" />
|
|
17
|
+
<path d="M -86.6,-50 A 100,100 0 0,1 0,-100" />
|
|
18
|
+
</g>
|
|
19
|
+
</svg>
|
|
20
|
+
<svg viewbox="-10 -10 220 220">
|
|
21
|
+
<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>
|
|
22
|
+
</svg>
|
|
23
|
+
</li>
|
|
24
|
+
{% endfor %}
|
|
25
|
+
</ul>
|
|
26
|
+
</div>
|
|
27
|
+
</div>
|
|
28
|
+
{% endif %}
|
|
@@ -0,0 +1,172 @@
|
|
|
1
|
+
<div class="js-tabs" data-existing-hx="h2" data-tabs-prefix-class="tabs">
|
|
2
|
+
<ul class="js-tablist">
|
|
3
|
+
{% for website in site.pagestested %}
|
|
4
|
+
<li class="js-tablist__item">
|
|
5
|
+
<a href="#id_{{ forloop.index }}" class="js-tablist__link">{{ website }}</a>
|
|
6
|
+
</li>
|
|
7
|
+
{% endfor %}
|
|
8
|
+
</ul>
|
|
9
|
+
|
|
10
|
+
{% for website in site.pagestested %}
|
|
11
|
+
|
|
12
|
+
{% assign labels = "" | split: ',' %}
|
|
13
|
+
{% assign ttfb = "" | split: ',' %}
|
|
14
|
+
{% assign tti = "" | split: ',' %}
|
|
15
|
+
{% assign score = "" | split: ',' %}
|
|
16
|
+
|
|
17
|
+
{% for data in file %}
|
|
18
|
+
{% if site.data.[website].gpagespeed[data] %}
|
|
19
|
+
{% assign date = data | date: "%d/%m/%y" | prepend: "'" | append: "'" %}
|
|
20
|
+
{% assign labels = labels | push: date %}
|
|
21
|
+
{% assign ttfb = ttfb | push: site.data.[website].yellowlabtools[data].toolsResults.phantomas.metrics.timeToFirstByte %}
|
|
22
|
+
{% assign tti = tti | push: site.data.[website].yellowlabtools[data].toolsResults.phantomas.metrics.domContentLoadedEnd %}
|
|
23
|
+
{% assign score = score | push: site.data.[website].gpagespeed[data].ruleGroups.SPEED.score %}
|
|
24
|
+
{% endif %}
|
|
25
|
+
{% endfor %}
|
|
26
|
+
|
|
27
|
+
<div id="id_{{ forloop.index }}" class="js-tabcontent">
|
|
28
|
+
<h3>{{ website }}</h3>
|
|
29
|
+
|
|
30
|
+
<div class="flex">
|
|
31
|
+
<div>
|
|
32
|
+
<strong>Temps de chargement</strong>
|
|
33
|
+
<div id="chart-{{ website }}-1" class="ct-chart"></div>
|
|
34
|
+
|
|
35
|
+
<script>
|
|
36
|
+
var data{{ website }}1 = {
|
|
37
|
+
labels: [{{ labels | join: ', ' }}],
|
|
38
|
+
datasets: [{
|
|
39
|
+
values: [{{ tti | join: ', ' }}]
|
|
40
|
+
}],
|
|
41
|
+
// yMarkers: [{
|
|
42
|
+
// label: "budget",
|
|
43
|
+
// value: 650,
|
|
44
|
+
// options: {
|
|
45
|
+
// labelPos: 'left'
|
|
46
|
+
// }
|
|
47
|
+
// }]
|
|
48
|
+
};
|
|
49
|
+
|
|
50
|
+
let chart{{ website}}1 = new frappe.Chart("#chart-{{ website }}-1", {
|
|
51
|
+
data: data{{ website }}1,
|
|
52
|
+
...frappeoptions
|
|
53
|
+
})
|
|
54
|
+
|
|
55
|
+
</script>
|
|
56
|
+
</div>
|
|
57
|
+
<div>
|
|
58
|
+
<strong>Score</strong>
|
|
59
|
+
<div id="chart-{{ website }}-2" class="ct-chart"></div>
|
|
60
|
+
|
|
61
|
+
<script>
|
|
62
|
+
var data{{ website }}2 = {
|
|
63
|
+
labels: [{{ labels | join: ', ' }}],
|
|
64
|
+
datasets: [{
|
|
65
|
+
values: [{{ score | join: ', ' }}]
|
|
66
|
+
}],
|
|
67
|
+
};
|
|
68
|
+
|
|
69
|
+
let chart{{ website }}2 = new frappe.Chart("#chart-{{ website }}-2", {
|
|
70
|
+
data: data{{ website }}2,
|
|
71
|
+
...frappeoptions
|
|
72
|
+
})
|
|
73
|
+
|
|
74
|
+
</script>
|
|
75
|
+
</div>
|
|
76
|
+
</div>
|
|
77
|
+
|
|
78
|
+
{% assign score = 0 %}
|
|
79
|
+
{% assign timeToFirstByte = 0 %}
|
|
80
|
+
|
|
81
|
+
<div class="table">
|
|
82
|
+
|
|
83
|
+
{% for data in file %}
|
|
84
|
+
|
|
85
|
+
{% assign gpagespeed = site.data.[website].gpagespeed[data] %}
|
|
86
|
+
{% assign yellowlabtools = site.data.[website].yellowlabtools[data] %}
|
|
87
|
+
{% assign lighthouse = site.data.[website].lighthouse[data] %}
|
|
88
|
+
|
|
89
|
+
{% if gpagespeed %}
|
|
90
|
+
|
|
91
|
+
<div class="grid">
|
|
92
|
+
<div class="box date">
|
|
93
|
+
<span>Date</span>
|
|
94
|
+
<p>{{ data | date: "%d %b %y" }}</p>
|
|
95
|
+
</div>
|
|
96
|
+
<div class="box score">
|
|
97
|
+
<span class="title">Score</span>
|
|
98
|
+
<span class="number">{{ gpagespeed.ruleGroups.SPEED.score | round }}</span>
|
|
99
|
+
{% if forloop.index != 1 %}<span
|
|
100
|
+
class="score-difference{% if score > gpagespeed.ruleGroups.SPEED.score %} score-up{% endif %}{% if score < gpagespeed.ruleGroups.SPEED.score %} score-down{% endif %}"></span>{% endif %}
|
|
101
|
+
{% assign score = gpagespeed.ruleGroups.SPEED.score %}
|
|
102
|
+
</div>
|
|
103
|
+
<div class="box score">
|
|
104
|
+
<span class="title">TTI</span>
|
|
105
|
+
<span class="number">{{ yellowlabtools.toolsResults.phantomas.metrics.domContentLoadedEnd | round }}</span>
|
|
106
|
+
<i>ms</i>
|
|
107
|
+
{% if forloop.index != 1 %}<span
|
|
108
|
+
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 %}
|
|
109
|
+
{% assign timeToFirstByte = yellowlabtools.toolsResults.phantomas.metrics.domContentLoadedEnd %}
|
|
110
|
+
</div>
|
|
111
|
+
<div class="box score">
|
|
112
|
+
<span class="title">TTFC</span>
|
|
113
|
+
<span class="number">{{ yellowlabtools.toolsResults.phantomas.metrics.timeToFirstCss | round }}</span>
|
|
114
|
+
<i>ms</i>
|
|
115
|
+
{% if forloop.index != 1 %}<span
|
|
116
|
+
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 %}
|
|
117
|
+
{% assign timeToFirstCss = yellowlabtools.toolsResults.phantomas.metrics.timeToFirstCss %}
|
|
118
|
+
</div>
|
|
119
|
+
<div class="box score">
|
|
120
|
+
<span class="title">Total Bytes</span>
|
|
121
|
+
<span class="number">{{ gpagespeed.pageStats.totalRequestBytes | round }}</span> <i>kb</i>
|
|
122
|
+
{% if forloop.index != 1 %}<span
|
|
123
|
+
class="score-difference{% if totalRequestBytes > gpagespeed.pageStats.totalRequestBytes %} score-down{% endif %}{% if totalRequestBytes < gpagespeed.pageStats.totalRequestBytes %} score-up{% endif %}"></span>{% endif %}
|
|
124
|
+
{% assign totalRequestBytes = gpagespeed.pageStats.totalRequestBytes %}
|
|
125
|
+
</div>
|
|
126
|
+
<!-- <div class="box score">
|
|
127
|
+
<span class="title">Images Bytes</span>
|
|
128
|
+
<span class="number">{{ gpagespeed.pageStats.imageResponseBytes | round }}</span> <i>kb</i>
|
|
129
|
+
</div> -->
|
|
130
|
+
<div class="box score">
|
|
131
|
+
<span class="title">HTML Size</span>
|
|
132
|
+
<span class="number">{{ yellowlabtools.toolsResults.phantomas.metrics.htmlSize | round }}</span>
|
|
133
|
+
<i>kb</i>
|
|
134
|
+
{% if forloop.index != 1 %}<span
|
|
135
|
+
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 %}
|
|
136
|
+
{% assign htmlSize = yellowlabtools.toolsResults.phantomas.metrics.htmlSize %}
|
|
137
|
+
</div>
|
|
138
|
+
<div class="box score">
|
|
139
|
+
<span class="title">JS Size</span>
|
|
140
|
+
<span class="number">{{ yellowlabtools.toolsResults.phantomas.metrics.jsSize | round }}</span> <i>kb</i>
|
|
141
|
+
{% if forloop.index != 1 %}<span
|
|
142
|
+
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 %}
|
|
143
|
+
{% assign numberResources = yellowlabtools.toolsResults.phantomas.metrics.jsSize %}
|
|
144
|
+
</div>
|
|
145
|
+
<div class="box score">
|
|
146
|
+
<span class="title">Ressources</span>
|
|
147
|
+
<span class="number">{{ gpagespeed.pageStats.numberResources | round }}</span>
|
|
148
|
+
{% if forloop.index != 1 %}<span
|
|
149
|
+
class="score-difference{% if numberResources > gpagespeed.pageStats.numberResources %} score-down{% endif %}{% if numberResources < gpagespeed.pageStats.numberResources %} score-up{% endif %}"></span>{% endif %}
|
|
150
|
+
{% assign numberResources = gpagespeed.pageStats.numberResources %}
|
|
151
|
+
</div>
|
|
152
|
+
<div class="box score">
|
|
153
|
+
<span class="title">Requests</span>
|
|
154
|
+
<span class="number">{{ yellowlabtools.toolsResults.phantomas.metrics.httpsRequests | round }}</span>
|
|
155
|
+
{% if forloop.index != 1 %}<span
|
|
156
|
+
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 %}
|
|
157
|
+
{% assign httpsRequests = yellowlabtools.toolsResults.phantomas.metrics.httpsRequests %}
|
|
158
|
+
</div>
|
|
159
|
+
<div class="box score">
|
|
160
|
+
<span class="title">Not Found</span>
|
|
161
|
+
<span class="number">{{ yellowlabtools.toolsResults.phantomas.metrics.notFound | round }}</span>
|
|
162
|
+
{% if forloop.index != 1 %}<span
|
|
163
|
+
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 %}
|
|
164
|
+
{% assign notFound = yellowlabtools.toolsResults.phantomas.metrics.notFound %}
|
|
165
|
+
</div>
|
|
166
|
+
</div>
|
|
167
|
+
{% endif %}
|
|
168
|
+
{% endfor %}
|
|
169
|
+
</div>
|
|
170
|
+
</div>
|
|
171
|
+
{% endfor %}
|
|
172
|
+
</div>
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
{% if observatory %}
|
|
2
|
+
<div class="progress progress-number flex">
|
|
3
|
+
<div>
|
|
4
|
+
<h4>Securite</h4>
|
|
5
|
+
</div>
|
|
6
|
+
<div>
|
|
7
|
+
{% assign score = 0 %}
|
|
8
|
+
{% for rules in observatory %}
|
|
9
|
+
{% for rule in rules %}
|
|
10
|
+
{% assign score = score | plus: rule.score_modifier %}
|
|
11
|
+
{% endfor %}
|
|
12
|
+
{% endfor %}
|
|
13
|
+
<div class="progress-bar-element">
|
|
14
|
+
<div>
|
|
15
|
+
<div class="progress-bar-tooltip" style="left: {% if score < -100 %}100{% else %}{{ score | times: -1 }}{% endif %}%;z-index:2">{{ website }}</div>
|
|
16
|
+
</div>
|
|
17
|
+
<div>
|
|
18
|
+
<!-- <div class="progress-bar-score" style="transform: translate(50%,35%);color: rgba(34,150,30,1);">Good</div> -->
|
|
19
|
+
<div class="progress-bar-score" style="left: {% if score < -100 %}100{% else %}{{ score | times: -1 }}{% endif %}%;z-index:2">{% if score < -100 %}0{% else %}{{ 100 | plus: score }}{% endif %}</div>
|
|
20
|
+
<!-- <div class="progress-bar-score" style="color: rgba(176,2,2,1);">Bad</div> -->
|
|
21
|
+
</div>
|
|
22
|
+
</div>
|
|
23
|
+
</div>
|
|
24
|
+
</div>
|
|
25
|
+
{% endif %}
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
{% if stylestats %}
|
|
2
|
+
<div class="progress progress-number flex">
|
|
3
|
+
<div>
|
|
4
|
+
<h4>Performance</h4>
|
|
5
|
+
</div>
|
|
6
|
+
<div>
|
|
7
|
+
<ul>
|
|
8
|
+
<li>
|
|
9
|
+
<b>{{ lighthouse.audits.metrics.details.items[0].observedFirstMeaningfulPaint | times: 1.000 | divided_by: 1000 | round: 2 }} s</b><br>Debut affichage
|
|
10
|
+
</li>
|
|
11
|
+
<li>
|
|
12
|
+
<b>{{ lighthouse.audits.metrics.details.items[0].observedLastVisualChange | times: 1.000 | divided_by: 1000 | round: 2 }} s</b><br>Fin affichage
|
|
13
|
+
</li>
|
|
14
|
+
<li>
|
|
15
|
+
<b>{{ lighthouse.audits.metrics.details.items[0].totalBlockingTime | times: 1.000 | divided_by: 1000 | round: 2 }} s</b><br>Temps de blocage
|
|
16
|
+
</li>
|
|
17
|
+
</ul>
|
|
18
|
+
</div>
|
|
19
|
+
</div>
|
|
20
|
+
{% endif %}
|