Page summary

https://francearchives.fr/@docs/

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

All runs: 1 - 2 - 3

SummaryWaterfall MetricsVideoFilmstrip CoachPageXrayCPU Third party

Summary

MetricValue
Performance Score71
Total Page Transfer Size3.1 MB
Requests23
TTFB [median]99 ms
Fully Loaded [median]1.320 s
First Visual Change [median]508 ms
FCP [median]502 ms
LCP [median]1.254 s
CLS [median]0.021
CPU long tasks [median]2
CPU longest task duration694 ms
Speed Index [median]588 ms
Visual Complete 85% [median]508 ms
Visual Complete 99% [median]1.322 s
Last Visual Change [median]1.322 s
Screenshot of run 1

Timings Summary

Metricminmedianmeanmax
Visual Metrics
SpeedIndex579 ms588 ms618 ms688 ms
FirstVisualChange503 ms508 ms526 ms566 ms
LastVisualChange1.274 s1.322 s1.321 s1.366 s
ContentfulSpeedIndex730 ms743 ms809 ms954 ms
PerceptualSpeedIndex533 ms540 ms566 ms625 ms
VisualReadiness771 ms800 ms795 ms814 ms
VisualComplete85503 ms508 ms692 ms1.066 s
VisualComplete951.274 s1.322 s1.321 s1.366 s
VisualComplete991.274 s1.322 s1.321 s1.366 s
RUM sMetrics
TTFB92 ms99 ms101 ms111 ms
LCP1.234 s1.254 s1.281 s1.356 s
FCP499 ms502 ms527 ms580 ms
firstPaint499 ms502 ms527 ms580 ms
loadEventEnd1.252 s1.291 s1.305 s1.371 s
rumSpeedIndex499 ms502 ms527 ms580 ms
CLS0.0210.0210.02140.0223
CPU
Total Blocking Time0 ms0 ms202 ms607 ms
Max Potential FID0 ms0 ms219 ms657 ms
CPU long tasks 2222
Download videoDownload timelineDownload HAR

Waterfall

Download HAR

Run 1 SpeedIndex median

Video

Download video

Filmstrip

Use--filmstrip.showAll to show all filmstrips.

0 s
0.3 sCPU Long Task duration 154 ms
0.6 sFirst Contentful Paint 502 msFirst Visual Change 508 msVisual Complete 85% 508 msCPU Long Task duration 657 ms
1.1 s
1.2 sDOM Content Loaded Time 1.162 s
1.3 sLCP <I> 1.254 sPage Load Time 1.291 s
1.4 sFully Loaded 1.320 sLast Visual Change 1.322 sVisual Complete 95% 1.322 sVisual Complete 99% 1.322 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=2017049940041&jv=0&re=1365x635&vtag=4.7.0&hl=20x17x4&r=1366x708x24x24&rn=1639945024905&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=2017049940041&jv=0&re=1365x635&vtag=4.7.0&hl=20x17x4&r=1366x708x24x24&rn=1639945024905&ref=
  • https://logs.xiti.com/hit.xiti?s=582968&s2=1&p=@doc::home&vrn=1&ac=&at=&lng=en-US&idp=2017049940041&jv=0&re=1365x635&vtag=4.7.0&hl=20x17x4&r=1366x708x24x24&rn=1639945024905&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.9 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=2017049940041&jv=0&re=1365x635&vtag=4.7.0&hl=20x17x4&r=1366x708x24x24&rn=1639945024905&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.9 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

Visual Metrics
First Visual Change508 ms
Speed Index588 ms
Perceptual Speed Index540 ms
Contentful Speed Index743 ms
Visual Complete 85%508 ms
Visual Complete 95%1.322 s
Visual Complete 99%1.322 s
Last Visual Change1.322 s
Visual Readiness814 ms

Browser Metrics

Navigation Timing
backEndTime99 ms
domContentLoadedTime1.162 s
domInteractiveTime536 ms
domainLookupTime11 ms
frontEndTime1.163 s
pageDownloadTime28 ms
pageLoadTime1.291 s
redirectionTime0 ms
serverConnectionTime31 ms
serverResponseTime63 ms
Extra timings
first-contentful-paint502 ms
first-paint502 ms
RUM Speed Index502 ms
Load Event End1.291 s
Largest Contentful Paint1.254 s
Fully loaded1.320 s

Largest Contentful Paint

Read more about Largest Contentful Paint.

Tag Render timeLoad timeSize
I 1.254 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
RecalcStyleCount5
LayoutDuration140
RecalcStyleDuration32
DevToolsCommandDuration122
ScriptDuration486
V8CompileDuration26
TaskDuration1327
TaskOtherDuration520
ThreadTime1
JSHeapUsedSize7064768
JSHeapTotalSize8200192
FirstMeaningfulPaint502

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)

URLTypeTransfer SizeContent Size
https://francearchiv...s/_nuxt/vendor.jsjavascript2.0 MB2.0 MB
https://francearchiv...docs/_nuxt/app.jsjavascript533.9 KB532.5 KB
https://francearchives.fr/@docs/html196.9 KB196.2 KB
https://fonts.gstati...dg-IuiaDsNc.woff2font116.9 KB116.7 KB
https://francearchiv...s/step/_stepid.jsjavascript44.6 KB0 b
https://francearchiv.../bilan/_stepid.jsjavascript31.6 KB0 b
https://francearchiv..._nuxt/manifest.jsjavascript30.9 KB30.7 KB
https://francearchiv...r/@docs/xtcore.jsjavascript25.2 KB24.9 KB
https://francearchiv...cables/_stepid.jsjavascript23.3 KB0 b
https://francearchiv...oix-thematique.jsjavascript21.8 KB0 b
https://fonts.gstati...92Fr1Mu4mxK.woff2font15.9 KB15.3 KB
https://fonts.gstati...1MmEU9fBBc4.woff2font15.7 KB15.5 KB
https://francearchiv...xt/pages/index.jsjavascript9.3 KB9.2 KB
https://francearchiv...iquefrancaise.pngimage8.2 KB7.9 KB
https://francearchiv...ayouts/default.jsjavascript7.8 KB7.7 KB
https://francearchiv...xt/pages/about.jsjavascript2.7 KB0 b
https://francearchiv.../pages/xtutils.jsjavascript1.8 KB0 b
https://fonts.google...oogleapis.com/csscss1.4 KB8.4 KB
https://francearchiv...@docs/favicon.icofavicon1.3 KB1.1 KB
https://francearchiv...est.d6c80140.jsonjson369 B224 B

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/A305 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
image306 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.

Download trace log

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 607
Max Potential First Input Delay 657
Long Tasks before First Paint1154
Long Tasks before First Contentful Paint1154
Long Tasks after Load Event End00
Total Long Tasks2811

Individual Long Tasks

namestartTimedurationcontainerIdcontainerNamecontainerSrccontainerType
unknown257154window
self509657window

CPU time spent

Calculated using Tracium.

Categories (ms)
parseHTML143
styleLayout172
paintCompositeRender27
scriptParseCompile27
scriptEvaluation552
garbageCollection16
other238
Events (ms)
V8.Execute469
RunTask223
ParseHTML141
Layout140
V8.RunMicrotasks71
UpdateLayoutTree32
V8.ScriptCompiler25
CompositeLayers20
V8.GC_SCAVENGER_SCAVENGE_PARALLEL11

Time spent per request

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

CPU time spent

Tool/domainTime (ms)
francearchives.fr578.8

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=2017049940041&jv=0&re=1365x635&vtag=4.7.0&hl=20x17x4&r=1366x708x24x24&rn=1639945024905&ref= (XiTi)
  • https://logs.xiti.com/hit.xiti?s=582968&s2=1&p=@doc::home&vrn=1&ac=&at=&lng=en-US&idp=2017049940041&jv=0&re=1365x635&vtag=4.7.0&hl=20x17x4&r=1366x708x24x24&rn=1639945024905&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 b306 B35 B1
font0 b148.5 KB147.6 KB3
TotalN/A150.2 KB156.0 KB6