Page summary

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

Tested 2026-10-12 01:36:18 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
400 ms
Frame at 500 ms
Largest paint500 ms
Frame at 600 ms
Complete600 ms
366 ms
First Visual Change
394 ms
Speed Index
433 ms
Visual Complete 85%
566 ms
Last Visual Change
TTFB187 msLCP428 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

40 / 100

The page has 6 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)179 ms187 ms188 ms198 msvaries ±5%
Largest Contentful Paint (LCP)376 ms428 ms447 ms536 msruns disagree ±19%
Cumulative Layout Shift (CLS)0.01290.01290.01320.0137stable ±3%

Visual Metrics

min · median · mean · max of 3 runs
MetricMinMedianMeanMaxRuns agree?
First visual change366 ms366 ms366 ms366 msidentical
Last visual change400 ms566 ms511 ms566 msruns disagree ±15%
Speed index373 ms394 ms391 ms405 msstable ±4%
Largest image400 ms566 ms511 ms566 msruns disagree ±15%
Largest contentful paint400 ms566 ms511 ms566 msruns disagree ±15%
Last meaningful paint400 ms566 ms511 ms566 msruns disagree ±15%
Visual readiness34 ms200 ms145 ms200 msruns disagree ±42%
Visual complete 85400 ms433 ms466 ms566 msruns disagree ±19%
Visual complete 95400 ms566 ms511 ms566 msruns disagree ±15%
Visual complete 99400 ms566 ms511 ms566 msruns disagree ±15%

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 at233 ms247 ms244 ms251 msstable ±4%

More metrics

min · median · mean · max of 3 runs
MetricMinMedianMeanMaxRuns agree?
First paint340 ms356 ms351 ms356 msstable ±2%
Load event end521 ms574 ms584 ms658 msruns disagree ±12%

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
76 %
Frame at 500 ms
500 ms
91 %
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 shown9
Partial1
Dropped0
Effective FPS31.6
Longest gap131 msat 422 ms

Why was rendering delayed?

Rendering was not meaningfully delayed. First paint landed at 340 ms on a 198 ms first byte; the 2 render-blocking requests were done by 232 ms and the remaining ~108 ms is style and layout work (28 ms of it measured style recalculation).

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 559 elements cost 28 ms before the page painted (8.3 % of the time to First Contentful Paint), and a single recalculation of 544 elements accounts for 21 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 contentful paint

Recalculations3
Elements559
Total time28.205 ms
Largest recalculation544 elements · 21.479 ms

Before largest contentful paint

Recalculations5
Elements564
Total time34.251 ms
Largest recalculation544 elements · 21.479 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 dashed line is FCP, the clock ends at LCP); 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 198 ms
195 ms
14.6 KB193 ms
css · www.proantic.com
20 ms
10.4 KB20 ms
css · www.proantic.com
13 ms
1.5 KB13 ms
scripts.min.jsblocks parser in body
javascript · www.proantic.com
17 ms
1.1 KB17 ms
LCP resource
Capture-decran-2026-09-30-093259.png — downloaded by 366 ms, rendered at 428 ms
154 ms
183.6 KB154 ms
web font · fonts.gstatic.com · finished after first paint
184 ms · past LCP
36.9 KB184 ms
web font · fonts.gstatic.com · finished after first paint
218 ms · past LCP
23.9 KB218 ms
web font · fonts.gstatic.com · finished after first paint
16 ms
5.5 KB16 ms
0107 ms214 msFCP 340 msFCP · LCP 428 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 112 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 invalidations3 9352 112 after first paint

Changes that keep invalidating

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

Invalidation reasons

split at first paint

Between first and largest paint

Invalidations while the largest paint was still pending, so these delayed it.

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.–1 750

After the largest paint

Churn on the fully rendered page: wasted work and possible jank, but no paint delay.

ReasonStyle recalculationsLayout
A web font finished loadingPreload the font or use font-display so a late swap does not re-style the page.–362

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.–901
An element entered layout–918
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 6 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 64 ms. The total blocking time is 0 ms and 1 long task before first contentful paint with total time of 64 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 48% requests to third party domains (11 requests and 662 kB). First party is 12 requests and 127.2 kB. The page transfer more bytes from third party domains (662 kB) then first party (127.2 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 17 responses that sets both a max-age and expires header. There are 23 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 48% requests that are 3rd party (11 requests with a size of 662 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 6 survelliance requests and uses 1 survelliance tool. The page do 6 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 7.1.3The tool or CMS that generated the HTML, from the page generator meta tag.
Layout viewport1350 × 8910 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 elements481Total 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
  • WordPress7.1.3Confidence100
    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.39 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.43 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.43s
VC850.43s
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.

428 msLCP render time

Phase breakdown

  • TTFB198 ms
  • Resource load delay11 ms
  • Resource load duration164 ms
  • Element render delay55 ms

Element

Element type
<img>
Size (w × h)
155142
URL
https://i0.wp.com/ww...-09-30-093259.png
Load time
386 ms
Style recalculation before LCP
5 recalculations touching 564 elements (34.251 ms) — the largest touched 544 elements (21.479 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-18669 > 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.014cumulative layout shift score

One shift is 94% of your 0.014 CLS. div#site-content moved at 546 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.

  • 0.013
    94% of CLSshifted at 546 ms
    <div id="site-content">
    body > div#page > div:eq(1) > div > div > div#site-content
    <div class="site-bar">
    body > div#page > div:eq(1) > div > div > header#masthead > div:eq(1)
    body > div#page > div:eq(1) > div > div > header#masthead > div:eq(0) > div > a > #text
    <p class="tagline">
    body > div#page > div:eq(1) > div > div > header#masthead > div:eq(0) > p
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
LargestImageCapture-decran-2026-09-30-093259.png?resize=720%2C469&ssl=1
Display time566 ms
Position (x, y)170, 392
Size (w × h)663 × 432
HTML snippet
<img width="720" height="469" src="https://i0.wp.com/www.proantic.com/magazine/wp-content/uploads/2026/09/Capture-decran-2026-09-30-093259.png?resize=720%2C469&amp;ssl=1" class="attachment-post-thumbnail size-post-thumbnail wp-post-image" alt="" itemprop="image" decoding="async" fetchpriority="high" data-attachment-id="18673" data-permalink="https://www.proantic.com/magazine/suzuribako-japonais-en-laque-urushi/capture-decran-2026-09-30-093259/" data-orig-file="https://i0.wp.com/www.proantic.com/magazine/wp-content/uploads/2026/09/Capture-decran-2026-09-30-093259.png?fit=878%2C469&amp;ssl=1" data-orig-size="878,469" 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;0&quot;}" data-image-title="Suzuribako japonais en laque urushi . (c) Cristina Ortega et Michel Dermigny, Proantic" data-image-description="" data-image-caption="" data-medium-file="https://i0.wp.com/www.proantic.com/magazine/wp-content/uploads/2026/09/Capture-decran-2026-09-30-093259.png?fit=300%2C160&amp;ssl=1" data-large-file="https://i0.wp.com/www.proantic.com/magazine/wp-content/uploads/2026/09/Capture-decran-2026-09-30-093259.png?fit=665%2C355&amp;ssl=1">
LargestImage preview
LargestContentfulPaintCapture-decran-2026-09-30-093259.png?resize=720%2C469&ssl=1
Display time566 ms
Position (x, y)170, 392
Size (w × h)663 × 432
HTML snippet
<img width="720" height="469" src="https://i0.wp.com/www.proantic.com/magazine/wp-content/uploads/2026/09/Capture-decran-2026-09-30-093259.png?resize=720%2C469&amp;ssl=1" class="attachment-post-thumbnail size-post-thumbnail wp-post-image" alt="" itemprop="image" decoding="async" fetchpriority="high" data-attachment-id="18673" data-permalink="https://www.proantic.com/magazine/suzuribako-japonais-en-laque-urushi/capture-decran-2026-09-30-093259/" data-orig-file="https://i0.wp.com/www.proantic.com/magazine/wp-content/uploads/2026/09/Capture-decran-2026-09-30-093259.png?fit=878%2C469&amp;ssl=1" data-orig-size="878,469" 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;0&quot;}" data-image-title="Suzuribako japonais en laque urushi . (c) Cristina Ortega et Michel Dermigny, Proantic" data-image-description="" data-image-caption="" data-medium-file="https://i0.wp.com/www.proantic.com/magazine/wp-content/uploads/2026/09/Capture-decran-2026-09-30-093259.png?fit=300%2C160&amp;ssl=1" data-large-file="https://i0.wp.com/www.proantic.com/magazine/wp-content/uploads/2026/09/Capture-decran-2026-09-30-093259.png?fit=665%2C355&amp;ssl=1">
LargestContentfulPaint preview

PageXray

How the page is built.

HTTP versionHTTP/2.0
Total requests23
Total domains7
Transfer size770.7 KB
Content size918.1 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-length14581
content-typetext/html; charset=UTF-8
dateMon, 12 Oct 2026 01:36:39 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
2295.7%
204
14.3%

Requests and sizes per content type

8 types

Transfer size770.7 KB

  • image73.6%
  • font17.0%
  • javascript5.4%
  • html1.9%
  • css1.8%
  • favicon0.19%
  • json0.09%

Content size918.1 KB

  • image61.5%
  • font14.2%
  • css9.0%
  • html8.5%
  • javascript6.6%
  • favicon0.12%
  • json0.03%

Requests23

  • font26.1%
  • image21.7%
  • javascript17.4%
  • css13.0%
  • json8.7%
  • html4.3%
  • favicon4.3%
  • other4.3%
ContentHeader SizeTransfer SizeContent SizeRequests
html0 b14.6 KB77.6 KB1
css0 b14.2 KB83.1 KB3
javascript0 b42.0 KB61.0 KB4
image0 b567.1 KB564.7 KB5
font0 b130.8 KB130.4 KB6
favicon0 b1.4 KB1.1 KB1
json0 b701 B287 B2
other0 b0 b0 b1
Total0 b770.7 KB918.1 KB23

Data per domain

7 domains
DomainTotal download timeTransfer SizeContent SizeRequests
www.proantic.com543 ms90.0 KB219.3 KB8
fonts.googleapis.com41 ms2.3 KB21.3 KB1
i0.wp.com803 ms530.5 KB528.5 KB3
stats.wp.com114 ms1.7 KB3.7 KB1
analytics.proantic.com162 ms34.2 KB33.5 KB4
fonts.gstatic.com116 ms111.9 KB111.7 KB5
pixel.wp.com85 ms177 B50 B1

Expires & last-modified statistics

typeminmedianmax
Expires0 seconds4 weeks2 years
Last modified0 seconds17 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.7 KB1
image0 b0
font0 b0
favicon1.4 KB1
other0 b1
json222 B1
Total7.3 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 time57 ms
Last task at251 ms
Before first paint57 ms1 task
Before FCP57 ms1 task
Before LCP57 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 time10.3 msacross all long frames — what hurts INP and TBT
Blocking before LCP10.3 msdelaying the largest paint — fix these first
Long animation frame #1 · 89.3 msat 214.2 ms · before LCP
blocking 10.3 ms
  • Scripts & other work36.6 ms
  • Animation callbacks0.1 ms
  • Style & layout52.6 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

270 ms total
Style & layout121 ms44.8%
Other browser work (scheduling)68 ms25.2%
Running JavaScript33 ms12.2%
Parsing HTML & CSS21 ms7.8%
Paint & composite20 ms7.4%
Garbage collection4 ms1.5%
Parsing & compiling JavaScript3 ms1.1%
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 67 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 party19 ms
Third party3 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 requests17
Tools3
Categories4

Categories

4 categories

Requests by category17

  • cdn6 req · 1 tool35.3%
  • survelliance6 req · 1 tool35.3%
  • hosting3 req · 1 tool17.6%
  • analytics2 req · 1 tool11.8%

Third party requests and tools

4 categories
cdnGoogle Fonts6 requests · 1 tool
survellianceGoogle Fonts6 requests · 1 tool
hostingWordPress3 requests · 1 tool
analyticsWordPress Site Stats2 requests · 1 tool

First party vs third party

12 first · 11 third party

Transfer size770.7 KB

  • First party124.2 KB16.1%
  • Third party646.5 KB83.9%

Content size918.1 KB

  • First party252.7 KB27.5%
  • Third party665.3 KB72.5%

Requests23

  • First party1252.2%
  • Third party1147.8%

First party requests and sizes per content type

12 requests

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

ContentHeader SizeTransfer SizeContent SizeRequests
html0 b14.6 KB77.6 KB1
css0 b11.9 KB61.8 KB2
javascript0 b40.2 KB57.3 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.2 KB252.7 KB12

Third party requests and sizes per content type

11 requests
ContentHeader SizeTransfer SizeContent SizeRequests
html0 b0 b0 b0
css0 b2.3 KB21.3 KB1
javascript0 b1.7 KB3.7 KB1
image0 b530.6 KB528.6 KB4
font0 b111.9 KB111.7 KB5
favicon0 b0 b0 b0
TotalN/A646.5 KB665.3 KB11

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
Serious384 issues
Moderate37 issues
Minor00 issues