Run 3 summary

https://francearchives.fr/@docs/

Tested 2021-12-19 20:17:43 using Chrome 84.0.4147.89. 3 runs and connectivity native.  

All runs: 1 - 2 - 3

SummaryWaterfall MetricsVideoFilmstrip CoachPageXrayCPU Third partyScreenshots

Summary

MetricValue
Performance score71
Total page size3.1 MB
Requests23
TTFB92 ms
Fully Loaded1.283 s
First Visual Change503 ms
FCP499 ms
LCP1.234 s
CLS0.020980519446903455
CPU long tasks2
Speed Index579 ms
Visual Complete 85%503 ms
Visual Complete 99%1.274 s
Last Visual Change1.274 s
Screenshot

Waterfall

Video

Download video

Filmstrip

Use--filmstrip.showAll to show all filmstrips.

0 s
0.3 sCPU Long Task duration 167 ms
0.5 sCPU Long Task duration 662 msFirst Contentful Paint 499 ms
0.6 sFirst Visual Change 503 msVisual Complete 85% 503 ms
1.1 s
1.2 sDOM Content Loaded Time 1.151 s
1.3 sLCP <I> 1.234 sPage Load Time 1.252 sLast Visual Change 1.274 sVisual Complete 95% 1.274 sVisual Complete 99% 1.274 sFully Loaded 1.283 s

Coach

The coach helps you find performance problems on your web page using web performance best practice rules. And gives you advice on accessibility, privacy and best practices.

I am the coach

Coach score

Accessibility advice (83)

TitleAdviceScore
Structure your content by using landmarks (landmarks)The page doesn't use any landmarks.0
Use headings tags within section tags to better structure your page (sections)The page doesn't use sections. You could use them to get a better structure of your content.0

Performance advice (71)

TitleAdviceScore
Don't scale images in the browser (avoidScalingImages)The page has 1 image(s) that are scaled more than 100 pixels. It would be better if those images are sent so the browser don't need to scale them.90
  • https://francearchives.fr/@docs/logo_republiquefrancaise.png
Inline CSS for faster first render (inlineCss)The page has both inline CSS and CSS requests even though it uses a HTTP/2-ish connection. If you have many users on slow connections, it can be better to only inline the CSS. Run your own tests and check the waterfall graph to see what happens.95
Avoid Frontend single point of failures (spof)The page has 1 requests inside of the head that can cause a SPOF (single point of failure). Load them asynchronously or move them outside of the document head.90
  • https://fonts.googleapis.com/css?family=Roboto:400,500,700,400italic|Material+Icons
Avoid doing redirects (assetsRedirects)The page has 1 redirect(s). 1 request(s) are from other domains, it could be 3rd-party assets doing unnecessary redirects. :(90
  • https://logs.xiti.com/hit.xiti?s=582968&s2=1&p=@doc::home&vrn=1&ac=&at=&lng=en-US&idp=2017447423594&jv=0&re=1365x635&vtag=4.7.0&hl=20x17x44&r=1366x708x24x24&rn=1639945064999&ref=
Avoid extra requests by setting cache headers (cacheHeaders)The page has 18 request(s) that are missing a cache time. Configure a cache time so the browser doesn't need to download them every time. It will save 2.9 MB the next access.0
  • https://francearchives.fr/@docs/_nuxt/manifest.js
  • https://francearchives.fr/@docs/_nuxt/vendor.js
  • https://francearchives.fr/@docs/_nuxt/app.js
  • https://francearchives.fr/@docs/_nuxt/layouts/default.js
  • https://francearchives.fr/@docs/_nuxt/pages/index.js
  • https://francearchives.fr/@docs/xtcore.js
  • https://francearchives.fr/@docs/_nuxt/pages/step/_stepid.js
  • https://francearchives.fr/@docs/logo_republiquefrancaise.png
  • https://francearchives.fr/@docs/_nuxt/pages/articles-applicables/_stepid.js
  • https://francearchives.fr/@docs/_nuxt/pages/choix-thematique.js
  • https://francearchives.fr/@docs/_nuxt/pages/about.js
  • https://francearchives.fr/@docs/_nuxt/pages/xtutils.js
  • https://francearchives.fr/@docs/_nuxt/pages/bilan/_stepid.js
  • https://logs.xiti.com/hit.xiti?s=582968&s2=1&p=@doc::home&vrn=1&ac=&at=&lng=en-US&idp=2017447423594&jv=0&re=1365x635&vtag=4.7.0&hl=20x17x44&r=1366x708x24x24&rn=1639945064999&ref=
  • https://logs.xiti.com/hit.xiti?s=582968&s2=1&p=@doc::home&vrn=1&ac=&at=&lng=en-US&idp=2017447423594&jv=0&re=1365x635&vtag=4.7.0&hl=20x17x44&r=1366x708x24x24&rn=1639945064999&ref=&Rdt=On
  • https://francearchives.fr/@docs/__webpack_hmr
  • https://francearchives.fr/@docs/_nuxt/manifest.d6c80140.json
  • https://francearchives.fr/@docs/favicon.ico
Long cache headers is good (cacheHeadersLong)The page has 1 request(s) that have a shorter cache time than 30 days (but still a cache time).99
  • https://fonts.googleapis.com/css?family=Roboto:400,500,700,400italic%7CMaterial+Icons
Always compress text content (compressAssets)The page has 7 request(s) that are served uncompressed. You could save a lot of bytes by sending them compressed instead.30
  • https://francearchives.fr/@docs/
  • https://francearchives.fr/@docs/_nuxt/manifest.js
  • https://francearchives.fr/@docs/_nuxt/vendor.js
  • https://francearchives.fr/@docs/_nuxt/app.js
  • https://francearchives.fr/@docs/_nuxt/layouts/default.js
  • https://francearchives.fr/@docs/_nuxt/pages/index.js
  • https://francearchives.fr/@docs/xtcore.js
The favicon should be small and cacheable (favicon)The favicon has no cache time. 50
  • https://francearchives.fr/@docs/favicon.ico
Avoid too many fonts (fewFonts)The page has 3 font requests. Do you really need them? What value does the fonts give the user?70
  • https://fonts.gstatic.com/s/roboto/v29/KFOmCnqEu92Fr1Mu4mxK.woff2
  • https://fonts.gstatic.com/s/materialicons/v118/flUhRq6tzZclQEJ-Vdg-IuiaDsNc.woff2
  • https://fonts.gstatic.com/s/roboto/v29/KFOlCnqEu92Fr1MmEU9fBBc4.woff2
Total JavaScript size shouldn't be too big (javascriptSize)The total JavaScript transfer size is 2.9 MB. This is totally crazy! There is really room for improvement here. 0
Avoid using incorrect mime types (mimeTypes)The page has 1 misconfigured mime type(s). 99
  • https://francearchives.fr/@docs/__webpack_hmr
Total page size shouldn't be too big (pageSize)The page total transfer size is 3.2 MB, which is more than the coach limit of 2 MB. That is really big and you need to make it smaller.0
Don't use private headers on static content (privateAssets)The page has 1 request(s) with private headers. Make sure that the assets really should be private and only used by one user. Otherwise, make it cacheable for everyone.90
  • https://fonts.googleapis.com/css?family=Roboto:400,500,700,400italic%7CMaterial+Icons

Best practice advice (89)

TitleAdviceScore
Avoid use too many third party responses (thirdParty)The page do 26% requests to third party domains (6 requests and 153.8 kB). First party is 17 requests and 3.1 MB. The regex .*francearchives.* was used to calculate first/third party requests.50
Avoid Unnecessary Headers (unnecessaryHeaders)There are 1 response(s) that sets a p3p header. There are 4 response(s) that sets both a max-age and expires header. There are 4 response(s) that sets a server header. 91
  • https://fonts.googleapis.com/css?family=Roboto:400,500,700,400italic%7CMaterial+Icons
  • https://fonts.googleapis.com/css?family=Roboto:400,500,700,400italic%7CMaterial+Icons
  • https://fonts.gstatic.com/s/roboto/v29/KFOmCnqEu92Fr1Mu4mxK.woff2
  • https://fonts.gstatic.com/s/roboto/v29/KFOmCnqEu92Fr1Mu4mxK.woff2
  • https://fonts.gstatic.com/s/materialicons/v118/flUhRq6tzZclQEJ-Vdg-IuiaDsNc.woff2
  • https://fonts.gstatic.com/s/materialicons/v118/flUhRq6tzZclQEJ-Vdg-IuiaDsNc.woff2
  • https://fonts.gstatic.com/s/roboto/v29/KFOlCnqEu92Fr1MmEU9fBBc4.woff2
  • https://fonts.gstatic.com/s/roboto/v29/KFOlCnqEu92Fr1MmEU9fBBc4.woff2
  • https://logs.xiti.com/hit.xiti?s=582968&s2=1&p=@doc::home&vrn=1&ac=&at=&lng=en-US&idp=2017447423594&jv=0&re=1365x635&vtag=4.7.0&hl=20x17x44&r=1366x708x24x24&rn=1639945064999&ref=

Privacy advice (78)

TitleAdviceScore
Use a good Content-Security-Policy header to make sure you you avoid Cross Site Scripting (XSS) attacks. (contentSecurityPolicyHeader)Set a Content-Security-Policy header to make sure you are not open for Cross Site Scripting (XSS) attacks. You can start with setting a Content-Security-Policy-Report-Only header, that will only report the violation, not stop the download.0
  • https://francearchives.fr/@docs/
Set a referrer-policy header to make sure you do not leak user information. (referrerPolicyHeader)Set a referrer-policy header to make sure you do not leak user information.0
  • https://francearchives.fr/@docs/
Set a strict transport header to make sure the user always use HTTPS. (strictTransportSecurityHeader)The max age is lower than six months. Increase it to get a better score.80
Do not share user data with third parties (thirdPartyPrivacy)You have 26% of the request that is 3rd party (6 requests with a size of 153.8 kB). The page also have request to companies that harvest data from users and do not respect users privacy (see https://en.wikipedia.org/wiki/Surveillance_capitalism). The page do 4 survelliance requests and uses 1 survelliance tools. The page do 2 analytics requests and uses 1 analytics tools. The project https://github.com/patrickhulce/third-party-web was used to calculate first/third party requests.0

Page info

Page info
Title@docs
Width1365
Height635
DOM elements59
Avg DOM depth4
Max DOM depth12
Iframes0
Script tags8
Local storage0 b
Session storage0 b
HTML vs AMPPlain good HTML page
Resource Hints
prefetch
https://francearchives.fr/@docs/_nuxt/pages/step/_stepid.js
https://francearchives.fr/@docs/_nuxt/pages/articles-applicables/_stepid.js
https://francearchives.fr/@docs/_nuxt/pages/choix-thematique.js
https://francearchives.fr/@docs/_nuxt/pages/about.js
https://francearchives.fr/@docs/_nuxt/pages/xtutils.js
https://francearchives.fr/@docs/_nuxt/pages/bilan/_stepid.js
Third party
JQueryNo
Google AnalyticsNo
Google Tag ManagerNo
PiwikNo
BoomerangNo
New RelicNo

Visual Metrics

Browser Metrics

Extra timings
first-contentful-paint499 ms
first-paint499 ms
RUM Speed Index499 ms
Load Event End1.252 s
Largest Contentful Paint1.234 s
Fully loaded1.283 s

Largest Contentful Paint

Read more about Largest Contentful Paint.

Tag Render timeLoad timeSize
I 1.234 s 0 ms 25.2 KB

Detected Cumulative Layout Shift

0.02 layout shift collected from the The Layout Instability API.

Element timings

IdURLTag Render timeLoad timeNatural widthNatural height

Server timings

There are no Server Timings.

Custom metrics collected through JavaScript

There are no custom configured scripts.

Extra metrics collected using scripting

namevalue

CDP Performance

namevalue
AudioHandlers0
Documents1
Frames1
JSEventListeners16
LayoutObjects30
MediaKeySessions0
MediaKeys0
Nodes96
Resources37
ContextLifecycleStateObservers11
V8PerContextDatas1
WorkerGlobalScopes0
UACSSResources0
RTCPeerConnections0
ResourceFetchers1
AdSubframes0
DetachedScriptStates0
ArrayBufferContents0
LayoutCount4
RecalcStyleCount6
LayoutDuration144
RecalcStyleDuration41
DevToolsCommandDuration134
ScriptDuration492
V8CompileDuration27
TaskDuration1288
TaskOtherDuration450
ThreadTime1
JSHeapUsedSize7064008
JSHeapTotalSize8462336
FirstMeaningfulPaint499

PageXray

How the page is built.

Summary
HTTP versionHTTP/2.0
Total requests23
Total domains4
Total transfer size3.1 MB
Total content size3.1 MB
Responses missing compression7
Requests per response code
20022
3021

Largest assets on the page (by transfer size)

Requests and sizes per content type

ContentHeader SizeTransfer SizeContent SizeRequests
html0 b196.9 KB196.2 KB1
css0 b1.4 KB8.4 KB1
javascript0 b2.7 MB2.6 MB12
image0 b8.5 KB8.0 KB2
font0 b148.5 KB147.6 KB3
other0 b0 b91.1 KB1
json0 b369 B224 B1
favicon0 b1.3 KB1.1 KB1
Total0 b3.1 MB3.1 MB22

Size and requests per domain

DomainHeader SizeTransfer SizeContent SizeRequests
francearchives.frN/A2.9 MB2.9 MB17
fonts.googleapis.comN/A1.4 KB8.4 KB1
fonts.gstatic.comN/A148.5 KB147.6 KB3
logs.xiti.comN/A303 B35 B2

Expires, last modified and cookies stats

typeminmedianmax
Expires0 seconds0 seconds1 year
Last modified0 seconds13 weeks46 weeks
Cookies000

Requests loaded after onLoad event

ContentTransfer SizeRequests
html0 b0
css0 b0
javascript0 b0
image0 b0
font0 b0
json369 B1
favicon1.3 KB1
Total1.7 KB2

Requests loaded after onContentLoad

Includes requests done after onLoad.

ContentTransfer SizeRequests
html0 b0
css0 b0
javascript0 b0
image304 B1
font0 b0
other0 b1
json369 B1
favicon1.3 KB1
Total2.0 KB4

CPU

Download the Chrome trace log and drag and drop it into Developer Tools / Performance in Chrome.

Long Tasks

Collected using the Long Task API. A long task is a task that take 50 milliseconds or more.

TypeQuantityTotal duration (ms)
Total Blocking Time 0
Max Potential First Input Delay 0
Long Tasks before First Paint2829
Long Tasks before First Contentful Paint2829
Long Tasks after Load Event End00
Total Long Tasks2829

Individual Long Tasks

namestartTimedurationcontainerIdcontainerNamecontainerSrccontainerType
unknown268167window
self494662window

CPU time spent

Calculated using Tracium.

Categories (ms)
parseHTML150
styleLayout185
paintCompositeRender17
scriptParseCompile27
scriptEvaluation562
garbageCollection23
other194
Events (ms)
V8.Execute474
RunTask183
ParseHTML146
Layout143
V8.RunMicrotasks76
UpdateLayoutTree41
V8.ScriptCompiler26
V8.GC_SCAVENGER_SCAVENGE_PARALLEL17
Paint10

Time spent per request

URLCPU time (ms)
https://francearchives.fr/@docs/_nuxt/vendor.js283
https://francearchives.fr/@docs/_nuxt/app.js270
https://francearchives.fr/@docs/xtcore.js38

CPU time spent

Tool/domainTime (ms)
francearchives.fr590.9

Third party

Third party requests categorised by Third party web.

CategoryRequests
cdn 4
survelliance 4
analytics 2
CategoryNumber of tools
cdn 1
survelliance 1
analytics 1

Third party requests and tools

cdn (4 requests)
Google Fonts
  • https://fonts.googleapis.com/css?family=Roboto:400,500,700,400italic%7CMaterial+Icons (Google Fonts)
  • https://fonts.gstatic.com/s/roboto/v29/KFOmCnqEu92Fr1Mu4mxK.woff2 (Google Fonts)
  • https://fonts.gstatic.com/s/materialicons/v118/flUhRq6tzZclQEJ-Vdg-IuiaDsNc.woff2 (Google Fonts)
  • https://fonts.gstatic.com/s/roboto/v29/KFOlCnqEu92Fr1MmEU9fBBc4.woff2 (Google Fonts)
survelliance (4 requests)
Google Fonts
  • https://fonts.googleapis.com/css?family=Roboto:400,500,700,400italic%7CMaterial+Icons (Google Fonts)
  • https://fonts.gstatic.com/s/roboto/v29/KFOmCnqEu92Fr1Mu4mxK.woff2 (Google Fonts)
  • https://fonts.gstatic.com/s/materialicons/v118/flUhRq6tzZclQEJ-Vdg-IuiaDsNc.woff2 (Google Fonts)
  • https://fonts.gstatic.com/s/roboto/v29/KFOlCnqEu92Fr1MmEU9fBBc4.woff2 (Google Fonts)
analytics (2 requests)
XiTi
  • https://logs.xiti.com/hit.xiti?s=582968&s2=1&p=@doc::home&vrn=1&ac=&at=&lng=en-US&idp=2017447423594&jv=0&re=1365x635&vtag=4.7.0&hl=20x17x44&r=1366x708x24x24&rn=1639945064999&ref= (XiTi)
  • https://logs.xiti.com/hit.xiti?s=582968&s2=1&p=@doc::home&vrn=1&ac=&at=&lng=en-US&idp=2017447423594&jv=0&re=1365x635&vtag=4.7.0&hl=20x17x44&r=1366x708x24x24&rn=1639945064999&ref=&Rdt=On (XiTi)

First party requests and sizes per content type

Calculated using .*francearchives.* (use --firstParty to configure).

ContentHeader SizeTransfer SizeContent SizeRequests
html0 b196.9 KB196.2 KB1
css0 b0 b0 b0
javascript0 b2.7 MB2.6 MB12
image0 b8.2 KB7.9 KB1
font0 b0 b0 b0
other0 b0 b91.1 KB1
json0 b369 B224 B1
favicon0 b1.3 KB1.1 KB1
TotalN/A2.9 MB2.9 MB17

Third party requests and sizes per content type

ContentHeader SizeTransfer SizeContent SizeRequests
html0 b0 b0 b0
css0 b1.4 KB8.4 KB1
javascript0 b0 b0 b0
image0 b304 B35 B1
font0 b148.5 KB147.6 KB3
TotalN/A150.2 KB156.0 KB6

Screenshots

afterPageCompleteCheck.png

afterPageCompleteCheck.png