Run 5 summary

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

Tested 2024-11-21 03:59:45 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
TTFB477 ms
First Paint1.237 s
Fully Loaded1.499 s
Google Web Vitals
TTFB477 ms
First Contentful Paint (FCP) 1.237 s
Largest Contentful Paint (LCP) 1.237 s
Cumulative Layout Shift (CLS) 0.00
384 ms
CPU metrics
CPU long tasks1
CPU last long task happens at1.080 s
Visual Metrics
First Visual Change1.233 s
Speed Index1.237 s
Visual Complete 85%1.233 s
Visual Complete 99%1.333 s
Last Visual Change1.533 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 sDOM Content Loaded Time 980 msPage Load Time 980 ms
1.1 sCPU Long Task duration 86 ms
1.3 sFirst Visual Change 1.233 sVisual Complete 85% 1.233 sVisual Complete 95% 1.233 sFirst Contentful Paint 1.237 sLCP <P> 1.237 s
1.4 sVisual Complete 99% 1.333 s
1.5 sFully Loaded 1.499 s
1.6 sLast Visual Change 1.533 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 86 ms. The total blocking time is 0 ms and 1 long task before first contentful paint with total time of 86 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-148257
  • https://query.wikidata.org/querybuilder/wikit-Icon-790397
  • https://query.wikidata.org/querybuilder/wikit-Icon-440798
  • https://query.wikidata.org/querybuilder/wikit-Icon-109188
    • 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 (39774) 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-148257
  • https://query.wikidata.org/querybuilder/wikit-Icon-790397
  • https://query.wikidata.org/querybuilder/wikit-Icon-440798
  • https://query.wikidata.org/querybuilder/wikit-Icon-109188

    • 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-148257
  • https://query.wikidata.org/querybuilder/wikit-Icon-790397
  • https://query.wikidata.org/querybuilder/wikit-Icon-440798
  • https://query.wikidata.org/querybuilder/wikit-Icon-109188
  • 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.233 s
    Speed Index1.237 s
    LargestContentfulPaint1.233 s
    Last Meaningful Paint1.233 s
    Largest Contentful Paint1.233 s
    Visual Complete 85%1.233 s
    Visual Complete 95%1.233 s
    Visual Complete 99%1.333 s
    Last Visual Change1.533 s
    Visual Readiness300 ms

    Browser Metrics

    Navigation Timing
    backEndTime477 ms
    domContentLoadedTime980 ms
    domInteractiveTime488 ms
    domainLookupTime89 ms
    frontEndTime502 ms
    pageDownloadTime1 ms
    pageLoadTime980 ms
    redirectionTime0 ms
    serverConnectionTime203 ms
    serverResponseTime183 ms
    Google Web Vitals
    Time to first byte (TTFB)477 ms
    First Contentful Paint (FCP)1.237 s
    Largest Contentful Paint (LCP)1.237 s
    Interaction to next paint (INP)384 ms
    Total Blocking Time (TBT)0 ms
    First Contentful Paint info
    Elements that needed recalculate style before FCP391
    Time spent in recalculate style before FCP18.79 ms
    Extra timings
    TTFB477 ms
    First Paint1.237 s
    Load Event End980 ms
    Fully loaded1.499 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.237 s
    Elements that needed recalculate style before LCP391
    Time spent in recalculate style before LCP18.79 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 384 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
    64 ms86.9 ms28.1 ms0 ms28.1 ms
    https://query.wikidata.org/querybuilder/assets/index.df3b4cfb.js

    Forced Style And Layout Duration: 14 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 ms360.9 ms3.1 ms0.1 ms3 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
    RecalcStyleCount21
    LayoutDuration26
    RecalcStyleDuration20
    DevToolsCommandDuration41
    ScriptDuration46
    V8CompileDuration0
    TaskDuration274
    TaskOtherDuration141
    ThreadTime1
    ProcessTime2
    JSHeapUsedSize6686020
    JSHeapTotalSize14966784
    FirstMeaningfulPaint1237

    Visual Elements

    NameDisplay TimeX YWidthHeight
    Heading 256 48 1 1
    <h1 class="visually-hidden"></h1>
    LargestContentfulPaint1.233 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-148257htmlN/A0 b
    https://query.wikida...wikit-Icon-790397htmlN/A0 b
    https://query.wikida...wikit-Icon-440798htmlN/A0 b
    https://query.wikida...wikit-Icon-109188htmlN/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.341 s220.8 KB892.3 KB14
    www.wikidata.org190 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-148257 - Failed to load resource: the server responded with a status of 404 ()
    SEVERE https://query.wikidata.org/querybuilder/wikit-Icon-790397 - Failed to load resource: the server responded with a status of 404 ()
    SEVERE https://query.wikidata.org/querybuilder/wikit-Icon-109188 - Failed to load resource: the server responded with a status of 404 ()
    SEVERE https://query.wikidata.org/querybuilder/wikit-Icon-440798 - 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 Paint186
    Long Tasks before First Contentful Paint186
    Long Tasks before Largest Contentful Paint186
    Long Tasks after Load Event End186
    Total Long Tasks186

    CPU last long task happened at 1.080 s

    Individual Long Tasks

    namestartTimedurationcontainerIdcontainerNamecontainerSrccontainerType
    unknown108086window

    CPU time spent

    Calculated using Tracium.

    Categories (ms)
    parseHTML8
    styleLayout47
    paintCompositeRender5
    scriptParseCompile1
    scriptEvaluation112
    garbageCollection6
    other67
    Events (ms)
    RunMicrotasks64
    v8.evaluateModule41
    RunTask41
    Layout26
    UpdateLayoutTree20
    CpuProfiler::StartProfiling15
    | afterPageCompleteCheck.jpg | layoutShift.jpg | largestContentfulPaint.jpg | 

    Screenshots

    afterPageCompleteCheck.jpg

    afterPageCompleteCheck.jpg

    layoutShift.jpg

    layoutShift.jpg

    largestContentfulPaint.jpg

    largestContentfulPaint.jpg