Page summary

https://www.wikipedia.org

Tested 2026-05-26 03:55:39 using Chrome 148.0.7778.96 (runtime settings)

SummaryWaterfall MetricsVideoFilmstrip CoachPageXrayCPU
| Summary | | Download Video | Download Timeline Log | Download HAR | Download Console Logs | 

Summary

LCP748 ms
CLS0.000
Coach93
Loading & responsiveness (median)
TTFB
413 ms
First Paint
748 ms
Fully Loaded
817 ms
Page weight & requests
Total transfer size
79.1 KB
Requests
6
CPU
CPU long tasks
1
CPU longest task duration
156 ms
CPU last long task at
522 ms
Visual progress
First Visual Change
733 ms
Speed Index
1.171 s
Visual Complete 85%
766 ms
Visual Complete 99%
9.066 s
Last Visual Change
10.900 s
Screenshot of run 1

Timings Summary

Metricminmedianmeanmax
Visual Metrics
FirstVisualChange733 ms733 ms733 ms733 ms
LastVisualChange10.900 s10.900 s10.900 s10.900 s
SpeedIndex1.001 s1.171 s1.137 s1.171 s
LargestImage733 ms733 ms733 ms733 ms
Heading733 ms766 ms759 ms766 ms
LargestContentfulPaint733 ms733 ms733 ms733 ms
LastMeaningfulPaint733 ms766 ms759 ms766 ms
VisualReadiness10.167 s10.167 s10.167 s10.167 s
VisualComplete85733 ms766 ms759 ms766 ms
VisualComplete95733 ms766 ms759 ms766 ms
VisualComplete999.066 s9.066 s9.066 s9.066 s
Google Web Vitals
Time To First Byte (TTFB)413 ms413 ms413 ms414 ms
Largest Contentful Paint (LCP)728 ms748 ms743 ms752 ms
Cumulative Layout Shift (CLS)0000
More metrics
firstPaint728 ms748 ms743 ms752 ms
loadEventEnd699 ms718 ms714 ms719 ms
CPU
Total Blocking Time0 ms0 ms0 ms0 ms
Max Potential FID0 ms0 ms0 ms0 ms
CPU long tasks 1111
CPU last long task happens at521 ms522 ms522 ms524 ms
Waterfall | Download HAR | 

Waterfall

Run 1 SpeedIndex median

First paintFCPLCPDOMContentLoadedDOM interactiveLoadRender-blockingRedirectError

Video

Run 1 · median
Download video

Filmstrip

27 frames

Use --filmstrip.showAll to show all filmstrips.

0 s
0.6 sCPU Long Task duration 154 ms
0.8 sDOM Content Loaded Time 710 msPage Load Time 718 msLayout Shift 0.00003 726 msFirst Visual Change 733 msLargest Image 733 msFirst Contentful Paint 752 msLCP <IMG> 752 msVisual Complete 85% 766 msVisual Complete 95% 766 msHeading 766 ms
0.9 sFully Loaded 817 ms
1 s
1.1 s
1.2 s
1.3 s
9.1 sVisual Complete 99% 9.066 s
9.2 s
9.3 s
9.4 s
9.5 s
9.6 s
9.7 s
9.8 s
9.9 s
10 s
10.1 s
10.2 s
10.3 s
10.4 s
10.5 s
10.6 s
10.7 s
10.8 s
10.9 sLast Visual Change 10.900 s
Performance advice | Best practice advice | Privacy advice | Page info | Technologies | 

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
4 warnings2 info
infoAdd decoding="async" to non-critical imagesdecodingAsync

The page has 1 image (out of 1) 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(0)Serve images in modern formats (AVIF, WebP)modernImageFormats

The page ships 1 image (out of 1) 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
warn(70)Apply the right priority hints to the LCP imagelcpImageHints

The LCP image is missing fetchpriority="high". Adding it tells the browser to fetch the image with high priority instead of the default heuristic (which often deprioritises hero images that are loaded after the HTML has been parsed).

When the Largest Contentful Paint element is an image, the browser priority hints applied to that element directly affect the LCP metric. The image must NOT be loading="lazy" (that defers the fetch until near-viewport, which is the opposite of what an LCP image needs) and SHOULD be fetchpriority="high" (so the browser fetches it with high priority instead of guessing). https://web.dev/articles/fetch-priority

Offenders
  • <img class="central-featured-logo" src="portal/wikipedia.org/assets/img/Wikipedia-logo-v2.png" srcset="portal/wikipedia.org/assets/img/Wikipedia-logo-v2@2x.png 2x" width="200" height="183" alt="">
warn(80)Avoid slowing down the critical rendering pathavoidRenderBlocking

The page has 1 blocking requests and 1 in body parser blocking (2 JavaScript and 0 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
warn(80)Avoid CPU Long TaskslongTasks

The page has 1 CPU long task with the total of 154 ms. The total blocking time is 0 ms and 1 long task before first contentful paint with total time of 154 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
  • unknown
infoLong cache headers is goodcacheHeadersLong

The page has 4 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

Best practice advice

95
1 warning1 info
warn(50)Set a sensible viewport meta tagviewport

The viewport meta tag does not contain width=device-width, the browser may use a desktop-width fallback.

The viewport meta tag tells the browser how to lay out the page on small screens. Without it (or without width=device-width) the page is rendered at a desktop fallback width and scaled down, which makes text unreadable on mobile. Disabling zoom (user-scalable=no, maximum-scale<=1) is also an accessibility regression. https://developer.mozilla.org/en-US/docs/Web/HTML/Viewport_meta_tag

infoAvoid unnecessary headersunnecessaryHeaders

Privacy advice

74
6 warnings2 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
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
warn(0)Set X-Content-Type-Options: nosniff to stop the browser from MIME-sniffing the response.xContentTypeOptionsHeader

Set X-Content-Type-Options: nosniff on the document response to prevent MIME-sniffing.

X-Content-Type-Options: nosniff prevents browsers from interpreting files as a different MIME type than what is declared in the Content-Type header. This blocks a class of cross-site scripting and content-type confusion attacks and should be set on every response. https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/X-Content-Type-Options

Offenders

Page info

Page info

TitleWikipedia
Width1904
Height1103
DOM elements1114
Avg DOM depth9
Max DOM depth12
Iframes0
Script tags4
Local storage94 B
Session storage0 b
Network Information API4g

Resource hints

2 hints
preconnect
  • https://upload.wikimedia.org/
  • https://en.wikipedia.org/

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

2 technologies
Visual Metrics | Google Web Vitals | Largest Contentful Paint | Cumulative Layout Shift | Browser metrics | Long Aninimation Frames | Visual Elements | Server timings | 

Data from run 1

Visual Metrics

Visual progress
Visual progress at 0 s0.0s
Visual progress at 1 s1.0s
Visual progress at 1.3 s1.3s
Visual progress at 9.4 s9.4s
Visual progress at 9.8 s9.8s
Visual progress at 10.2 s10.2s
Visual progress at 10.5 s10.5s
Visual progress at 10.9 s10.9s
FCP0.75s
LCP0.75s
VC850.77s
Long tasks
0.0s2.2s4.4s6.5s8.7s10.9s

Google Web Vitals

from run 1

Largest Contentful Paint

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

752 msLCP render time

Phase breakdown

  • TTFB413 ms
  • Resource load delay105 ms
  • Resource load duration122 ms
  • Element render delay112 ms

Element

Element type
<img>
Size (w × h)
36600
URL
https://www.wikipedi...pedia-logo-v2.png
Load time
677 ms
Recalculate-style elements before LCP
1998 (32.204 ms)

DOM path

body#www-wikipedia-org > main > div:eq(0) > 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.000cumulative layout shift score

Elements that shifted

Sorted by individual shift score (higher = bigger shift). The top entries usually account for most of the page's CLS.

  • #10.000<div class=" styled-select js-enabled"></div>
    body#www-wikipedia-org > main > div:eq(1) > form#search-form > fieldset > div#search-input > div:eq(0)
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
First Contentful Paint info
Elements that needed recalculate style before FCP1998
Time spent in recalculate style before FCP32.204 ms
Extra timings

Long Animation Frames

A long animation frame (LOAF) is a frame that took ≥ 50 ms from input to the next paint. The breakdown shows where that time went. Read more about the Long Animation Frames API.

Showing the top 10 longest animation frames.

Long animation frame #1
358.7 ms
  • Blocking108.1 ms
  • Work100 ms
  • Render150.6 ms
  • Pre-layout148.6 ms
  • Style & layout2 ms

No script attribution available for this frame.

Server timings

2 entries
NameDurationDescription
cache0 mshit-front
host0 mscp3070

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 Elements3
LargestImageWikipedia-logo-v2.png
Display time733 ms
Position (x, y)852, 198
Size (w × h)200 × 183
HTML snippet
<img class="central-featured-logo" src="portal/wikipedia.org/assets/img/Wikipedia-logo-v2.png" srcset="portal/wikipedia.org/assets/img/Wikipedia-logo-v2@2x.png 2x" width="200" height="183" alt="">
LargestImage preview
Heading
Display time766 ms
Position (x, y)864, 52
Size (w × h)176 × 69
HTML snippet
<h1 class="central-textlogo-wrapper"></h1>
LargestContentfulPaintWikipedia-logo-v2.png
Display time733 ms
Position (x, y)852, 198
Size (w × h)200 × 183
HTML snippet
<img class="central-featured-logo" src="portal/wikipedia.org/assets/img/Wikipedia-logo-v2.png" srcset="portal/wikipedia.org/assets/img/Wikipedia-logo-v2@2x.png 2x" width="200" height="183" alt="">
LargestContentfulPaint preview
Summary | Largest responses | Per content type | Per domain | Expires & last-modified | After onLoad | Render-blocking | 

PageXray

How the page is built.

HTTP versionHTTP/2.0
Total requests6
Total domains1
Transfer size79.1 KB
Content size209.7 KB
Missing compression0
Cookies50 third-party

Response codes

200
6100.0%

Largest assets on the page (by transfer size)

6 assets

Requests and sizes per content type

5 types
ContentHeader SizeTransfer SizeContent SizeRequests
html0 b31.2 KB117.5 KB1
javascript0 b10.9 KB24.1 KB2
image0 b16.4 KB15.5 KB1
favicon0 b1.8 KB2.7 KB1
svg0 b18.8 KB50.0 KB1
Total0 b79.1 KB209.7 KB6

Data per domain

1 domain
DomainTotal download timeTransfer SizeContent SizeRequests
www.wikipedia.org1.270 s79.1 KB209.7 KB6

Expires & last-modified statistics

typeminmedianmax
Expires1 hour1 day1 year
Last modified2 weeks9 weeks9 weeks

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.8 KB1
Total1.8 KB1

Requests loaded after onContentLoad

1 request

Includes requests done after DOM content loaded.

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

Render blocking requests

2 assets

Render blocking information directly from Chrome.

BlockingIn body parser blockingPotentially blocking
110

Render blocking assets

2 assets
Long tasks | Per script blocking | Where time went | Forced layout/script | Animations | 

CPU

Download the Chrome trace and drag-and-drop it into Performance in DevTools.

Long tasks

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

TBT0 ms
Max FID0 ms
Total long tasks1
Total time154 ms
Last task at522 ms
Before FP154 ms1 task
Before FCP154 ms1 task
Before LCP154 ms1 task
After load0 ms0 tasks

Where the time went

Calculated from the Chrome trace.

Categories

276 ms total
styleLayout164 ms59.4%
other63 ms22.8%
parseHTML15 ms5.4%
paintCompositeRender15 ms5.4%
scriptEvaluation13 ms4.7%
garbageCollection4 ms1.4%
scriptParseCompile2 ms0.7%

Non-composited animations

Animations that fell back from the compositor to the main thread, blocking each frame instead of running on the GPU. Each chip below is a CSS property the page tried to animate that Chrome couldn't hand to the compositor — swap it for a transform or opacity equivalent where you can.

Properties to fix

5 properties · 5 animations
  • border-bottom-color
  • border-left-color
  • box-shadow
  • border-right-color
  • border-top-color