Catchpoint named a Leader in the first Gartner® Magic Quadrant™ for Digital Experience Monitoring. Read the report

Menu:

Save Test Results with a Free Account Sign Up & Save Test Result

Webpage Performance Test Result

  • Settings: DesktopChromev129CableFrankfurt, Germany
    More
Screenshot

Requests Details

Use this page to explore the metric timings and request waterfall for any run of your test.

Page Performance Metrics (Run 1)

View run details: Run 1 (Repeat View)

TTFB Start Render FCP Speed Index LCP CLS TBT DC Time DC Requests DC Bytes Total Time Total Requests Page Weight
.223S .400S .414S .586S .607S .003 .000S .539S 4 48KB .539S 4 48KB

Visual Page Loading Process (Explore)

Navigation Timings
domContentLoadedEvent loadEvent
0.244s - 0.244s (0s) 0.439s - 0.439s (0s)
Custom Metrics Data
Colordepth
24
Dpi
{"dppx":1,"dpcm":37.79527559055118,"dpi":96}
Images
[]
Resolution
{"absolute":{"height":1200,"width":1920},"available":{"height":1200,"width":1920}}
fonts
[{"family":"Compagnon","display":"auto","status":"loaded","style":"normal","weight":"normal"}]
generated-content-percent
-0.36
generated-content-size
-0.03
imgs-in-viewport
[]
imgs-no-alt
[]
imgs-out-viewport
[]
jsLibsVulns
[]
meta-viewport
width=device-width,initial-scale=1
possibly-render-blocking-reqs
["https:\/\/tokyomonorail.info\/style.css"]
rendered-html
<html lang="en"><head> <meta charset="UTF-8"> <title>Tokyo Monorail</title> <meta name="description" content=""> <meta property="og:description" content=""> <meta name="viewport" content="width=device-width,initial-scale=1"> <meta name="robots" content="index, follow"> <link rel="icon" type="image/png" href=""> <link rel="me" href="https://mastodon.social/@tokyomonorail"> <link href="https://tokyomonorail.info/style.css" rel="stylesheet"></head> <body> <nav> <p>Jaap Knevel makes maps, guides, and archives. He also co-created and designs the <a href="https://www.futurematerialsbank.com">Future Materials Bank</a>, co-curates the Living Library at the <a href="https://hfg-karlsruhe.de">HfG Karlsruhe</a>, teaches visual communication at <a href="https://www.art-co-de.nl">Fontys ACD</a> in his hometown Tilburg, and hosts (virtual) workshops all over the world. Previously, he was a designer and researcher at <a href="http://www.mijksenaar.com">Mijksenaar</a>.</p> <p>He holds a BDes from Design Academy Eindhoven and received an MFA from Konstfack in 2023 with his thesis ‘<a href="https://www.youtube.com/watch?v=52N_OkiV8Wc">There Must Be Other Ways</a>’.</p> <p><a href="mailto:[email protected]">[email protected]</a><br><a href="https://www.instagram.com/tokyomonorail">@tokyomonorail</a></p> </nav> <!-- <header> <details open> <summary><p>Read more</p></summary> <br/> <p>Something doesn't have to be simple to be clear – that's a misunderstanding. Equally, complex doesn't have to be confusing because once you understand how something works or how to navigate it, the complexity just fades away.</p> <br/> <p>As public spaces become more complex and more people are able to access them — environmental graphic design has to adapt.</p> </details> </header> --> <!-- <section class="archive"> <div class="project"> <figure> <img src="https://tokyomonorail.info/media/pages/projects/living-library-education-programme/21e2ea2076-1730916761/hfg_ll_2024-02bio-design-lab-900x600-crop.jpg" alt=""> </figure> <figcaption> <p>HfG Karlsruhe</p> <p class="description"></p> </figcaption> </div> <div class="project"> <figure> <img src="https://tokyomonorail.info/media/pages/projects/living-library/cfae33c1c9-1730916793/group-copy-5-900x600-crop.png" alt=""> </figure> <figcaption> <p>Living Library</p> <p class="description"></p> </figcaption> </div> <div class="project"> <figure> <img src="https://tokyomonorail.info/media/pages/projects/living-library-maps/9444d14fa1-1730916897/website-900x600-crop.png" alt=""> </figure> <figcaption> <p>Bioregional Atlas of Karlsruhe</p> <p class="description"></p> </figcaption> </div> <div class="project"> <figure> <img src="https://tokyomonorail.info/media/pages/projects/upp/b2cb52b278-1690276063/artboard-900x600-crop.png" alt=""> </figure> <figcaption> <p>Upp</p> <p class="description">Multilingual dot matrix font for escalator signs in Stockholm</p> </figcaption> </div> <div class="project"> <figure> <img src="https://tokyomonorail.info/media/pages/projects/future-materials-bank/988cb06fb3-1689319900/001-900x600-crop.png" alt="Screenshot of a website showing different materials, their names, and their makers"> </figure> <figcaption> <p>Future Materials Bank</p> <p class="description">Organising sustainable material from a global community of makers</p> </figcaption> </div> <div class="project"> <figure> <img src="https://tokyomonorail.info/media/pages/projects/other-images-of-the-city/599c6d5d4d-1689332010/01-map-900x600-crop.png" alt="Map with written text and a thin geographic line"> </figure> <figcaption> <p>Other Images of the City</p> <p class="description">Series of poetic maps exploring people's unique ways of navigating</p> </figcaption> </div> <div class="project"> <figure> <img src="https://tokyomonorail.info/media/pages/projects/accessibility-pictograms/7d3c08aab1-1688979838/artboard-copy-2-900x600-crop.png" alt="Screenshot of a video call where two people discuss a series of pictograms"> </figure> <figcaption> <p>Pictograms for sensory environments</p> <p class="description">New accessibility pictograms developed together with community leaders</p> </figcaption> </div> <div class="project"> <figure> <img src="https://tokyomonorail.info/media/pages/projects/stockholm-city/43a410eb03-1689352261/img_9889-900x600-crop.png" alt=""> </figure> <figcaption> <p>Stockholm City</p> <p class="description">A protest sign that recognizes all of Sweden's minority languages</p> </figcaption> </div> <div class="project"> <figure> <img src="https://tokyomonorail.info/media/pages/projects/sl-gothic-hebrew/b06191ed1e-1690454231/sl-gothic-hebrew-900x600-crop.png" alt="The words 'Stockholm' and 'T-Centralen' written in Latin and Hebrew"> </figure> <figcaption> <p>SL Gothic Hebrew</p> <p class="description">Extension of an existing typeface for Yiddish language support</p> </figcaption> </div> <div class="project"> <figure> <img src="https://tokyomonorail.info/media/pages/projects/brussels-airport-wayfinding/04e7210e46-1689156321/brusselsairport-900x600-crop.png" alt="An airport sign with different destinations written in five languages"> </figure> <figcaption> <p>Brussels Airport Wayfinding</p> <p class="description">Recommendations on multilingual terminal signage and wayfinding design</p> </figcaption> </div> <div class="project"> <figure> <img src="https://tokyomonorail.info/media/pages/projects/there-must-be-other-ways/09cc7421b8-1688989954/there-must-be-other-ways-900x600-crop.png" alt="Page from a publication with two columns of text and images in the margins"> </figure> <figcaption> <p>There must be other ways</p> <p class="description">MA thesis exploring alternative approaches to wayfinding design</p> </figcaption> </div> <div class="project"> <figure> <img src="https://tokyomonorail.info/media/pages/projects/tm-transit/c1347c4b54-1689332161/ot11-900x600-crop.png" alt=""> </figure> <figcaption> <p>TM Fietsparkeren</p> <p class="description">Explaining the rich diversity of Dutch cycling culture</p> </figcaption> </div> <div class="project"> <figure> <img src="https://tokyomonorail.info/media/pages/projects/seoul-subway-line-2/0b5c6fb93b-1701330664/seoulsubway-900x600-crop.png" alt="Detail of a subway diagram showing a green line with several stations"> </figure> <figcaption> <p>Seoul Subway Line 2</p> <p class="description">Unofficial trilingual diagram of South Korea's busiest subway line</p> </figcaption> </div> <div class="project"> <figure> <img src="https://tokyomonorail.info/media/pages/projects/graphic-design-fontys/8a6875f700-1689326316/artboard-copy-9-900x600-crop.png" alt=""> </figure> <figcaption> <p>Everybody is welcome</p> <p class="description">Workshops and lectures on accessibility and exhibition design</p> </figcaption> </div> <div class="project"> <figure> <img src="https://tokyomonorail.info/media/pages/projects/metro-amsterdam/e0d2c275fa-1689330778/artboard-copy-3-900x600-crop.png" alt="Map on a wall in an underground metro station"> </figure> <figcaption> <p>Unofficial Amsterdam metro diagram</p> <p class="description">Finding a balance between legibility and local identity</p> </figcaption> </div> </section> --> <!-- <section class=""> <h1>Clear ≠ Simple</h1> <p>Something doesn't have to be simple to be clear, that's a misunderstanding. Equally, complex doesn't have to be confusing because once you understand how something works or how to navigate it, the complexity just fades away. As public spaces become more complex and more people are able to access them — environmental graphic design has to adapt.</p> </section> --> <footer> <p>Résumé on request</p> <br> <p>Tokyo Monorail ZZP<br>KVK 69183724 <br> Eindhoven, The Netherlands</p> <br> <p class="detail">Type set in Compagnon Roman by Juliette Duhé and Léa Pradine</p> </footer> </body></html>
securityHeaders
{"securityHeadersList":["strict-transport-security"],"securityHeadersGrade":"E","securityHeadersScore":25}

Waterfall View

Start Render
First Contentful Paint
Largest Contentful Paint
Layout Shift
DOM Interactive
DOM Content Loaded
On Load
Document Complete
Render Blocking Resource Insecure Request 3xx response4xx+ response
 Doesn't Belong to Main Doc 
Step_1 1: https://tokyomonorail.info/ 2: https://tokyomonorail.info/style.css 3: https://tokyomonorail.info/assets/Compagnon-Roman.woff2 4: https://tokyomonorail.info/favicon.ico
customize waterfallView all ImagesView HTTP/2 Dependency GraphFilmstrip

Connection View

Step_1 tokyomonorail.info
DNS Lookup
Initial Connection
SSL Negotiation
Start Render
DOM Content Loaded
On Load
Document Complete
Connection View waterfall diagram

Request Details

Before Start Render
Before On Load
After On Load
3xx Response
4xx Response

Request Details
# Resource Content Type Priority Request Start DNS Lookup Initial Connection SSL Negotiation Time to First Byte Content Download Bytes Downloaded CPU Time Error/Status Code IP
1 https://tokyomonorail.info/ text/html Highest 0.155 s 44 ms 39 ms 71 ms 68 ms 1 ms 2.6 KB - 200 141.138.169.224
2 https://tokyomonorail.info/style.css text/css Highest 0.232 s - - - 43 ms 1 ms 1.0 KB - 200 141.138.169.224
3 https://tokyomonorai...ompagnon-Roman.woff2 font/woff2 Highest 0.302 s - - - 41 ms 92 ms 36.8 KB - 200 141.138.169.224
4 https://tokyomonorail.info/favicon.ico text/html High 0.444 s - - - 72 ms - 8.1 KB - 404 141.138.169.224

Request Headers

+ Expand All

Request 1: https://tokyomonorail.info/

URL: https://tokyomonorail.info/
Host: tokyomonorail.info
IP: 141.138.169.224
Error/Status Code: 200
Priority: Highest
Protocol: HTTP/2
HTTP/2 Stream: 1, weight 256, depends on 0, EXCLUSIVE
Request Start: 0.155 s
DNS Lookup: 44 ms
Initial Connection: 39 ms
Time to First Byte: 68 ms
Content Download: 1 ms
Bytes In (downloaded): 2.6 KB
Uncompressed Size: 8.1 KB
Bytes Out (uploaded): 2.1 KB

Request Headers:

:authority: tokyomonorail.info
:method: GET
:path: /
:scheme: https
accept: text/html,application/xhtml+xml,application/xml;q=0.9,image/avif,image/webp,image/apng,*/*;q=0.8,application/signed-exchange;v=b3;q=0.7
accept-encoding: gzip, deflate, br, zstd
accept-language: en-US,en;q=0.9
priority: u=0, i
sec-ch-ua: " Not A;Brand";v="99", "Chromium";v="129", "Google Chrome";v="129"
sec-ch-ua-mobile: ?0
sec-ch-ua-platform: "Unknown"
sec-fetch-dest: document
sec-fetch-mode: navigate
sec-fetch-site: cross-site
upgrade-insecure-requests: 1
user-agent: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/129.0.0.0 Safari/537.36 PTST/24.10.2

Response Headers:

content-encoding: gzip
content-length: 2658
content-type: text/html; charset=UTF-8
date: Thu, 07 Nov 2024 01:49:41 GMT
server: Apache
strict-transport-security: max-age=2628000; includeSubdomains
vary: User-Agent,Accept-Encoding
:status: 200

Request 2: https://tokyomonorail.info/style.css

URL: https://tokyomonorail.info/style.css
Host: tokyomonorail.info
IP: 141.138.169.224
Error/Status Code: 200
Priority: Highest
Protocol: HTTP/2
HTTP/2 Stream: 3, weight 256, depends on 0, EXCLUSIVE
Initiated By: https://tokyomonorail.info/ line 13
Request Start: 0.232 s
Time to First Byte: 43 ms
Content Download: 1 ms
Bytes In (downloaded): 1.0 KB
Uncompressed Size: 2.8 KB
Bytes Out (uploaded): 1.8 KB

Request Headers:

:authority: tokyomonorail.info
:method: GET
:path: /style.css
:scheme: https
accept: text/css,*/*;q=0.1
accept-encoding: gzip, deflate, br, zstd
accept-language: en-US,en;q=0.9
priority: u=0
referer: https://tokyomonorail.info/
sec-ch-ua: " Not A;Brand";v="99", "Chromium";v="129", "Google Chrome";v="129"
sec-ch-ua-mobile: ?0
sec-ch-ua-platform: "Unknown"
sec-fetch-dest: style
sec-fetch-mode: no-cors
sec-fetch-site: same-origin
user-agent: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/129.0.0.0 Safari/537.36 PTST/24.10.2

Response Headers:

accept-ranges: bytes
content-encoding: gzip
content-length: 1041
content-type: text/css
date: Thu, 07 Nov 2024 01:49:41 GMT
etag: "b5e-6222cb633d7d9-gzip"
last-modified: Sun, 15 Sep 2024 18:34:51 GMT
server: Apache
strict-transport-security: max-age=2628000; includeSubdomains
vary: User-Agent,Accept-Encoding
:status: 200

Request 3: https://tokyomonorail.info/assets/Compagnon-Roman.woff2

URL: https://tokyomonorail.info/assets/Compagnon-Roman.woff2
Host: tokyomonorail.info
IP: 141.138.169.224
Error/Status Code: 200
Priority: Highest
Protocol: HTTP/2
HTTP/2 Stream: 5, weight 256, depends on 0, EXCLUSIVE
Initiated By: https://tokyomonorail.info/style.css
Request Start: 0.302 s
Time to First Byte: 41 ms
Content Download: 92 ms
Bytes In (downloaded): 36.8 KB
Uncompressed Size: 36.8 KB
Bytes Out (uploaded): 1.9 KB

Request Headers:

:authority: tokyomonorail.info
:method: GET
:path: /assets/Compagnon-Roman.woff2
:scheme: https
accept: */*
accept-encoding: gzip, deflate, br, zstd
accept-language: en-US,en;q=0.9
origin: https://tokyomonorail.info
priority: u=0
referer: https://tokyomonorail.info/style.css
sec-ch-ua: " Not A;Brand";v="99", "Chromium";v="129", "Google Chrome";v="129"
sec-ch-ua-mobile: ?0
sec-ch-ua-platform: "Unknown"
sec-fetch-dest: font
sec-fetch-mode: cors
sec-fetch-site: same-origin
user-agent: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/129.0.0.0 Safari/537.36 PTST/24.10.2

Response Headers:

accept-ranges: bytes
content-length: 37668
content-type: font/woff2
date: Thu, 07 Nov 2024 01:49:41 GMT
etag: "9324-621ef0e017489"
last-modified: Thu, 12 Sep 2024 17:01:16 GMT
server: Apache
strict-transport-security: max-age=2628000; includeSubdomains
vary: User-Agent
:status: 200

Request 4: https://tokyomonorail.info/favicon.ico

URL: https://tokyomonorail.info/favicon.ico
Host: tokyomonorail.info
IP: 141.138.169.224
Error/Status Code: 404
Priority: High
Protocol: HTTP/2
HTTP/2 Stream: 7, weight 220, depends on 0, EXCLUSIVE
Request Start: 0.444 s
Time to First Byte: 72 ms
Bytes In (downloaded): 8.1 KB
Uncompressed Size: 8.1 KB
Bytes Out (uploaded): 1.9 KB

Request Headers:

:authority: tokyomonorail.info
:method: GET
:path: /favicon.ico
:scheme: https
accept: image/avif,image/webp,image/apng,image/svg+xml,image/*,*/*;q=0.8
accept-encoding: gzip, deflate, br, zstd
accept-language: en-US,en;q=0.9
priority: u=1, i
referer: https://tokyomonorail.info/
sec-ch-ua: " Not A;Brand";v="99", "Chromium";v="129", "Google Chrome";v="129"
sec-ch-ua-mobile: ?0
sec-ch-ua-platform: "Unknown"
sec-fetch-dest: image
sec-fetch-mode: no-cors
sec-fetch-site: same-origin
user-agent: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/129.0.0.0 Safari/537.36 PTST/24.10.2

Response Headers:

content-type: text/html; charset=UTF-8
date: Thu, 07 Nov 2024 01:49:41 GMT
server: Apache
strict-transport-security: max-age=2628000; includeSubdomains
vary: User-Agent
:status: 404