Run 3 summary

https://query.wikidata.org/querybuilder/

Tested 2024-11-21 03:58:51 using Chrome 131.0.6778.69 (runtime settings).

Back to summary
SummaryWaterfall MetricsVideoFilmstrip CoachPageXrayCPU Screenshots

Summary

MetricValue
Page metrics
Performance score88
Total page size221.5 KB
Requests15
Timing metrics
TTFB659 ms
First Paint1.425 s
Fully Loaded1.682 s
Google Web Vitals
TTFB659 ms
First Contentful Paint (FCP) 1.425 s
Largest Contentful Paint (LCP) 1.425 s
Cumulative Layout Shift (CLS) 0.00
392 ms
CPU metrics
CPU long tasks1
CPU last long task happens at1.262 s
Visual Metrics
First Visual Change1.433 s
Speed Index1.438 s
Visual Complete 85%1.433 s
Visual Complete 99%1.566 s
Last Visual Change1.733 s
Screenshot
Download videoDownload timelineDownload Console Logs
| Waterfall | | Download HAR | 

Waterfall

Download HARCompare
| Video | Download | 

Video

Download video
| Filmstrip | 

Filmstrip

Use--filmstrip.showAll to show all filmstrips.

0 s
1.2 sDOM Content Loaded Time 1.162 sPage Load Time 1.162 s
1.3 sCPU Long Task duration 89 ms
1.5 sFirst Contentful Paint 1.425 sLCP <P> 1.425 sFirst Visual Change 1.433 sVisual Complete 85% 1.433 sVisual Complete 95% 1.433 s
1.6 sVisual Complete 99% 1.566 s
1.7 sFully Loaded 1.682 s
1.8 sLast Visual Change 1.733 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 8.0.2.

I am the coach

Coach score

Performance advice (88)

TitleAdviceScore
Avoid CPU Long Tasks (longTasks)The page has 1 CPU long task with the total of 89 ms. The total blocking time is 0 ms and 1 long task before first contentful paint with total time of 89 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.80
Description: 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
    • Avoid extra requests by setting cache headers (cacheHeaders)The page has 4 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 NaN undefined the next access.60
    Description: 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:
  • https://query.wikidata.org/querybuilder/wikit-Icon-513017
  • https://query.wikidata.org/querybuilder/wikit-Icon-31384
  • https://query.wikidata.org/querybuilder/wikit-Icon-221290
  • https://query.wikidata.org/querybuilder/wikit-Icon-473404
    • Long cache headers is good (cacheHeadersLong)The page has 9 requests that have a shorter cache time than 30 days (but still a cache time).91
    Description: Setting a cache header is good. Setting a long cache header (at least 30 days) is even better beacause then it will stay long in the browser cache. But what do you do if that asset change? Rename it and the browser will pick up the new version.
    Offenders:
  • https://query.wikidata.org/querybuilder/assets/index.df3b4cfb.js
  • https://query.wikidata.org/querybuilder/assets/vendor.5730e773.js
  • https://query.wikidata.org/querybuilder/assets/index.e0b88c88.css
  • https://query.wikidata.org/querybuilder/i18n/en.json
  • https://query.wikidata.org/favicon.ico
  • https://query.wikidata.org/querybuilder/img/QB_Logo.svg
  • https://query.wikidata.org/querybuilder/img/close.svg
  • https://query.wikidata.org/querybuilder/img/search.svg
  • https://query.wikidata.org/querybuilder/img/clear.svg
    • Total JavaScript size shouldn't be too big (javascriptSize)The total JavaScript transfer size is 167 kB and the uncompressed size is 524.2 kB. This is quite large. 0
    Description: A lot of JavaScript often means you are downloading more than you need. How complex is the page and what can the user do on the page? Do you use multiple JavaScript frameworks?
    Offenders:
    URLTransfer sizeContent size
    https://query.wikidata.org/querybuilder/assets/index.df3b4cfb.js 21.4 KB86.0 KB
    https://query.wikidata.org/querybuilder/assets/vendor.5730e773.js 141.8 KB425.9 KB
    Make each CSS response small (optimalCssSize)https://query.wikidata.org/querybuilder/assets/index.e0b88c88.css size is 39.8 kB (39773) and that is bigger than the limit of 14.5 kB. Try to make the CSS files fit into 14.5 KB.90
    Description: Make CSS responses small to fit into the magic number TCP window size of 14.5 KB. The browser can then download the CSS faster and that will make the page start rendering earlier.
    Offenders:
    URLTransfer sizeContent size
    https://query.wikidata.org/querybuilder/assets/index.e0b88c88.css 38.8 KB346.7 KB
    Avoid missing and error requests (responseOk)The page has 4 error responses. The page has 4 responses with code 404. 60
    Description: Your page should never request assets that return a 400 or 500 error. These requests are never cached. If that happens something is broken. Please fix it.
    Offenders:
  • https://query.wikidata.org/querybuilder/wikit-Icon-513017
  • https://query.wikidata.org/querybuilder/wikit-Icon-31384
  • https://query.wikidata.org/querybuilder/wikit-Icon-221290
  • https://query.wikidata.org/querybuilder/wikit-Icon-473404

    • Best practice advice (90)

    TitleAdviceScore
    Meta description (metaDescription)The page is missing a meta description.0
    Description: Use a page description to make the page more relevant to search engines.
    Avoid unnecessary headers (unnecessaryHeaders)There are 15 responses that sets a server header. 85
    Description: 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:
  • https://query.wikidata.org/querybuilder/
  • https://query.wikidata.org/querybuilder/assets/index.df3b4cfb.js
  • https://query.wikidata.org/querybuilder/assets/vendor.5730e773.js
  • https://query.wikidata.org/querybuilder/assets/index.e0b88c88.css
  • https://query.wikidata.org/querybuilder/i18n/en.json
  • https://query.wikidata.org/favicon.ico
  • https://www.wikidata.org/beacon/statsv?Wikidata.query-builder.main-page-loaded=1c
  • https://query.wikidata.org/querybuilder/img/QB_Logo.svg
  • https://query.wikidata.org/querybuilder/wikit-Icon-513017
  • https://query.wikidata.org/querybuilder/wikit-Icon-31384
  • https://query.wikidata.org/querybuilder/wikit-Icon-221290
  • https://query.wikidata.org/querybuilder/wikit-Icon-473404
  • https://query.wikidata.org/querybuilder/img/close.svg
  • https://query.wikidata.org/querybuilder/img/search.svg
  • https://query.wikidata.org/querybuilder/img/clear.svg

    • Privacy advice (94)

    TitleAdviceScore
    Set a referrer-policy header to make sure you do not leak user information. (referrerPolicyHeader)Set a referrer-policy header to make sure you do not leak user information.0
    Description: 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:
  • https://query.wikidata.org/querybuilder/

    • Page info

    Page info
    TitleWikidata Query Builder
    Width1904
    Height1225
    DOM elements917
    Avg DOM depth11
    Max DOM depth26
    Iframes0
    Script tags1
    Local storage0 b
    Session storage0 b
    Network Information API4g

    Technologies used to build the page.

    Data collected using Wappalyzerversion 6.10.66.  Use --browsertime.firefox.includeResponseBodies htmlor --browsertime.chrome.includeResponseBodies htmlto help Wappalyser find more information about technologies used.

    TechnologyConfidenceCategory
    Apache HTTP Server 100  Web servers
    HSTS 100  Security
    | Browser metrics | Visual Metrics | Largest Contentful Paint | Cumulative Layout Shift | Interaction To Next Paint | Long Aninimation Frames | Visual Elements | Metrics from CDP | Server timings | 

    Visual Metrics

    Visual Metrics
    First Visual Change1.433 s
    Speed Index1.438 s
    LargestContentfulPaint1.433 s
    Last Meaningful Paint1.433 s
    Largest Contentful Paint1.433 s
    Visual Complete 85%1.433 s
    Visual Complete 95%1.433 s
    Visual Complete 99%1.566 s
    Last Visual Change1.733 s
    Visual Readiness300 ms

    Browser Metrics

    Navigation Timing
    backEndTime659 ms
    domContentLoadedTime1.162 s
    domInteractiveTime669 ms
    domainLookupTime107 ms
    frontEndTime502 ms
    pageDownloadTime1 ms
    pageLoadTime1.162 s
    redirectionTime0 ms
    serverConnectionTime203 ms
    serverResponseTime346 ms
    Google Web Vitals
    Time to first byte (TTFB)659 ms
    First Contentful Paint (FCP)1.425 s
    Largest Contentful Paint (LCP)1.425 s
    Interaction to next paint (INP)392 ms
    Total Blocking Time (TBT)0 ms
    First Contentful Paint info
    Elements that needed recalculate style before FCP388
    Time spent in recalculate style before FCP18.968 ms
    Extra timings
    TTFB659 ms
    First Paint1.425 s
    Load Event End1.162 s
    Fully loaded1.682 s

    Largest Contentful Paint

    When in time the page main content is rendered (collected using the Largest Contentful Paint API). Read more about Largest Contentful Paint.

    Element typeP
    Element/tag<p class="querybuilder__description"></p>
    Render time 1.425 s
    Elements that needed recalculate style before LCP388
    Time spent in recalculate style before LCP18.968 ms
    Load time0 ms
    Size (width*height)75032
    DOM path
    div#app > div > main > p> div#app > div > main > p>
    LCP

    The largest contentful paint is highlighted in the image. If no element is highlighted the element was removed before the screenshot or the LCP API couldn't find the element.

    Detected Cumulative Layout Shift

    No layout shift detected.

    Interaction to Next Paint

    Interaction to Next Paint (INP) is a metric that try to measure responsiveness. It's useful if you are testing user journeys. Read more about Interaction to Next Paint.

    The measured latency was 392 ms.

    Event typepointerover
    Element typeHTML
    Element class name
    Event targethtml
    Load state when the event happeneddom-interactive

    Long Animation Frames

    Read more about the Long Animation Frames API here here.

    The top 10 longest animation frames entries

    Blocking duration Work durationRender durationPreLayout DurationStyle And Layout Duration
    70 ms90.5 ms30.5 ms0 ms30.5 ms
    https://query.wikidata.org/querybuilder/assets/index.df3b4cfb.js

    Forced Style And Layout Duration: 15 ms

    Invoker:  Response.json.then
    Invoker Type: resolve-promise
    Window attribution: self
    Source char position: -1

    Blocking duration Work durationRender durationPreLayout DurationStyle And Layout Duration
    0 ms361 ms3 ms0.1 ms2.9 ms
    No availible script information.

    Server timings

    namedurationdescription
    cache0hit-front
    host0cp3067

    Custom metrics collected through JavaScript

    There are no custom configured scripts.

    Extra metrics collected using scripting

    There are no custom extra metrics from scripting.

    CDP Performance

    namevalue
    AudioHandlers0
    AudioWorkletProcessors0
    Documents14
    Frames6
    JSEventListeners765
    LayoutObjects294
    MediaKeySessions0
    MediaKeys0
    Nodes1856
    Resources15
    ContextLifecycleStateObservers15
    V8PerContextDatas3
    WorkerGlobalScopes0
    UACSSResources0
    RTCPeerConnections0
    ResourceFetchers14
    AdSubframes0
    DetachedScriptStates2
    ArrayBufferContents0
    LayoutCount6
    RecalcStyleCount22
    LayoutDuration29
    RecalcStyleDuration21
    DevToolsCommandDuration40
    ScriptDuration45
    V8CompileDuration0
    TaskDuration275
    TaskOtherDuration142
    ThreadTime1
    ProcessTime2
    JSHeapUsedSize6577236
    JSHeapTotalSize10510336
    FirstMeaningfulPaint1425

    Visual Elements

    NameDisplay TimeX YWidthHeight
    Heading 256 48 1 1
    <h1 class="visually-hidden"></h1>
    LargestContentfulPaint1.433 s 256 137 672 120
    <p class="querybuilder__description"></p>
    | Summary  | Largest responses  | Requests and sizes per content type  | Data per domain | Expires and last modified statistics  | Console log  | Requests loaded after onLoad event  | Render blocking requests  | 

    PageXray

    How the page is built.

    Summary
    HTTP versionHTTP/2.0
    Total requests15
    Total domains2
    Total transfer size221.5 KB
    Total content size892.3 KB
    Responses missing compression6
    Number of cookies1
    Third party cookies0
    Requests per response code
    20010
    2041
    4044

    Largest assets on the page (by transfer size)

    URLTypeTransfer SizeContent Size
    https://query.wikida...endor.5730e773.jsjavascript141.8 KB425.9 KB
    https://query.wikida...ndex.e0b88c88.csscss38.8 KB346.7 KB
    https://query.wikida...index.df3b4cfb.jsjavascript21.4 KB86.0 KB
    https://query.wikidata.org/favicon.icofavicon5.5 KB14.7 KB
    https://query.wikida...r/img/QB_Logo.svgsvg4.2 KB7.6 KB
    https://query.wikida...lder/i18n/en.jsonjson3.1 KB7.3 KB
    https://query.wikidata.org/querybuilder/html2.0 KB2.2 KB
    https://query.wikida...der/img/clear.svgsvg1.4 KB1.0 KB
    https://query.wikida...er/img/search.svgsvg1.3 KB494 B
    https://query.wikida...der/img/close.svgsvg1.2 KB321 B
    https://www.wikidata...org/beacon/statsvplain754 B0 b
    https://query.wikida...wikit-Icon-513017htmlN/A0 b
    https://query.wikida.../wikit-Icon-31384htmlN/A0 b
    https://query.wikida...wikit-Icon-221290htmlN/A0 b
    https://query.wikida...wikit-Icon-473404htmlN/A0 b

    Requests and sizes per content type

    ContentHeader SizeTransfer SizeContent SizeRequests
    html0 b2.0 KB2.2 KB1
    css0 b38.8 KB346.7 KB1
    javascript0 b163.1 KB511.9 KB2
    json0 b3.1 KB7.3 KB1
    favicon0 b5.5 KB14.7 KB1
    plain0 b754 B0 b1
    svg0 b8.1 KB9.4 KB4
    Total0 b221.5 KB892.3 KB11

    Data per domain

    DomainTotal download timeTransfer SizeContent SizeRequests
    query.wikidata.org3.519 s220.8 KB892.3 KB14
    www.wikidata.org206 ms754 B0 b1

    Expires and last modified statistics

    typeminmedianmax
    Expires0 seconds1 hour1 hour
    Last modified34 weeks1 year2 years

    Console log

    The page logs the following messages to the console.

    LevelMessage
    SEVERE https://query.wikidata.org/querybuilder/wikit-Icon-221290 - Failed to load resource: the server responded with a status of 404 ()
    SEVERE https://query.wikidata.org/querybuilder/wikit-Icon-513017 - Failed to load resource: the server responded with a status of 404 ()
    SEVERE https://query.wikidata.org/querybuilder/wikit-Icon-31384 - Failed to load resource: the server responded with a status of 404 ()
    SEVERE https://query.wikidata.org/querybuilder/wikit-Icon-473404 - Failed to load resource: the server responded with a status of 404 ()

    Requests loaded after onLoad event

    Included requests done after load event end.

    ContentTransfer SizeRequests
    html0 b0
    css0 b0
    javascript0 b0
    image0 b0
    font0 b0
    favicon5.5 KB1
    plain754 B1
    svg8.1 KB4
    Total14.4 KB10

    Requests loaded after onContentLoad

    Includes requests done after DOM content loaded.

    ContentTransfer SizeRequests
    html0 b0
    css0 b0
    javascript0 b0
    image0 b0
    font0 b0
    favicon5.5 KB1
    plain754 B1
    svg8.1 KB4
    Total14.4 KB10

    Render blocking requests

    Render blocking information directly from Chrome.

    BlockingIn body parser blockingPotentially blocking
    100

    Render information

    URLType
    https://query.wikida...endor.5730e773.jsnon_blocking
    https://query.wikida...ndex.e0b88c88.cssblocking
    https://query.wikida...index.df3b4cfb.jsnon_blocking
    CPU Long Tasks | CPU Time Spent | 

    CPU

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

    Download trace log

    Long Tasks

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

    TypeQuantityTotal duration (ms)
    Total Blocking Time 0
    Max Potential First Input Delay 0
    Long Tasks before First Paint189
    Long Tasks before First Contentful Paint189
    Long Tasks before Largest Contentful Paint189
    Long Tasks after Load Event End189
    Total Long Tasks189

    CPU last long task happened at 1.262 s

    Individual Long Tasks

    namestartTimedurationcontainerIdcontainerNamecontainerSrccontainerType
    unknown126289window

    CPU time spent

    Calculated using Tracium.

    Categories (ms)
    parseHTML7
    styleLayout50
    paintCompositeRender5
    scriptParseCompile1
    scriptEvaluation112
    garbageCollection7
    other61
    Events (ms)
    RunMicrotasks66
    v8.evaluateModule38
    RunTask37
    Layout29
    UpdateLayoutTree20
    CpuProfiler::StartProfiling14
    | afterPageCompleteCheck.jpg | layoutShift.jpg | largestContentfulPaint.jpg | 

    Screenshots

    afterPageCompleteCheck.jpg

    afterPageCompleteCheck.jpg

    layoutShift.jpg

    layoutShift.jpg

    largestContentfulPaint.jpg

    largestContentfulPaint.jpg