- URL: https://tokyomonorail.info
- Date: 11/07/24 01:50:16
Webpage Performance Test Result
- Settings: Desktopv129CableFrankfurt, Germany
More
- Test runs: 1
- Connectivity: 5000/1000 Kbps, 28ms Latency
- Custom Metrics
View:
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 response | 4xx+ response | Doesn't Belong to Main Doc |
Connection View
DNS Lookup | Initial Connection | SSL Negotiation | Start Render | DOM Content Loaded | On Load | Document Complete |
Request Details
Before Start Render | Before On Load | After On Load | 3xx Response | 4xx Response |
# | 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
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