Page summary

https://www.proantic.com/magazine/

Tested 2026-09-30 01:35:51 using Chrome 152.0.7977.64 (runtime settings)

SummaryWaterfallMetricsRenderingCoachPageXrayCPUThird partyaxe

This page is fast to paint, snappy to interact with and visually stable, but missing some accessibility basics, loose on best practices and weak on user privacy.

83 / 100
Coach overall
93 / 100
Performance
85 / 100
Best practice
68 / 100
Privacy

How it loaded →

0 → 566 ms · median run
Frame at 0 ms
start
Frame at 300 ms
300 ms
Frame at 400 ms
Largest paint400 ms
Frame at 500 ms
500 ms
Frame at 600 ms
Complete600 ms
366 ms
First Visual Change
404 ms
Speed Index
400 ms
Visual Complete 85%
566 ms
Last Visual Change
TTFB206 msLCP340 msTBT0 msCLS0.01
0
Critical violations
3
Serious violations
3
Moderate violations
0
Minor violations

What to act on · top recommendations

Serve images in modern formats (AVIF, WebP)

0 / 100

The page ships 12 images (out of 12) in JPEG/PNG/GIF without a modern alternative. Wrap them in a <picture> with a <source type="image/avif"> or "image/webp" before the legacy <img>, or serve modern formats from your image pipeline directly. AVIF and WebP usually deliver 25–50% smaller files at the same quality.

Avoid too many fonts

50 / 100

The page has 5 font requests. Do you really need them? What value does the fonts give the user?

Lazy-load below-the-fold images

78 / 100

The page has 2 below-the-fold images without loading="lazy". Add loading="lazy" so the browser defers downloading and decoding them until the user scrolls them into view.

Fix accessibility violations

axe-core

axe-core flagged 3 high-impact accessibility violations (0 critical, 3 serious). Open the Accessibility tab to see the offending elements.

Google Web Vitals

min · median · mean · max of 3 runs
MetricMinMedianMeanMaxRuns agree?
Time To First Byte (TTFB)156 ms206 ms250 ms387 msruns disagree ±56%
Largest Contentful Paint (LCP)308 ms340 ms397 ms544 msruns disagree ±35%
Cumulative Layout Shift (CLS)0.00870.00870.00870.0087identical

Visual Metrics

min · median · mean · max of 3 runs
MetricMinMedianMeanMaxRuns agree?
First visual change333 ms366 ms422 ms568 msruns disagree ±32%
Last visual change533 ms566 ms578 ms634 msvaries ±9%
Speed index392 ms404 ms463 ms593 msruns disagree ±25%
Largest image533 ms566 ms578 ms634 msvaries ±9%
Largest contentful paint533 ms566 ms578 ms634 msvaries ±9%
Last meaningful paint533 ms566 ms578 ms634 msvaries ±9%
Visual readiness66 ms200 ms155 ms200 msruns disagree ±34%
Visual complete 85400 ms400 ms467 ms601 msruns disagree ±25%
Visual complete 95533 ms566 ms578 ms634 msvaries ±9%
Visual complete 99533 ms566 ms578 ms634 msvaries ±9%

CPU

min · median · mean · max of 3 runs
MetricMinMedianMeanMaxRuns agree?
Total Blocking Time0 ms0 ms0 ms0 msidentical
Max Potential FID0 ms0 ms0 ms0 msidentical
CPU long tasks 1111identical
CPU last long task happens at213 ms259 ms306 ms446 msruns disagree ±45%

More metrics

min · median · mean · max of 3 runs
MetricMinMedianMeanMaxRuns agree?
First paint308 ms340 ms397 ms544 msruns disagree ±35%
Load event end490 ms529 ms554 ms643 msruns disagree ±14%

Waterfall

Run 2 SpeedIndex median

First paintFCPLCPDOMContentLoadedDOM interactiveLoadRender-blockingRedirectError

Rendering

Run 2 · median
0.000 s
0s0.5s

The red band on the timeline marks when the main thread was busy with long tasks: moments when the page could not paint or respond, however the video looks.

Download video

Filmstrip

5 frames

Use --filmstrip.showAll to show all filmstrips.

Frame at 0 ms
0 ms
0 %
Frame at 300 ms
300 ms
0 %
Frame at 400 ms
400 ms
89 %
Frame at 500 ms
500 ms
92 %
Frame at 600 ms
600 ms
100 %

Click a frame to seek the video to that moment. The dot marks frames where the page changed visually.

Frames

How smoothly Chrome delivered frames to the screen during the test. Dropped counts only frames Chrome flags as affecting smoothness. On mostly-static pages the longest gap includes idle time where there was simply nothing to draw.

Frames shown8
Partial1
Dropped0
Effective FPS32.5
Longest gap125 msat 425 ms

Why was rendering delayed?

Rendering was not meaningfully delayed. First paint landed at 340 ms on a 206 ms first byte; the 2 render-blocking requests were done by 241 ms.

Style recalculation

measured by Chrome during this run

Style the browser had to recalculate before it could paint: many elements or a lot of time spent here points at expensive CSS on the critical rendering path. The recalculation count and the largest single one tell the two problems apart: one massive style change touching most of the page (few recalculations, the largest close to the total) needs different medicine than thousands of tiny ones (many recalculations, each tiny).

One large recalculation dominates. Restyling 555 elements cost 28 ms before the page painted (8.3 % of the time to First Contentful Paint), and a single recalculation of 540 elements accounts for 22 ms of it. Look for one class or inline-style change on a large container near the top of the DOM that restyles the whole subtree at once. The changes driving it are listed under Style invalidations below.

Before first & largest contentful paint (same paint, 340 ms)

Recalculations3
Elements555
Total time28.1 ms
Largest recalculation540 elements · 21.911 ms

The recalculation work before first paint is 8.3 % of the time to First Contentful Paint.

Render blocking requests

3 requests · 13.0 KB

Blocking requests delay both paints: the browser renders nothing until they arrive, so they push First Contentful Paint and everything after it, including the largest paint (LCP). Requests that block the parser inside the body stall everything after them in the document. Load JavaScript with defer or async, and keep non-critical CSS off the critical path with media attributes. Bars show when each request loaded on a clock that runs to the last paint; the gap after the bars is style and layout work. Web fonts are context, not blockers: text renders invisible or in a fallback face while they load, so a font finishing after a paint is the classic reason text changed late.

RequestWhen it loadedTransferDownload
document
www.proantic.com · TTFB 206 ms
203 ms
14.5 KB202 ms
css · www.proantic.com
22 ms
10.4 KB22 ms
css · www.proantic.com
16 ms
1.5 KB16 ms
scripts.min.jsblocks parser in body
javascript · www.proantic.com
24 ms
1.1 KB24 ms
LCP resource
1822283-main-6aa97596b8e36.jpg — downloaded by 241 ms, rendered at 340 ms
21 ms
26.4 KB21 ms
web font · fonts.gstatic.com · finished after first paint
loaded after FCP, at 354 ms
36.9 KB168 ms
web font · fonts.gstatic.com · finished after first paint
loaded after FCP, at 354 ms
23.9 KB17 ms
web font · fonts.gstatic.com · finished after first paint
loaded after FCP, at 354 ms
23.1 KB13 ms
085 ms170 msFCP · LCP 340 ms

Style invalidations

Why the browser had to recalculate style and layout: every DOM/style change invalidates some set of nodes, and the same class or attribute churning over and over is the pattern to hunt. Counts, not milliseconds: the time is in the style recalculation numbers above.

Chase what keeps changing after the page is up. 10 style recalculations and 2 548 layout invalidations fired after first paint, on a page the user was already looking at. The biggest driver is attribute style (2×). Start with the script under "Scripts causing invalidations" that keeps triggering it.

Style recalculations1810 after first paint
Layout invalidations4 3472 548 after first paint

Changes that keep invalidating

top 2
  • attribute: style2×
  • attribute: rel1×

Invalidation reasons

split at first paint

After first paint

Invalidations on a page the user was already looking at, the actionable half.

ReasonStyle recalculationsLayout
A node was inserted into the page10–
A web font finished loadingPreload the font or use font-display so a late swap does not re-style the page.–2 548

Before first paint: building the page

The page being constructed and styled for the first render. Expected work, shown for scale.

ReasonStyle recalculationsLayout
A node was inserted into the page7–
A stylesheet rule changed1–
A web font finished loadingPreload the font or use font-display so a late swap does not re-style the page.–889
An element entered layout–906
An element left layout–3
An element's size changed–1

Scripts causing invalidations

top 2

Coach

The coach helps you find performance problems on your web page using web performance best practice rules. And gives you advice on privacy and best practices. Tested using Coach-core version 9.2.1.

Performance advice

93
1 error8 warnings3 info
warn(0)Serve images in modern formats (AVIF, WebP)modernImageFormats

The page ships 12 images (out of 12) in JPEG/PNG/GIF without a modern alternative. Wrap them in a <picture> with a <source type="image/avif"> or "image/webp" before the legacy <img>, or serve modern formats from your image pipeline directly. AVIF and WebP usually deliver 25–50% smaller files at the same quality.

AVIF and WebP routinely deliver 25–50% smaller files than JPEG and PNG at the same perceived quality, and every browser version still under support understands at least one of them. Ship modern formats either through a <picture> element with <source type="image/avif"> / "image/webp" entries in front of the legacy <img>, or directly from a content-negotiating image pipeline that returns AVIF / WebP when the client accepts it. https://web.dev/articles/serve-images-webp

Offenders
infoAvoid too many fontsfewFonts

The page has 5 font requests. Do you really need them? What value does the fonts give the user?

How many fonts do you need on a page for the user to get the message? Fonts can slow down the rendering of content, try to avoid loading too many of them because worst case it can make the text invisible until they are loaded (FOIT—flash of invisible text), best case they will flicker the text content when they arrive.

Offenders
warn(78)Lazy-load below-the-fold imageslazyLoadingImages

The page has 2 below-the-fold images without loading="lazy". Add loading="lazy" so the browser defers downloading and decoding them until the user scrolls them into view.

Adding loading="lazy" to an <img> tells the browser not to download or decode it until it is close to the viewport. For images that the user may never see (deep in the page, behind a tab, in a footer carousel), this saves bandwidth and main-thread time during initial render. The LCP image and any image in the initial viewport should NOT be lazy-loaded — that delays the first paint. https://developer.mozilla.org/en-US/docs/Web/HTML/Element/img#loading

Offenders
warn(80)Avoid CPU Long TaskslongTasks

The page has 1 CPU long task with the total of 67 ms. The total blocking time is 0 ms and 1 long task before first contentful paint with total time of 67 ms. However the CPU Long Task is depending on the computer/phones actual CPU speed, so you should measure this on the same type of the device that your user is using. Use Geckoprofiler for Firefox or Chromes tracelog to debug your long tasks.

Long CPU tasks locks the thread. To the user this is commonly visible as a "locked up" page where the browser is unable to respond to user input; this is a major source of bad user experience on the web today. However the CPU Long Task is depending on the computer/phones actual CPU speed, so you should measure this on the same type of the device that your user is using. To debug you should use the Chrome timeline log and drag/drop it into devtools or use Firefox Geckoprofiler.

Offenders
  • self
warn(80)Avoid extra requests by setting cache headerscacheHeaders

The page has 2 requests that are missing a cache time. Configure a cache time so the browser doesn't need to download them every time. It will save 656 B the next access.

The easiest way to make your page fast is to avoid doing requests to the server. Setting a cache header on your server response will tell the browser that it doesn't need to download the asset again during the configured cache time! Always try to set a cache time if the content doesn't change for every request.

Offenders
infoAdd decoding="async" to non-critical imagesdecodingAsync

The page has 2 images (out of 12) without a decoding hint. Add decoding="async" to non-critical images so the browser can decode them off the main thread.

Setting decoding="async" on an <img> tells the browser it can decode the image off the main thread, which keeps the page responsive to user interactions while images are being processed. The default ("auto") leaves the choice to the browser. https://developer.mozilla.org/en-US/docs/Web/HTML/Element/img#decoding

Offenders
warn(90)Avoid slowing down the critical rendering pathavoidRenderBlocking

The page has 2 blocking requests and 1 in body parser blocking (1 JavaScript and 2 CSS).

The critical rendering path is what the browser needs to do to start rendering the page. Every file requested inside of the head element will postpone the rendering of the page, because the browser need to do the request. Avoid loading JavaScript synchronously inside of the head (you should not need JavaScript to render the page), request files from the same domain as the main document (to avoid DNS lookups) and inline CSS for really fast rendering and a short rendering path.

Offenders
error(90)Avoid Frontend single point of failuresspof

The page has 1 request inside of the head that can cause a SPOF (single point of failure). Load them asynchronously or move them outside of the document head.

A page can be stopped from loading in the browser if a single JavaScript, CSS, and in some cases a font, couldn't be fetched or is loading really slowly (the white screen of death). That is a scenario you really want to avoid. Never load 3rd-party components synchronously inside of the head tag.

Offenders
warn(90)Always compress text contentcompressAssets

The page has 1 request that are served uncompressed. You could save a lot of bytes by sending them compressed instead.

In the early days of the Internet there were browsers that didn't support compressing (gzipping) text content. They do now. Make sure you compress HTML, JSON, JavaScript, CSS and SVG. It will save bytes for the user; making the page load faster and use less bandwith.

Offenders
URLTransferContent
https://analytics.proantic.com/api/script.js33.5 KB33.2 KB
warn(90)Don't use private headers on static contentprivateAssets

The page has 1 request with private headers. Make sure that the assets really should be private and only used by one user. Otherwise, make it cacheable for everyone.

If you set private headers on content, that means that the content are specific for that user. Static content should be able to be cached and used by everyone. Avoid setting the cache header to private.

Offenders
infoLong cache headers is goodcacheHeadersLong

The page has 8 requests that have a shorter cache time than one year (but still a cache time).

Setting a cache header is good. Setting a long cache header (a year) is even better because the asset will stay in the browser cache across visits. For content-hashed URLs (e.g. app.4af2.css) you can safely use Cache-Control: max-age=31536000, immutable. For unversioned URLs that may change, use a revalidating strategy instead.

Offenders
warn(95)Inline CSS for faster first renderinlineCss

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.

In the early days of the Internet, inlining CSS was one of the ugliest things you can do. That has changed if you want your page to start rendering fast for your user. Always inline the critical CSS when you use HTTP/1 and HTTP/2 (avoid doing CSS requests that block rendering) and lazy load and cache the rest of the CSS. It is a little more complicated when using HTTP/2. Does your server support HTTP push? Then maybe that can help. Do you have a lot of users on a slow connection and are serving large chunks of HTML? Then it could be better to use the inline technique, becasue some servers always prioritize HTML content over CSS so the user needs to download the HTML first, before the CSS is downloaded.

Best practice advice

85
1 warning1 info
warn(0)Avoid too many third party requeststhirdParty

The page do 45% requests to third party domains (10 requests and 276.4 kB). First party is 12 requests and 127 kB. The page transfer more bytes from third party domains (276.4 kB) then first party (127 kB). The regex .*proantic.* was used to calculate first/third party requests.

Do not load most of your content from third party URLs.

infoAvoid unnecessary headersunnecessaryHeaders

There are 16 responses that sets both a max-age and expires header. There are 22 responses that sets a server header.

Do not send headers that you don't need. We look for p3p, cache-control and max-age, pragma, server and x-frame-options headers. Have a look at Andrew Betts - Headers for Hackers talk as a guide https://www.youtube.com/watch?v=k92ZbrY815c or read https://www.fastly.com/blog/headers-we-dont-want.

Offenders

Privacy advice

68
1 error6 warnings4 info
warn(0)Declare a referrer policy on the documentreferrerPolicy

No <meta name="referrer"> tag was found on the page. Set a Referrer-Policy response header (preferred) or add a meta tag, for example <meta name="referrer" content="strict-origin-when-cross-origin">.

Without an explicit referrer policy the browser falls back to the user-agent default and may leak the full URL of the previous page (including query strings) to every cross-origin request. Set a Referrer-Policy response header (preferred) or a <meta name="referrer"> tag in the document. https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Referrer-Policy

warn(0)Use a strict Content-Security-Policy header to mitigate cross-site scripting (XSS) attacks.contentSecurityPolicyHeader

Set a Content-Security-Policy header to mitigate cross-site scripting attacks. You can start with a Content-Security-Policy-Report-Only header, which only reports violations rather than blocking them.

A Content-Security-Policy response header tells the browser which sources of script, style, and other content are allowed. The most effective form is a strict CSP using nonces or hashes together with strict-dynamic; the worst is a missing header, with unsafe-inline and unsafe-eval close behind. https://web.dev/articles/strict-csp

Offenders
infoSet a Cross-Origin-Embedder-Policy header so cross-origin subresources opt in to being embedded.crossOriginEmbedderPolicyHeader

Set a Cross-Origin-Embedder-Policy header (typically require-corp or credentialless) on the document response to control cross-origin embedding.

Cross-Origin-Embedder-Policy (COEP) makes the page refuse to load cross-origin subresources unless they explicitly opt in via CORP or CORS. Together with Cross-Origin-Opener-Policy it puts the page in a cross-origin isolated context, which mitigates cross-window side-channel attacks (Spectre) and unlocks high-resolution timers and SharedArrayBuffer. https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Cross-Origin-Embedder-Policy

Offenders
warn(0)Set a Cross-Origin-Opener-Policy header to isolate the page from cross-origin windows.crossOriginOpenerPolicyHeader

Set a Cross-Origin-Opener-Policy header (typically same-origin) on the document response to isolate the page from cross-origin windows.

Cross-Origin-Opener-Policy (COOP) lets a page sever its window-group ties to cross-origin documents that opened it or that it opens. Together with Cross-Origin-Embedder-Policy it puts the page in a cross-origin isolated context, which mitigates cross-window side-channel attacks (Spectre) and unlocks high-resolution timers and SharedArrayBuffer. https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Cross-Origin-Opener-Policy

Offenders
infoSet a Cross-Origin-Resource-Policy header to limit who may embed the page.crossOriginResourcePolicyHeader

Set a Cross-Origin-Resource-Policy header (same-origin, same-site or cross-origin) on the document response to limit who may embed it.

Cross-Origin-Resource-Policy (CORP) is a per-response opt-in that tells the browser which origins are allowed to embed the resource. It blocks cross-origin or cross-site no-cors embedding (img, script, iframe, etc.) and is one of the building blocks of cross-origin isolation. https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Cross-Origin-Resource-Policy

Offenders
infoSet a NEL header so the browser reports network errors back to you.nelHeader

Set a NEL header (paired with Reporting-Endpoints) to collect connection-level error reports from the field.

The NEL (Network Error Logging) response header tells the browser to record connection-level failures (DNS, TLS, HTTP errors) and ship them to a reporting endpoint. NEL pairs with the Reporting-Endpoints / Report-To header — the page declares the endpoint group and NEL points at it. Together they give you visibility into errors that never reach your origin server. https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/NEL

Offenders
warn(0)Set a Permissions-Policy header to control which browser features the page can use.permissionsPolicyHeader

Set a Permissions-Policy header to control which browser features the page can use.

The Permissions-Policy response header (the successor to Feature-Policy) lets a site explicitly opt in or out of powerful browser features such as camera, microphone, geolocation, payment and clipboard. Setting a strict policy reduces the attack surface and limits what embedded third parties can do. https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Permissions-Policy

Offenders
warn(0)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.

Referrer Policy is a new header that allows a site to control how much information the browser includes with navigations away from a document and should be set by all sites. https://scotthelme.co.uk/a-new-security-header-referrer-policy/.

Offenders
infoDeclare reporting endpoints so the browser can deliver Reporting-API events.reportingEndpointsHeader

Set a Reporting-Endpoints header (or the legacy Report-To header) so CSP reports, NEL data and other Reporting-API events have an endpoint to land at.

The Reporting-Endpoints response header (the successor to Report-To) names the URLs that browsers should POST reports to. Without it, CSP report-to directives, Cross-Origin-Opener-Policy reports, NEL data and other Reporting-API events have nowhere to go. The legacy Report-To header is still accepted for older Chromium versions. https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Reporting-Endpoints

Offenders
error(0)Set a strict transport header to make sure the user always use HTTPS.strictTransportSecurityHeader

Set a strict transport header to make sure the user always use HTTPS.

The HTTP Strict-Transport-Security response header (often abbreviated as HSTS) lets a web site tell browsers that it should only be accessed using HTTPS, instead of using HTTP. https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Strict-Transport-Security.

Offenders
warn(0)Do not share user data with third parties.thirdPartyPrivacy

The page has 45% requests that are 3rd party (10 requests with a size of 276.4 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 5 survelliance requests and uses 1 survelliance tool. The page do 5 surveillance requests and uses 1 surveillance tool. The page do 3 hosting requests and uses 1 hosting tool. The page do 2 analytics requests and uses 1 analytics tool.

Using third party requests shares user information with that third party. Please avoid that! The project https://github.com/patrickhulce/third-party-web is used to categorize first/third party requests.

Offenders

Page info

A snapshot of what the browser actually built for this page: the document, how big and deep the DOM tree is and what it kept in storage. Big, deep trees are slower to style and lay out, so the counts Chrome warns about carry a flag.

Page info

Document

What the page says it is and how large it rendered.

TitleLe Magazine de Proantic - Magazine d'art et expositionsThe document title, shown in the browser tab and used by search results.
GeneratorWordPress 6.9.1The tool or CMS that generated the HTML, from the page generator meta tag.
Layout viewport1350 × 8802 pxThe width the page laid out at, and the full height of the rendered document.

DOM structure

How much markup the browser has to build, style and lay out.

DOM elements477Total HTML elements. Fewer means less for the browser to style, lay out and paint.
Avg DOM depth13How deeply elements are nested on average.
Max DOM depth18The deepest nesting on the page. Deep branches cost more style recalculation.
Iframes0No embedded documents on this page.
Script tags10Number of script elements. More scripts usually means more main-thread work.

Storage and connection

What the page stored on the client, and the network it was tested on.

Local storage53 BData the page saved in localStorage, kept across visits.
Session storage94 BData kept in sessionStorage for this tab session only.
Connection type4GWhat the Network Information API reported for the test connection.

Resource hints

3 hints
dns-prefetch
  • https://stats.wp.com/
  • https://v0.wordpress.com/
preconnect
  • https://i0.wp.com/

Technologies used to build the page

Data collected using Coach-core version 9.2.1. With updated code from Webappanalyzer 2026-05-04. Use --browsertime.firefox.includeResponseBodies html or --browsertime.chrome.includeResponseBodies html to help Wappalyzer find more information about technologies used.

Detected technologies

7 technologies
  • WordPress6.9.1Confidence100
    CMSBlogs
  • MySQLConfidence100
    Databases
  • PHPConfidence100
    Programming languages
  • NginxConfidence100
    Web serversReverse proxies
  • HSTSConfidence100
    Security
  • Google PageSpeed1.13.35.2Confidence100
    CachingWeb server extensionsPerformance
  • HTTP/3Confidence100
    Miscellaneous

Third-party tools

5 tools

Data collected using Third Party Web version 0.29.2.

Cdn
  • Google Fonts
Survelliance
  • Google Fonts
Surveillance
  • Google Fonts
Hosting
  • WordPress
Analytics
  • WordPress Site Stats

Data from run 2

Visual Metrics

Visual milestones

all times from navigation start
Speed Index0.40 show quickly the page looked done
First Visual Change0.37 sfirst paint reaches the screen
Last Visual Change0.57 sscreen stops changing · 0.20 s after first
nothing painted yet
≥85%
First Visual Change0.37 s
Visual Complete 85%0.40 s
Visual Complete 95% · Visual Complete 99% · Last Visual Change0.57 s
Visual Readiness0.20 s· first to last change
00.1 s0.2 s0.3 s0.4 s0.5 s
Visual progress
Visual progress at 0 s0.0s
Visual progress at 0.3 s0.3s
Visual progress at 0.4 s0.4s
Visual progress at 0.5 s0.5s
Visual progress at 0.6 s0.6s
FCP0.34s
LCP0.34s
VC850.40s
Long tasks
0.0s0.1s0.2s0.4s0.5s0.6s

Google Web Vitals

from run 2

Largest Contentful Paint

When the page main content is rendered, collected via the Largest Contentful Paint API. Read more about Largest Contentful Paint.

340 msLCP render time

Phase breakdown

  • TTFB206 ms
  • Resource load delay11 ms
  • Resource load duration32 ms
  • Element render delay92 ms

Element

Element type
<img>
Size (w × h)
135252
URL
https://i0.wp.com/ww...6aa97596b8e36.jpg
Load time
274 ms
Style recalculation before LCP
3 recalculations touching 555 elements (28.1 ms) — the largest touched 540 elements (21.911 ms)

DOM path

body > div#page > div:eq(1) > div > div > div#site-content > div > div:eq(0) > main#content > div:eq(0) > div#inner-content > article#entry-18642 > div:eq(2) > a > img
LCP

The LCP element is highlighted in the screenshot. If nothing is highlighted the element was removed before the screenshot or the LCP API couldn't find it.

The Largest Contentful Paint API matched this image:

LCP element

Cumulative Layout Shift

How much the page's content shifts as it loads, collected via the Cumulative Layout Shift API.

0.009cumulative layout shift score

One shift is 95% of your 0.009 CLS. div#site-content moved at 542 ms. Reserve space for whatever renders into that spot, a fixed height or an aspect-ratio box, so later content stops pushing the page around.

Elements that shifted

Worst first, showing shifts of 0.01 and up. Each percentage is that shift's exact share of the score.

The shift is spread across many movements below 0.01, none large enough to single out. Check the video or filmstrip to see what moved.

Layout shift

Elements that shifted by more than 0.01 are highlighted in the screenshot. If an element shifted outside the viewport, it won't appear here. Check the video or filmstrip to see the shift.

Browser Metrics

Navigation Timing
Extra timings

Custom metrics collected through JavaScript

There are no custom configured scripts.

Extra metrics collected using scripting

There are no custom extra metrics from scripting.

Visual Elements2
LargestImage1822283-main-6aa97596b8e36.jpg?resize=720%2C471&ssl=1
Display time566 ms
Position (x, y)170, 425
Size (w × h)663 × 434
HTML snippet
<img width="720" height="471" src="https://i0.wp.com/www.proantic.com/magazine/wp-content/uploads/2026/09/1822283-main-6aa97596b8e36.jpg?resize=720%2C471&amp;ssl=1" class="attachment-post-thumbnail size-post-thumbnail wp-post-image" alt="" itemprop="image" decoding="async" fetchpriority="high" data-attachment-id="18646" data-permalink="https://www.proantic.com/magazine/coupe-a-six-godrons-jacques-i-laudin-vers-1627-1695/1822283-main-6aa97596b8e36/" data-orig-file="https://i0.wp.com/www.proantic.com/magazine/wp-content/uploads/2026/09/1822283-main-6aa97596b8e36.jpg?fit=1200%2C896&amp;ssl=1" data-orig-size="1200,896" data-comments-opened="1" data-image-meta="{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;1&quot;}" data-image-title="Coupe à six godrons &amp;#8211; Jacques I LAUDIN.  (c) Galerie FCP Coridon, Proantic" data-image-description="" data-image-caption="" data-medium-file="https://i0.wp.com/www.proantic.com/magazine/wp-content/uploads/2026/09/1822283-main-6aa97596b8e36.jpg?fit=300%2C224&amp;ssl=1" data-large-file="https://i0.wp.com/www.proantic.com/magazine/wp-content/uploads/2026/09/1822283-main-6aa97596b8e36.jpg?fit=665%2C497&amp;ssl=1">
LargestImage preview
LargestContentfulPaint1822283-main-6aa97596b8e36.jpg?resize=720%2C471&ssl=1
Display time566 ms
Position (x, y)170, 425
Size (w × h)663 × 434
HTML snippet
<img width="720" height="471" src="https://i0.wp.com/www.proantic.com/magazine/wp-content/uploads/2026/09/1822283-main-6aa97596b8e36.jpg?resize=720%2C471&amp;ssl=1" class="attachment-post-thumbnail size-post-thumbnail wp-post-image" alt="" itemprop="image" decoding="async" fetchpriority="high" data-attachment-id="18646" data-permalink="https://www.proantic.com/magazine/coupe-a-six-godrons-jacques-i-laudin-vers-1627-1695/1822283-main-6aa97596b8e36/" data-orig-file="https://i0.wp.com/www.proantic.com/magazine/wp-content/uploads/2026/09/1822283-main-6aa97596b8e36.jpg?fit=1200%2C896&amp;ssl=1" data-orig-size="1200,896" data-comments-opened="1" data-image-meta="{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;1&quot;}" data-image-title="Coupe à six godrons &amp;#8211; Jacques I LAUDIN.  (c) Galerie FCP Coridon, Proantic" data-image-description="" data-image-caption="" data-medium-file="https://i0.wp.com/www.proantic.com/magazine/wp-content/uploads/2026/09/1822283-main-6aa97596b8e36.jpg?fit=300%2C224&amp;ssl=1" data-large-file="https://i0.wp.com/www.proantic.com/magazine/wp-content/uploads/2026/09/1822283-main-6aa97596b8e36.jpg?fit=665%2C497&amp;ssl=1">
LargestContentfulPaint preview

PageXray

How the page is built.

HTTP versionHTTP/2.0
Total requests22
Total domains7
Transfer size394.0 KB
Content size540.6 KB
Missing compression1

Main document

status 200 · 0 redirects

https://www.proantic.com/magazine/

HeaderValue
cache-controlmax-age=0, no-cache, s-maxage=10
content-encodinggzip
content-typetext/html; charset=UTF-8
dateWed, 30 Sep 2026 01:36:11 GMT
link<https://www.proantic.com/magazine/wp-json/>; rel="https://api.w.org/", <https://wp.me/7EkP3>; rel=shortlink
servernginx
varyaccept,content-type,Accept-Encoding
x-content-type-optionsnosniff
x-frame-optionsSAMEORIGIN
x-mod-pagespeed1.13.35.2-0

Response codes

200
2195.5%
204
14.5%

Requests and sizes per content type

8 types

Transfer size394.0 KB

  • image49.7%
  • font31.8%
  • javascript10.6%
  • html3.7%
  • css3.6%
  • favicon0.36%
  • json0.17%

Content size540.6 KB

  • image35.9%
  • font23.1%
  • css15.4%
  • html14.1%
  • javascript11.3%
  • favicon0.21%
  • json0.05%

Requests22

  • image22.7%
  • font22.7%
  • javascript18.2%
  • css13.6%
  • json9.1%
  • html4.5%
  • favicon4.5%
  • other4.5%
ContentHeader SizeTransfer SizeContent SizeRequests
html0 b14.5 KB76.3 KB1
css0 b14.2 KB83.1 KB3
javascript0 b41.9 KB60.9 KB4
image0 b196.0 KB194.0 KB5
font0 b125.3 KB124.9 KB5
favicon0 b1.4 KB1.1 KB1
json0 b701 B287 B2
other0 b0 b0 b1
Total0 b394.0 KB540.6 KB22

Data per domain

7 domains
DomainTotal download timeTransfer SizeContent SizeRequests
www.proantic.com580 ms89.9 KB217.9 KB8
fonts.googleapis.com41 ms2.3 KB21.4 KB1
i0.wp.com129 ms159.4 KB157.9 KB3
stats.wp.com21 ms1.7 KB3.7 KB1
analytics.proantic.com37 ms34.2 KB33.5 KB4
fonts.gstatic.com193 ms106.4 KB106.3 KB4
pixel.wp.com4 ms177 B50 B1

Expires & last-modified statistics

typeminmedianmax
Expires0 seconds4 weeks2 years
Last modified0 seconds15 weeks3 years

Requests loaded after onLoad event

1 request

Includes requests done after load event end.

ContentTransfer SizeRequests
html0 b0
css0 b0
javascript0 b0
image0 b0
font0 b0
favicon1.4 KB1
Total1.4 KB1

Requests loaded after onContentLoad

4 requests

Includes requests done after DOM content loaded.

ContentTransfer SizeRequests
html0 b0
css0 b0
javascript5.6 KB1
image0 b0
font0 b0
favicon1.4 KB1
other0 b1
json222 B1
Total7.2 KB4

CPU

Long tasks

Tasks ≥ 50 ms blocking the main thread, collected via the Long Task API.

TBT0 ms
Max potential input delay0 ms
Total long tasks1
Total time56 ms
Last task at259 ms
Before first paint56 ms1 task
Before FCP56 ms1 task
Before LCP56 ms1 task
After load0 ms0 tasks

Long Animation Frames

A long animation frame (LOAF) is a frame that took ≥ 50 ms from input to the next paint. The part beyond the threshold is blocking time, the number that hurts Interaction to Next Paint and Total Blocking Time. Break long tasks up (scheduler.yield(), smaller chunks) or move the work off the main thread. Read more about the Long Animation Frames API.

Long animation frames1every frame ≥ 50 ms
Blocking time9.1 msacross all long frames — what hurts INP and TBT
Blocking before LCP9.1 msdelaying the largest paint — fix these first
Long animation frame #1 · 90.3 msat 221.3 ms · before LCP
blocking 9.1 ms
  • Scripts & other work38.2 ms
  • Animation callbacks0 ms
  • Style & layout52.1 ms
  • Render0 ms

The browser did not report which script was responsible for this frame — typically its own style/layout work, or a cross-origin script it will not name.

Where the time went

All main-thread work during the full page load, not just the share that blocked input. Calculated from the Chrome trace.

Categories

256 ms total
Style & layout121 ms47.3%
Other browser work (scheduling)61 ms23.8%
Running JavaScript32 ms12.5%
Parsing HTML & CSS20 ms7.8%
Paint & composite16 ms6.3%
Garbage collection4 ms1.6%
Parsing & compiling JavaScript2 ms0.8%
What do these categories mean?
Parsing HTML & CSSparseHTML
Reading the HTML and CSS and building the page structure. Grows with document size — a big server-rendered page costs more here.
Style & layoutstyleLayout
Working out which CSS rules apply and where every element goes on the page. Grows with DOM size and selector complexity.
Parsing & compiling JavaScriptscriptParseCompile
Parsing and compiling JavaScript before it can run — the cost of shipping bytes of JS, even unused ones.
Running JavaScriptscriptEvaluation
Running JavaScript: event handlers, timers, promise callbacks and script execution.
Paint & compositepaintCompositeRender
Painting pixels and assembling layers into the frames you see on screen.
Garbage collectiongarbageCollection
Reclaiming memory JavaScript no longer uses. A lot of it means allocation-heavy code.
Other browser work (scheduling)other
Chrome’s own task management: per-task overhead and thousands of sub-millisecond scheduler ticks — not page work you can attribute or optimize away. On this page 61 ms of it is this per-task bookkeeping (RunTask self time in the trace).

First vs third party CPU time

Main-thread CPU time from the Chrome trace split by domain. First party is proantic.com.

First party18 ms
Third party2 ms
Domains1

Want to dig deeper? Download the Chrome trace and drag-and-drop it into Performance in DevTools.

Third party

Third party requests categorised by Third party web version 0.29.2.

Third-party requests15
Tools3
Categories4

Categories

4 categories

Requests by category15

  • cdn5 req · 1 tool33.3%
  • survelliance5 req · 1 tool33.3%
  • hosting3 req · 1 tool20.0%
  • analytics2 req · 1 tool13.3%

First party vs third party

12 first · 10 third party

Transfer size394.0 KB

  • First party124.1 KB31.5%
  • Third party270.0 KB68.5%

Content size540.6 KB

  • First party251.3 KB46.5%
  • Third party289.3 KB53.5%

Requests22

  • First party1254.5%
  • Third party1045.5%

First party requests and sizes per content type

12 requests

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

ContentHeader SizeTransfer SizeContent SizeRequests
html0 b14.5 KB76.3 KB1
css0 b11.9 KB61.8 KB2
javascript0 b40.2 KB57.2 KB3
image0 b36.4 KB36.1 KB1
font0 b18.9 KB18.6 KB1
favicon0 b1.4 KB1.1 KB1
json0 b701 B287 B2
other0 b0 b0 b1
TotalN/A124.1 KB251.3 KB12

Third party requests and sizes per content type

10 requests
ContentHeader SizeTransfer SizeContent SizeRequests
html0 b0 b0 b0
css0 b2.3 KB21.4 KB1
javascript0 b1.7 KB3.7 KB1
image0 b159.6 KB157.9 KB4
font0 b106.4 KB106.3 KB4
favicon0 b0 b0 b0
TotalN/A270.0 KB289.3 KB10

Axe

Axe is an accessibility testing engine for websites and other HTML-based user interfaces. Tested using axe-core version 4.11.4. Read more about axe-core.

This page has accessibility issues to fix.

Worst impact across the runs: serious. Open an individual run to see the actual violations.

Violations

median across runs
Critical00 issues
Serious381 issues
Moderate37 issues
Minor00 issues