- URL: https://niklasgarnholz.de
- Date: 09/02/24 09:33:46
Webpage Performance Test Result
- Settings: Desktop
v128
Cable
Frankfurt, GermanyMore
- 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 |
|---|---|---|---|---|---|---|---|---|---|---|---|---|
| .376S | .800S | .803S | 1.025S | .803S | .011 | .044S | .902S | 11 | 1,109KB | 2.545S | 11 | 1,109KB |
Visual Page Loading Process (Explore)
| Navigation Timings | |
|---|---|
| domContentLoadedEvent | loadEvent |
| 0.426s - 0.426s (0s) | 0.808s - 0.808s (0s) |
Custom Metrics Data
- Colordepth
- 24
- Dpi
- {"dppx":1,"dpcm":37.79527559055118,"dpi":96}
- Images
- [{"url":"https://niklasgarnholz.de/media/pages/projects/hochschulfreunde/7b8f3e4f19-1634903158/sketch-hand-768x1029.12-crop-50-50.png","width":459,"height":612,"naturalWidth":633,"naturalHeight":848},{"url":"https://niklasgarnholz.de/media/pages/projects/riod/3dde8e9a85-1628193867/heroimage-768x1029.12-crop-50-50.jpg","width":459,"height":612,"naturalWidth":633,"naturalHeight":848},{"url":"https://niklasgarnholz.de/media/pages/projects/mq/ce33dd6873-1628193908/mockup-anwendung-768x1029.12-crop-38-44.jpg","width":459,"height":612,"naturalWidth":633,"naturalHeight":848}]
- Resolution
- {"absolute":{"height":1200,"width":1920},"available":{"height":1200,"width":1920}}
- fonts
- [{"family":"SFMono","display":"swap","status":"loaded","style":"normal","weight":"400"},{"family":"SFMono","display":"swap","status":"unloaded","style":"normal","weight":"700"},{"family":"ArsonPro","display":"swap","status":"loaded","style":"normal","weight":"400"},{"family":"ArsonPro","display":"swap","status":"loaded","style":"normal","weight":"700"},{"family":"ArsonPro","display":"swap","status":"unloaded","style":"normal","weight":"900"}]
- generated-content-percent
- 2.86
- generated-content-size
- 0.81
- imgs-in-viewport
- [{"src":"https:\/\/niklasgarnholz.de\/media\/pages\/projects\/hochschulfreunde\/7b8f3e4f19-1634903158\/sketch-hand-320x428-crop-50-50.png","html":"<img alt=\"sketch-hand\" class=\"lazy entered loaded\" data-src=\"https:\/\/niklasgarnholz.de\/media\/pages\/projects\/hochschulfreunde\/7b8f3e4f19-1634903158\/sketch-hand-320x428-crop-50-50.png\" data-srcset=\"https:\/\/niklasgarnholz.de\/media\/pages\/projects\/hochschulfreunde\/7b8f3e4f19-1634903158\/sketch-hand-320x428.8-crop-50-50.png 320w, https:\/\/niklasgarnholz.de\/media\/pages\/projects\/hochschulfreunde\/7b8f3e4f19-1634903158\/sketch-hand-576x771.84-crop-50-50.png 576w, https:\/\/niklasgarnholz.de\/media\/pages\/projects\/hochschulfreunde\/7b8f3e4f19-1634903158\/sketch-hand-768x1029.12-crop-50-50.png 768w, https:\/\/niklasgarnholz.de\/media\/pages\/projects\/hochschulfreunde\/7b8f3e4f19-1634903158\/sketch-hand-1024x1372.16-crop-50-50.png 1024w, https:\/\/niklasgarnholz.de\/media\/pages\/projects\/hochschulfreunde\/7b8f3e4f19-1634903158\/sketch-hand-1280x1715.2-crop-50-50.png 1280w, https:\/\/niklasgarnholz.de\/media\/pages\/projects\/hochschulfreunde\/7b8f3e4f19-1634903158\/sketch-hand-1536x2058.24-crop-50-50.png 1536w\" sizes=\"(min-width: 769px) and (max-width:1400px) 50vw, (min-width:1400px) 33vw\" data-ll-status=\"loaded\" srcset=\"https:\/\/niklasgarnholz.de\/media\/pages\/projects\/hochschulfreunde\/7b8f3e4f19-1634903158\/sketch-hand-320x428.8-crop-50-50.png 320w, https:\/\/niklasgarnholz.de\/media\/pages\/projects\/hochschulfreunde\/7b8f3e4f19-1634903158\/sketch-hand-576x771.84-crop-50-50.png 576w, https:\/\/niklasgarnholz.de\/media\/pages\/projects\/hochschulfreunde\/7b8f3e4f19-1634903158\/sketch-hand-768x1029.12-crop-50-50.png 768w, https:\/\/niklasgarnholz.de\/media\/pages\/projects\/hochschulfreunde\/7b8f3e4f19-1634903158\/sketch-hand-1024x1372.16-crop-50-50.png 1024w, https:\/\/niklasgarnholz.de\/media\/pages\/projects\/hochschulfreunde\/7b8f3e4f19-1634903158\/sketch-hand-1280x1715.2-crop-50-50.png 1280w, https:\/\/niklasgarnholz.de\/media\/pages\/projects\/hochschulfreunde\/7b8f3e4f19-1634903158\/sketch-hand-1536x2058.24-crop-50-50.png 1536w\" src=\"https:\/\/niklasgarnholz.de\/media\/pages\/projects\/hochschulfreunde\/7b8f3e4f19-1634903158\/sketch-hand-320x428-crop-50-50.png\">","currentSrc":"https:\/\/niklasgarnholz.de\/media\/pages\/projects\/hochschulfreunde\/7b8f3e4f19-1634903158\/sketch-hand-768x1029.12-crop-50-50.png","srcSet":"https:\/\/niklasgarnholz.de\/media\/pages\/projects\/hochschulfreunde\/7b8f3e4f19-1634903158\/sketch-hand-320x428.8-crop-50-50.png 320w, https:\/\/niklasgarnholz.de\/media\/pages\/projects\/hochschulfreunde\/7b8f3e4f19-1634903158\/sketch-hand-576x771.84-crop-50-50.png 576w, https:\/\/niklasgarnholz.de\/media\/pages\/projects\/hochschulfreunde\/7b8f3e4f19-1634903158\/sketch-hand-768x1029.12-crop-50-50.png 768w, https:\/\/niklasgarnholz.de\/media\/pages\/projects\/hochschulfreunde\/7b8f3e4f19-1634903158\/sketch-hand-1024x1372.16-crop-50-50.png 1024w, https:\/\/niklasgarnholz.de\/media\/pages\/projects\/hochschulfreunde\/7b8f3e4f19-1634903158\/sketch-hand-1280x1715.2-crop-50-50.png 1280w, https:\/\/niklasgarnholz.de\/media\/pages\/projects\/hochschulfreunde\/7b8f3e4f19-1634903158\/sketch-hand-1536x2058.24-crop-50-50.png 1536w","sizes":"(min-width: 769px) and (max-width:1400px) 50vw, (min-width:1400px) 33vw","priority":null,"loading":null,"naturalWidth":633,"naturalHeight":848},{"src":"https:\/\/niklasgarnholz.de\/media\/pages\/projects\/riod\/3dde8e9a85-1628193867\/heroimage-320x428-crop-50-50.jpg","html":"<img alt=\"heroimage\" class=\"lazy entered loaded\" data-src=\"https:\/\/niklasgarnholz.de\/media\/pages\/projects\/riod\/3dde8e9a85-1628193867\/heroimage-320x428-crop-50-50.jpg\" data-srcset=\"https:\/\/niklasgarnholz.de\/media\/pages\/projects\/riod\/3dde8e9a85-1628193867\/heroimage-320x428.8-crop-50-50.jpg 320w, https:\/\/niklasgarnholz.de\/media\/pages\/projects\/riod\/3dde8e9a85-1628193867\/heroimage-576x771.84-crop-50-50.jpg 576w, https:\/\/niklasgarnholz.de\/media\/pages\/projects\/riod\/3dde8e9a85-1628193867\/heroimage-768x1029.12-crop-50-50.jpg 768w, https:\/\/niklasgarnholz.de\/media\/pages\/projects\/riod\/3dde8e9a85-1628193867\/heroimage-1024x1372.16-crop-50-50.jpg 1024w, https:\/\/niklasgarnholz.de\/media\/pages\/projects\/riod\/3dde8e9a85-1628193867\/heroimage-1280x1715.2-crop-50-50.jpg 1280w, https:\/\/niklasgarnholz.de\/media\/pages\/projects\/riod\/3dde8e9a85-1628193867\/heroimage-1536x2058.24-crop-50-50.jpg 1536w\" sizes=\"(min-width: 769px) and (max-width:1400px) 50vw, (min-width:1400px) 33vw\" data-ll-status=\"loaded\" srcset=\"https:\/\/niklasgarnholz.de\/media\/pages\/projects\/riod\/3dde8e9a85-1628193867\/heroimage-320x428.8-crop-50-50.jpg 320w, https:\/\/niklasgarnholz.de\/media\/pages\/projects\/riod\/3dde8e9a85-1628193867\/heroimage-576x771.84-crop-50-50.jpg 576w, https:\/\/niklasgarnholz.de\/media\/pages\/projects\/riod\/3dde8e9a85-1628193867\/heroimage-768x1029.12-crop-50-50.jpg 768w, https:\/\/niklasgarnholz.de\/media\/pages\/projects\/riod\/3dde8e9a85-1628193867\/heroimage-1024x1372.16-crop-50-50.jpg 1024w, https:\/\/niklasgarnholz.de\/media\/pages\/projects\/riod\/3dde8e9a85-1628193867\/heroimage-1280x1715.2-crop-50-50.jpg 1280w, https:\/\/niklasgarnholz.de\/media\/pages\/projects\/riod\/3dde8e9a85-1628193867\/heroimage-1536x2058.24-crop-50-50.jpg 1536w\" src=\"https:\/\/niklasgarnholz.de\/media\/pages\/projects\/riod\/3dde8e9a85-1628193867\/heroimage-320x428-crop-50-50.jpg\">","currentSrc":"https:\/\/niklasgarnholz.de\/media\/pages\/projects\/riod\/3dde8e9a85-1628193867\/heroimage-768x1029.12-crop-50-50.jpg","srcSet":"https:\/\/niklasgarnholz.de\/media\/pages\/projects\/riod\/3dde8e9a85-1628193867\/heroimage-320x428.8-crop-50-50.jpg 320w, https:\/\/niklasgarnholz.de\/media\/pages\/projects\/riod\/3dde8e9a85-1628193867\/heroimage-576x771.84-crop-50-50.jpg 576w, https:\/\/niklasgarnholz.de\/media\/pages\/projects\/riod\/3dde8e9a85-1628193867\/heroimage-768x1029.12-crop-50-50.jpg 768w, https:\/\/niklasgarnholz.de\/media\/pages\/projects\/riod\/3dde8e9a85-1628193867\/heroimage-1024x1372.16-crop-50-50.jpg 1024w, https:\/\/niklasgarnholz.de\/media\/pages\/projects\/riod\/3dde8e9a85-1628193867\/heroimage-1280x1715.2-crop-50-50.jpg 1280w, https:\/\/niklasgarnholz.de\/media\/pages\/projects\/riod\/3dde8e9a85-1628193867\/heroimage-1536x2058.24-crop-50-50.jpg 1536w","sizes":"(min-width: 769px) and (max-width:1400px) 50vw, (min-width:1400px) 33vw","priority":null,"loading":null,"naturalWidth":633,"naturalHeight":848},{"src":"https:\/\/niklasgarnholz.de\/media\/pages\/projects\/mq\/ce33dd6873-1628193908\/mockup-anwendung-320x428-crop-38-44.jpg","html":"<img alt=\"Person is using MQ app outdoors\" class=\"lazy entered loaded\" data-src=\"https:\/\/niklasgarnholz.de\/media\/pages\/projects\/mq\/ce33dd6873-1628193908\/mockup-anwendung-320x428-crop-38-44.jpg\" data-srcset=\"https:\/\/niklasgarnholz.de\/media\/pages\/projects\/mq\/ce33dd6873-1628193908\/mockup-anwendung-320x428.8-crop-38-44.jpg 320w, https:\/\/niklasgarnholz.de\/media\/pages\/projects\/mq\/ce33dd6873-1628193908\/mockup-anwendung-576x771.84-crop-38-44.jpg 576w, https:\/\/niklasgarnholz.de\/media\/pages\/projects\/mq\/ce33dd6873-1628193908\/mockup-anwendung-768x1029.12-crop-38-44.jpg 768w, https:\/\/niklasgarnholz.de\/media\/pages\/projects\/mq\/ce33dd6873-1628193908\/mockup-anwendung-1024x1372.16-crop-38-44.jpg 1024w, https:\/\/niklasgarnholz.de\/media\/pages\/projects\/mq\/ce33dd6873-1628193908\/mockup-anwendung-1280x1715.2-crop-38-44.jpg 1280w, https:\/\/niklasgarnholz.de\/media\/pages\/projects\/mq\/ce33dd6873-1628193908\/mockup-anwendung-1536x2058.24-crop-38-44.jpg 1536w\" sizes=\"(min-width: 769px) and (max-width:1400px) 50vw, (min-width:1400px) 33vw\" data-ll-status=\"loaded\" srcset=\"https:\/\/niklasgarnholz.de\/media\/pages\/projects\/mq\/ce33dd6873-1628193908\/mockup-anwendung-320x428.8-crop-38-44.jpg 320w, https:\/\/niklasgarnholz.de\/media\/pages\/projects\/mq\/ce33dd6873-1628193908\/mockup-anwendung-576x771.84-crop-38-44.jpg 576w, https:\/\/niklasgarnholz.de\/media\/pages\/projects\/mq\/ce33dd6873-1628193908\/mockup-anwendung-768x1029.12-crop-38-44.jpg 768w, https:\/\/niklasgarnholz.de\/media\/pages\/projects\/mq\/ce33dd6873-1628193908\/mockup-anwendung-1024x1372.16-crop-38-44.jpg 1024w, https:\/\/niklasgarnholz.de\/media\/pages\/projects\/mq\/ce33dd6873-1628193908\/mockup-anwendung-1280x1715.2-crop-38-44.jpg 1280w, https:\/\/niklasgarnholz.de\/media\/pages\/projects\/mq\/ce33dd6873-1628193908\/mockup-anwendung-1536x2058.24-crop-38-44.jpg 1536w\" src=\"https:\/\/niklasgarnholz.de\/media\/pages\/projects\/mq\/ce33dd6873-1628193908\/mockup-anwendung-320x428-crop-38-44.jpg\">","currentSrc":"https:\/\/niklasgarnholz.de\/media\/pages\/projects\/mq\/ce33dd6873-1628193908\/mockup-anwendung-768x1029.12-crop-38-44.jpg","srcSet":"https:\/\/niklasgarnholz.de\/media\/pages\/projects\/mq\/ce33dd6873-1628193908\/mockup-anwendung-320x428.8-crop-38-44.jpg 320w, https:\/\/niklasgarnholz.de\/media\/pages\/projects\/mq\/ce33dd6873-1628193908\/mockup-anwendung-576x771.84-crop-38-44.jpg 576w, https:\/\/niklasgarnholz.de\/media\/pages\/projects\/mq\/ce33dd6873-1628193908\/mockup-anwendung-768x1029.12-crop-38-44.jpg 768w, https:\/\/niklasgarnholz.de\/media\/pages\/projects\/mq\/ce33dd6873-1628193908\/mockup-anwendung-1024x1372.16-crop-38-44.jpg 1024w, https:\/\/niklasgarnholz.de\/media\/pages\/projects\/mq\/ce33dd6873-1628193908\/mockup-anwendung-1280x1715.2-crop-38-44.jpg 1280w, https:\/\/niklasgarnholz.de\/media\/pages\/projects\/mq\/ce33dd6873-1628193908\/mockup-anwendung-1536x2058.24-crop-38-44.jpg 1536w","sizes":"(min-width: 769px) and (max-width:1400px) 50vw, (min-width:1400px) 33vw","priority":null,"loading":null,"naturalWidth":633,"naturalHeight":848}]
- imgs-no-alt
- []
- imgs-out-viewport
- [{"src":null,"html":"<img alt=\"deckblatt\" class=\"lazy\" data-src=\"https:\/\/niklasgarnholz.de\/media\/pages\/projects\/avk\/6c2b2105e3-1633611532\/deckblatt-320x428-crop-50-50.jpg\" data-srcset=\"https:\/\/niklasgarnholz.de\/media\/pages\/projects\/avk\/6c2b2105e3-1633611532\/deckblatt-320x428.8-crop-50-50.jpg 320w, https:\/\/niklasgarnholz.de\/media\/pages\/projects\/avk\/6c2b2105e3-1633611532\/deckblatt-576x771.84-crop-50-50.jpg 576w, https:\/\/niklasgarnholz.de\/media\/pages\/projects\/avk\/6c2b2105e3-1633611532\/deckblatt-768x1029.12-crop-50-50.jpg 768w, https:\/\/niklasgarnholz.de\/media\/pages\/projects\/avk\/6c2b2105e3-1633611532\/deckblatt-1024x1372.16-crop-50-50.jpg 1024w, https:\/\/niklasgarnholz.de\/media\/pages\/projects\/avk\/6c2b2105e3-1633611532\/deckblatt-1280x1715.2-crop-50-50.jpg 1280w, https:\/\/niklasgarnholz.de\/media\/pages\/projects\/avk\/6c2b2105e3-1633611532\/deckblatt-1536x2058.24-crop-50-50.jpg 1536w\" sizes=\"(min-width: 769px) and (max-width:1400px) 50vw, (min-width:1400px) 33vw\">","currentSrc":"","srcSet":null,"sizes":"(min-width: 769px) and (max-width:1400px) 50vw, (min-width:1400px) 33vw","priority":null,"loading":null,"naturalWidth":0,"naturalHeight":0},{"src":null,"html":"<img alt=\"whole-side-table\" class=\"lazy\" data-src=\"https:\/\/niklasgarnholz.de\/media\/pages\/projects\/sidetable\/d8929169c7-1628193905\/whole-side-table-320x428-crop-50-50.jpg\" data-srcset=\"https:\/\/niklasgarnholz.de\/media\/pages\/projects\/sidetable\/d8929169c7-1628193905\/whole-side-table-320x428.8-crop-50-50.jpg 320w, https:\/\/niklasgarnholz.de\/media\/pages\/projects\/sidetable\/d8929169c7-1628193905\/whole-side-table-576x771.84-crop-50-50.jpg 576w, https:\/\/niklasgarnholz.de\/media\/pages\/projects\/sidetable\/d8929169c7-1628193905\/whole-side-table-768x1029.12-crop-50-50.jpg 768w, https:\/\/niklasgarnholz.de\/media\/pages\/projects\/sidetable\/d8929169c7-1628193905\/whole-side-table-1024x1372.16-crop-50-50.jpg 1024w, https:\/\/niklasgarnholz.de\/media\/pages\/projects\/sidetable\/d8929169c7-1628193905\/whole-side-table-1280x1715.2-crop-50-50.jpg 1280w, https:\/\/niklasgarnholz.de\/media\/pages\/projects\/sidetable\/d8929169c7-1628193905\/whole-side-table-1536x2058.24-crop-50-50.jpg 1536w\" sizes=\"(min-width: 769px) and (max-width:1400px) 50vw, (min-width:1400px) 33vw\">","currentSrc":"","srcSet":null,"sizes":"(min-width: 769px) and (max-width:1400px) 50vw, (min-width:1400px) 33vw","priority":null,"loading":null,"naturalWidth":0,"naturalHeight":0},{"src":null,"html":"<img alt=\"dsc0468-1600px\" class=\"lazy\" data-src=\"https:\/\/niklasgarnholz.de\/media\/pages\/projects\/for-future\/e92bf97ca9-1628193913\/dsc0468-1600px-320x428-crop-50-50.jpg\" data-srcset=\"https:\/\/niklasgarnholz.de\/media\/pages\/projects\/for-future\/e92bf97ca9-1628193913\/dsc0468-1600px-320x428.8-crop-50-50.jpg 320w, https:\/\/niklasgarnholz.de\/media\/pages\/projects\/for-future\/e92bf97ca9-1628193913\/dsc0468-1600px-576x771.84-crop-50-50.jpg 576w, https:\/\/niklasgarnholz.de\/media\/pages\/projects\/for-future\/e92bf97ca9-1628193913\/dsc0468-1600px-768x1029.12-crop-50-50.jpg 768w, https:\/\/niklasgarnholz.de\/media\/pages\/projects\/for-future\/e92bf97ca9-1628193913\/dsc0468-1600px-1024x1372.16-crop-50-50.jpg 1024w, https:\/\/niklasgarnholz.de\/media\/pages\/projects\/for-future\/e92bf97ca9-1628193913\/dsc0468-1600px-1280x1715.2-crop-50-50.jpg 1280w, https:\/\/niklasgarnholz.de\/media\/pages\/projects\/for-future\/e92bf97ca9-1628193913\/dsc0468-1600px-1536x2058.24-crop-50-50.jpg 1536w\" sizes=\"(min-width: 769px) and (max-width:1400px) 50vw, (min-width:1400px) 33vw\">","currentSrc":"","srcSet":null,"sizes":"(min-width: 769px) and (max-width:1400px) 50vw, (min-width:1400px) 33vw","priority":null,"loading":null,"naturalWidth":0,"naturalHeight":0},{"src":null,"html":"<img alt=\"bearbeitet2\" class=\"lazy\" data-src=\"https:\/\/niklasgarnholz.de\/media\/pages\/projects\/scale\/f63512dfd9-1628193888\/bearbeitet2-320x428-crop-50-50.png\" data-srcset=\"https:\/\/niklasgarnholz.de\/media\/pages\/projects\/scale\/f63512dfd9-1628193888\/bearbeitet2-320x428.8-crop-50-50.png 320w, https:\/\/niklasgarnholz.de\/media\/pages\/projects\/scale\/f63512dfd9-1628193888\/bearbeitet2-576x771.84-crop-50-50.png 576w, https:\/\/niklasgarnholz.de\/media\/pages\/projects\/scale\/f63512dfd9-1628193888\/bearbeitet2-768x1029.12-crop-50-50.png 768w, https:\/\/niklasgarnholz.de\/media\/pages\/projects\/scale\/f63512dfd9-1628193888\/bearbeitet2-1024x1372.16-crop-50-50.png 1024w, https:\/\/niklasgarnholz.de\/media\/pages\/projects\/scale\/f63512dfd9-1628193888\/bearbeitet2-1280x1715.2-crop-50-50.png 1280w, https:\/\/niklasgarnholz.de\/media\/pages\/projects\/scale\/f63512dfd9-1628193888\/bearbeitet2-1536x2058.24-crop-50-50.png 1536w\" sizes=\"(min-width: 769px) and (max-width:1400px) 50vw, (min-width:1400px) 33vw\">","currentSrc":"","srcSet":null,"sizes":"(min-width: 769px) and (max-width:1400px) 50vw, (min-width:1400px) 33vw","priority":null,"loading":null,"naturalWidth":0,"naturalHeight":0},{"src":null,"html":"<img alt=\"sonic-illusion\" class=\"lazy\" data-src=\"https:\/\/niklasgarnholz.de\/media\/pages\/projects\/sonic-illusion\/b2799e24c4-1628193912\/sonic-illusion-320x428-crop-50-50.jpg\" data-srcset=\"https:\/\/niklasgarnholz.de\/media\/pages\/projects\/sonic-illusion\/b2799e24c4-1628193912\/sonic-illusion-320x428.8-crop-50-50.jpg 320w, https:\/\/niklasgarnholz.de\/media\/pages\/projects\/sonic-illusion\/b2799e24c4-1628193912\/sonic-illusion-576x771.84-crop-50-50.jpg 576w, https:\/\/niklasgarnholz.de\/media\/pages\/projects\/sonic-illusion\/b2799e24c4-1628193912\/sonic-illusion-768x1029.12-crop-50-50.jpg 768w, https:\/\/niklasgarnholz.de\/media\/pages\/projects\/sonic-illusion\/b2799e24c4-1628193912\/sonic-illusion-1024x1372.16-crop-50-50.jpg 1024w, https:\/\/niklasgarnholz.de\/media\/pages\/projects\/sonic-illusion\/b2799e24c4-1628193912\/sonic-illusion-1280x1715.2-crop-50-50.jpg 1280w, https:\/\/niklasgarnholz.de\/media\/pages\/projects\/sonic-illusion\/b2799e24c4-1628193912\/sonic-illusion-1536x2058.24-crop-50-50.jpg 1536w\" sizes=\"(min-width: 769px) and (max-width:1400px) 50vw, (min-width:1400px) 33vw\">","currentSrc":"","srcSet":null,"sizes":"(min-width: 769px) and (max-width:1400px) 50vw, (min-width:1400px) 33vw","priority":null,"loading":null,"naturalWidth":0,"naturalHeight":0}]
- jsLibsVulns
- []
- meta-viewport
- width=device-width, initial-scale=1, viewport-fit=cover
- possibly-render-blocking-reqs
- ["https:\/\/niklasgarnholz.de\/public\/style.css"]
- rendered-html
- <html lang="en" dir="ltr"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover"> <title>Niklas Garnholz - Frontend Developer</title> <link rel="icon" type="image/png" href="https://niklasgarnholz.de/assets/img/favicon.png"> <meta name="description" content="This is the online Portfolio of Niklas Garnholz, a Frontend Developer based in Osnabrueck, Germany."> <!-- CSS --> <link href="https://niklasgarnholz.de/public/style.css" rel="stylesheet"> </head> <body data-barba="wrapper" class="bg-gray-lightest" aria-live="polite"> <header class="absolute h-16 w-full items-center z-10"> <nav class="container max-w-screen-xl h-full js-nav"> <div class="grid grid-cols-3"> <div> <a href="https://niklasgarnholz.de" class="inline-block h-12 w-12 js-ng-logo" data-src="https://niklasgarnholz.de/assets/img/logo.json" title="Back to Homepage"><canvas width="48" height="48" style="width: 100%; height: 100%; transform-origin: 0px 0px 0px;"></canvas></a> </div> <div class="col-span-2 justify-self-end self-center"> <a href="https://niklasgarnholz.de" data-id="projects" class="font-mono text-sm tracking-wider px-4 py-5 text-opacity-30 text-blue-darker hover:text-opacity-100 duration-300 js-nav-item text-opacity-100 js-active">Showreel</a> <a href="https://niklasgarnholz.de/about" data-id="about" class="font-mono text-sm tracking-wider px-4 py-5 text-opacity-30 text-blue-darker hover:text-opacity-100 duration-300 js-nav-item ">About</a> <span class="absolute top-0 duration-300 h-1 bg-blue-darker w-auto js-nav-indicator" style="width: 107px; left: 1370px;"></span> </div> </div> </nav> </header> <svg width="0" height="0" class="hidden"> <symbol xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024" id="unsplash"> <path d="M362.667 469.333v213.333h298.667V469.333h234.667V896h-768V469.333h234.667zM661.333 128v213.333H362.666V128h298.667z"></path> </symbol> <symbol xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024" id="github"> <path d="M512 85.333C276.267 85.333 85.333 276.266 85.333 512v.23c0 187.331 120.8 346.448 288.752 403.702l3.002.889c21.333 3.712 29.312-9.088 29.312-20.309 0-10.112-.555-43.691-.555-79.445-107.179 19.755-134.912-26.112-143.445-50.133-4.821-12.288-25.6-50.133-43.733-60.288-14.933-7.979-36.267-27.733-.555-28.245 33.621-.555 57.6 30.933 65.621 43.733 38.4 64.512 99.755 46.379 124.245 35.2 3.755-27.733 14.933-46.379 27.221-57.045-94.933-10.667-194.133-47.488-194.133-210.688 0-46.421 16.512-84.779 43.733-114.688-4.267-10.667-19.2-54.4 4.267-113.067 0 0 35.712-11.179 117.333 43.776 31.742-9.156 68.201-14.422 105.89-14.422l.819.001h-.043c36.267 0 72.533 4.779 106.667 14.379 81.579-55.467 117.333-43.691 117.333-43.691 23.467 58.667 8.533 102.4 4.267 113.067 27.179 29.867 43.733 67.712 43.733 114.645 0 163.755-99.712 200.021-194.645 210.688 15.445 13.312 28.8 38.912 28.8 78.933 0 57.045-.555 102.912-.555 117.333 0 11.179 8.021 24.491 29.355 20.224 170.379-58.775 290.593-217.731 290.645-404.772v-.006c0-235.733-190.933-426.667-426.667-426.667z"></path> </symbol> <symbol xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024" id="xing"> <title></title> <path d="M873.045 137.813c6.528 0 13.099 3.328 16.384 6.613 1.548 2.847 2.458 6.235 2.458 9.835s-.91 6.988-2.512 9.945l.055-.11-259.285 459.52 164.096 301.909c1.555 2.852 2.469 6.247 2.469 9.856s-.914 7.004-2.524 9.966l.055-.11a24.97 24.97 0 01-16.355 6.57l-.029.001H659.67c-16.384 0-26.24-13.141-32.811-22.997L459.478 623.574c9.856-13.099 262.571-462.72 262.571-462.72 6.571-13.099 16.427-22.955 32.853-22.955h118.144zm-492.33 160.854c16.427 0 26.24 13.141 32.853 22.955l82.005 141.141c-6.528 6.571-128 223.147-128 223.147-6.528 9.899-16.384 23.04-32.811 23.04H219.903a25.012 25.012 0 01-16.445-6.587l.019.017c-1.555-2.852-2.469-6.247-2.469-9.856s.914-7.004 2.524-9.966l-.055.11 121.429-219.904-78.763-137.813c-1.555-2.852-2.469-6.247-2.469-9.856s.914-7.004 2.524-9.966l-.055.11a24.974 24.974 0 0116.4-6.57h118.213z"></path> </symbol> <symbol xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" id="arrow-left"> <path fill="none" d="M0 0h24v24H0z"></path> <path d="M10.828 12l4.95 4.95-1.414 1.414L8 12l6.364-6.364 1.414 1.414z"></path> </symbol> <symbol xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" id="double-quotes"> <path d="M0 0h24v24H0V0z" fill="none"></path> <path d="M3.7 18.6v-6.7l3.9-6.4h3.5l-3.1 6h3.1v7.1H3.7zm9.1 0v-6.7l4-6.4h3.5l-3.1 6h3.1v7.1h-7.5z"></path> </symbol> <symbol xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" id="copyright"> <path fill="none" d="M0 0h24v24H0z"></path> <path d="M12 2c5.52 0 10 4.48 10 10s-4.48 10-10 10S2 17.52 2 12 6.48 2 12 2zm0 2c-4.42 0-8 3.58-8 8s3.58 8 8 8 8-3.58 8-8-3.58-8-8-8zm0 3c1.82 0 3.413.973 4.288 2.428l-1.714 1.029A3 3 0 1012 15a2.998 2.998 0 002.573-1.456l1.715 1.028A4.999 4.999 0 017 12c0-2.76 2.24-5 5-5z"></path> </symbol> </svg> <main data-barba="container" data-barba-namespace="home" data-id="projects" class="projects-template"> <section class="bg-gray-lighter border-b border-gray-light pt-32 pb-24 lg:pt-48 lg:pb-40 overflow-y-hidden lazy-animation relative js-opacity-fade-container entered" data-lazy-function="animateMarker" data-scrollama-index="0" data-ll-status="entered"> <div class="container max-w-screen-xl"> <div class="rellax js-opacity-fade-el" data-rellax-desktop-speed="-3" style="transform: translate3d(0px, 0px, 0px); opacity: 1;"> <h4 class="h4 mb-9">Welcome</h4> <h1 class="h1 leading-snug mark-words"> I'm Niklas Garnholz – a Frontend Developer with focus on <marker class="marked">UX Design and Webdesign</marker> based in Laufen, Germany. From research to progamming I build websites that last longer than most relationships. </h1> </div> </div> </section> <section> <div class="container pt-10 lg:pt-24"> <div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-12"> <div> <div class="relative w-full"> <a href="https://niklasgarnholz.de/projects/hochschulfreunde" title="Go to Hochschulfreunde" class="block"> <figure class="image-snippet portrait md:portrait mb-3"> <img alt="sketch-hand" class="lazy entered loaded" data-src="https://niklasgarnholz.de/media/pages/projects/hochschulfreunde/7b8f3e4f19-1634903158/sketch-hand-320x428-crop-50-50.png" data-srcset="https://niklasgarnholz.de/media/pages/projects/hochschulfreunde/7b8f3e4f19-1634903158/sketch-hand-320x428.8-crop-50-50.png 320w, https://niklasgarnholz.de/media/pages/projects/hochschulfreunde/7b8f3e4f19-1634903158/sketch-hand-576x771.84-crop-50-50.png 576w, https://niklasgarnholz.de/media/pages/projects/hochschulfreunde/7b8f3e4f19-1634903158/sketch-hand-768x1029.12-crop-50-50.png 768w, https://niklasgarnholz.de/media/pages/projects/hochschulfreunde/7b8f3e4f19-1634903158/sketch-hand-1024x1372.16-crop-50-50.png 1024w, https://niklasgarnholz.de/media/pages/projects/hochschulfreunde/7b8f3e4f19-1634903158/sketch-hand-1280x1715.2-crop-50-50.png 1280w, https://niklasgarnholz.de/media/pages/projects/hochschulfreunde/7b8f3e4f19-1634903158/sketch-hand-1536x2058.24-crop-50-50.png 1536w" sizes="(min-width: 769px) and (max-width:1400px) 50vw, (min-width:1400px) 33vw" data-ll-status="loaded" srcset="https://niklasgarnholz.de/media/pages/projects/hochschulfreunde/7b8f3e4f19-1634903158/sketch-hand-320x428.8-crop-50-50.png 320w, https://niklasgarnholz.de/media/pages/projects/hochschulfreunde/7b8f3e4f19-1634903158/sketch-hand-576x771.84-crop-50-50.png 576w, https://niklasgarnholz.de/media/pages/projects/hochschulfreunde/7b8f3e4f19-1634903158/sketch-hand-768x1029.12-crop-50-50.png 768w, https://niklasgarnholz.de/media/pages/projects/hochschulfreunde/7b8f3e4f19-1634903158/sketch-hand-1024x1372.16-crop-50-50.png 1024w, https://niklasgarnholz.de/media/pages/projects/hochschulfreunde/7b8f3e4f19-1634903158/sketch-hand-1280x1715.2-crop-50-50.png 1280w, https://niklasgarnholz.de/media/pages/projects/hochschulfreunde/7b8f3e4f19-1634903158/sketch-hand-1536x2058.24-crop-50-50.png 1536w" src="https://niklasgarnholz.de/media/pages/projects/hochschulfreunde/7b8f3e4f19-1634903158/sketch-hand-320x428-crop-50-50.png"> </figure> <h3 class="h3 mb-3">Hochschulfreunde</h3> <p class="font-mono text-blue-darker text-sm">A complete redesign was performed for the hochschulfreunde website.</p> <div class="flex mt-3 font-mono text-gray text-xs"> <p class="first:ml-0 mx-2"> #design </p> <p class="first:ml-0 mx-2"> #website </p> </div> </a> </div> </div> <div> <div class="relative w-full"> <a href="https://niklasgarnholz.de/projects/riod" title="Go to RIOD" class="block"> <figure class="image-snippet portrait md:portrait mb-3"> <img alt="heroimage" class="lazy entered loaded" data-src="https://niklasgarnholz.de/media/pages/projects/riod/3dde8e9a85-1628193867/heroimage-320x428-crop-50-50.jpg" data-srcset="https://niklasgarnholz.de/media/pages/projects/riod/3dde8e9a85-1628193867/heroimage-320x428.8-crop-50-50.jpg 320w, https://niklasgarnholz.de/media/pages/projects/riod/3dde8e9a85-1628193867/heroimage-576x771.84-crop-50-50.jpg 576w, https://niklasgarnholz.de/media/pages/projects/riod/3dde8e9a85-1628193867/heroimage-768x1029.12-crop-50-50.jpg 768w, https://niklasgarnholz.de/media/pages/projects/riod/3dde8e9a85-1628193867/heroimage-1024x1372.16-crop-50-50.jpg 1024w, https://niklasgarnholz.de/media/pages/projects/riod/3dde8e9a85-1628193867/heroimage-1280x1715.2-crop-50-50.jpg 1280w, https://niklasgarnholz.de/media/pages/projects/riod/3dde8e9a85-1628193867/heroimage-1536x2058.24-crop-50-50.jpg 1536w" sizes="(min-width: 769px) and (max-width:1400px) 50vw, (min-width:1400px) 33vw" data-ll-status="loaded" srcset="https://niklasgarnholz.de/media/pages/projects/riod/3dde8e9a85-1628193867/heroimage-320x428.8-crop-50-50.jpg 320w, https://niklasgarnholz.de/media/pages/projects/riod/3dde8e9a85-1628193867/heroimage-576x771.84-crop-50-50.jpg 576w, https://niklasgarnholz.de/media/pages/projects/riod/3dde8e9a85-1628193867/heroimage-768x1029.12-crop-50-50.jpg 768w, https://niklasgarnholz.de/media/pages/projects/riod/3dde8e9a85-1628193867/heroimage-1024x1372.16-crop-50-50.jpg 1024w, https://niklasgarnholz.de/media/pages/projects/riod/3dde8e9a85-1628193867/heroimage-1280x1715.2-crop-50-50.jpg 1280w, https://niklasgarnholz.de/media/pages/projects/riod/3dde8e9a85-1628193867/heroimage-1536x2058.24-crop-50-50.jpg 1536w" src="https://niklasgarnholz.de/media/pages/projects/riod/3dde8e9a85-1628193867/heroimage-320x428-crop-50-50.jpg"> </figure> <h3 class="h3 mb-3">RIOD</h3> <p class="font-mono text-blue-darker text-sm">Application for dynamic formation of cycling groups in everyday life to take advantage of the right of association under paragraph 27 of the StvO.</p> <div class="flex mt-3 font-mono text-gray text-xs"> <p class="first:ml-0 mx-2"> #concept </p> <p class="first:ml-0 mx-2"> #application </p> </div> </a> </div> </div> <div> <div class="relative w-full"> <a href="https://niklasgarnholz.de/projects/mq" title="Go to MQ" class="block"> <figure class="image-snippet portrait md:portrait mb-3"> <img alt="Person is using MQ app outdoors" class="lazy entered loaded" data-src="https://niklasgarnholz.de/media/pages/projects/mq/ce33dd6873-1628193908/mockup-anwendung-320x428-crop-38-44.jpg" data-srcset="https://niklasgarnholz.de/media/pages/projects/mq/ce33dd6873-1628193908/mockup-anwendung-320x428.8-crop-38-44.jpg 320w, https://niklasgarnholz.de/media/pages/projects/mq/ce33dd6873-1628193908/mockup-anwendung-576x771.84-crop-38-44.jpg 576w, https://niklasgarnholz.de/media/pages/projects/mq/ce33dd6873-1628193908/mockup-anwendung-768x1029.12-crop-38-44.jpg 768w, https://niklasgarnholz.de/media/pages/projects/mq/ce33dd6873-1628193908/mockup-anwendung-1024x1372.16-crop-38-44.jpg 1024w, https://niklasgarnholz.de/media/pages/projects/mq/ce33dd6873-1628193908/mockup-anwendung-1280x1715.2-crop-38-44.jpg 1280w, https://niklasgarnholz.de/media/pages/projects/mq/ce33dd6873-1628193908/mockup-anwendung-1536x2058.24-crop-38-44.jpg 1536w" sizes="(min-width: 769px) and (max-width:1400px) 50vw, (min-width:1400px) 33vw" data-ll-status="loaded" srcset="https://niklasgarnholz.de/media/pages/projects/mq/ce33dd6873-1628193908/mockup-anwendung-320x428.8-crop-38-44.jpg 320w, https://niklasgarnholz.de/media/pages/projects/mq/ce33dd6873-1628193908/mockup-anwendung-576x771.84-crop-38-44.jpg 576w, https://niklasgarnholz.de/media/pages/projects/mq/ce33dd6873-1628193908/mockup-anwendung-768x1029.12-crop-38-44.jpg 768w, https://niklasgarnholz.de/media/pages/projects/mq/ce33dd6873-1628193908/mockup-anwendung-1024x1372.16-crop-38-44.jpg 1024w, https://niklasgarnholz.de/media/pages/projects/mq/ce33dd6873-1628193908/mockup-anwendung-1280x1715.2-crop-38-44.jpg 1280w, https://niklasgarnholz.de/media/pages/projects/mq/ce33dd6873-1628193908/mockup-anwendung-1536x2058.24-crop-38-44.jpg 1536w" src="https://niklasgarnholz.de/media/pages/projects/mq/ce33dd6873-1628193908/mockup-anwendung-320x428-crop-38-44.jpg"> </figure> <h3 class="h3 mb-3">MQ</h3> <p class="font-mono text-blue-darker text-sm">Redesign of an application software for green space management as a high fidelity prototype.</p> <div class="flex mt-3 font-mono text-gray text-xs"> <p class="first:ml-0 mx-2"> #design </p> <p class="first:ml-0 mx-2"> #concept </p> </div> </a> </div> </div> <div> <div class="relative w-full"> <a href="https://niklasgarnholz.de/projects/avk" title="Go to AVK" class="block"> <figure class="image-snippet portrait md:portrait mb-3"> <img alt="deckblatt" class="lazy" data-src="https://niklasgarnholz.de/media/pages/projects/avk/6c2b2105e3-1633611532/deckblatt-320x428-crop-50-50.jpg" data-srcset="https://niklasgarnholz.de/media/pages/projects/avk/6c2b2105e3-1633611532/deckblatt-320x428.8-crop-50-50.jpg 320w, https://niklasgarnholz.de/media/pages/projects/avk/6c2b2105e3-1633611532/deckblatt-576x771.84-crop-50-50.jpg 576w, https://niklasgarnholz.de/media/pages/projects/avk/6c2b2105e3-1633611532/deckblatt-768x1029.12-crop-50-50.jpg 768w, https://niklasgarnholz.de/media/pages/projects/avk/6c2b2105e3-1633611532/deckblatt-1024x1372.16-crop-50-50.jpg 1024w, https://niklasgarnholz.de/media/pages/projects/avk/6c2b2105e3-1633611532/deckblatt-1280x1715.2-crop-50-50.jpg 1280w, https://niklasgarnholz.de/media/pages/projects/avk/6c2b2105e3-1633611532/deckblatt-1536x2058.24-crop-50-50.jpg 1536w" sizes="(min-width: 769px) and (max-width:1400px) 50vw, (min-width:1400px) 33vw"> </figure> <h3 class="h3 mb-3">AVK</h3> <p class="font-mono text-blue-darker text-sm">Catapulted a website into the future with a complete facelift.</p> <div class="flex mt-3 font-mono text-gray text-xs"> <p class="first:ml-0 mx-2"> #website </p> <p class="first:ml-0 mx-2"> #design </p> </div> </a> </div> </div> <div> <div class="relative w-full"> <a href="https://niklasgarnholz.de/projects/sidetable" title="Go to Sidetable" class="block"> <figure class="image-snippet portrait md:portrait mb-3"> <img alt="whole-side-table" class="lazy" data-src="https://niklasgarnholz.de/media/pages/projects/sidetable/d8929169c7-1628193905/whole-side-table-320x428-crop-50-50.jpg" data-srcset="https://niklasgarnholz.de/media/pages/projects/sidetable/d8929169c7-1628193905/whole-side-table-320x428.8-crop-50-50.jpg 320w, https://niklasgarnholz.de/media/pages/projects/sidetable/d8929169c7-1628193905/whole-side-table-576x771.84-crop-50-50.jpg 576w, https://niklasgarnholz.de/media/pages/projects/sidetable/d8929169c7-1628193905/whole-side-table-768x1029.12-crop-50-50.jpg 768w, https://niklasgarnholz.de/media/pages/projects/sidetable/d8929169c7-1628193905/whole-side-table-1024x1372.16-crop-50-50.jpg 1024w, https://niklasgarnholz.de/media/pages/projects/sidetable/d8929169c7-1628193905/whole-side-table-1280x1715.2-crop-50-50.jpg 1280w, https://niklasgarnholz.de/media/pages/projects/sidetable/d8929169c7-1628193905/whole-side-table-1536x2058.24-crop-50-50.jpg 1536w" sizes="(min-width: 769px) and (max-width:1400px) 50vw, (min-width:1400px) 33vw"> </figure> <h3 class="h3 mb-3">Sidetable</h3> <p class="font-mono text-blue-darker text-sm">Design of a side table for the living room created with Autodesk Fusion 360.</p> <div class="flex mt-3 font-mono text-gray text-xs"> <p class="first:ml-0 mx-2"> #3d </p> <p class="first:ml-0 mx-2"> #concept </p> </div> </a> </div> </div> <div> <div class="relative w-full"> <a href="https://niklasgarnholz.de/projects/for-future" title="Go to For Future" class="block"> <figure class="image-snippet portrait md:portrait mb-3"> <img alt="dsc0468-1600px" class="lazy" data-src="https://niklasgarnholz.de/media/pages/projects/for-future/e92bf97ca9-1628193913/dsc0468-1600px-320x428-crop-50-50.jpg" data-srcset="https://niklasgarnholz.de/media/pages/projects/for-future/e92bf97ca9-1628193913/dsc0468-1600px-320x428.8-crop-50-50.jpg 320w, https://niklasgarnholz.de/media/pages/projects/for-future/e92bf97ca9-1628193913/dsc0468-1600px-576x771.84-crop-50-50.jpg 576w, https://niklasgarnholz.de/media/pages/projects/for-future/e92bf97ca9-1628193913/dsc0468-1600px-768x1029.12-crop-50-50.jpg 768w, https://niklasgarnholz.de/media/pages/projects/for-future/e92bf97ca9-1628193913/dsc0468-1600px-1024x1372.16-crop-50-50.jpg 1024w, https://niklasgarnholz.de/media/pages/projects/for-future/e92bf97ca9-1628193913/dsc0468-1600px-1280x1715.2-crop-50-50.jpg 1280w, https://niklasgarnholz.de/media/pages/projects/for-future/e92bf97ca9-1628193913/dsc0468-1600px-1536x2058.24-crop-50-50.jpg 1536w" sizes="(min-width: 769px) and (max-width:1400px) 50vw, (min-width:1400px) 33vw"> </figure> <h3 class="h3 mb-3">For Future</h3> <p class="font-mono text-blue-darker text-sm">A short film about a young girl who fights back against plastic waste pollution.</p> <div class="flex mt-3 font-mono text-gray text-xs"> </div> </a> </div> </div> <div> <div class="relative w-full"> <a href="https://niklasgarnholz.de/projects/scale" title="Go to Scale" class="block"> <figure class="image-snippet portrait md:portrait mb-3"> <img alt="bearbeitet2" class="lazy" data-src="https://niklasgarnholz.de/media/pages/projects/scale/f63512dfd9-1628193888/bearbeitet2-320x428-crop-50-50.png" data-srcset="https://niklasgarnholz.de/media/pages/projects/scale/f63512dfd9-1628193888/bearbeitet2-320x428.8-crop-50-50.png 320w, https://niklasgarnholz.de/media/pages/projects/scale/f63512dfd9-1628193888/bearbeitet2-576x771.84-crop-50-50.png 576w, https://niklasgarnholz.de/media/pages/projects/scale/f63512dfd9-1628193888/bearbeitet2-768x1029.12-crop-50-50.png 768w, https://niklasgarnholz.de/media/pages/projects/scale/f63512dfd9-1628193888/bearbeitet2-1024x1372.16-crop-50-50.png 1024w, https://niklasgarnholz.de/media/pages/projects/scale/f63512dfd9-1628193888/bearbeitet2-1280x1715.2-crop-50-50.png 1280w, https://niklasgarnholz.de/media/pages/projects/scale/f63512dfd9-1628193888/bearbeitet2-1536x2058.24-crop-50-50.png 1536w" sizes="(min-width: 769px) and (max-width:1400px) 50vw, (min-width:1400px) 33vw"> <figcaption class="flex items-center justify-end"> <svg class="w-4 h-4 mr-2 fill-current"> <use xlink:href="#copyright"></use> </svg> <span>Visual Eternity</span> </figcaption> </figure> <h3 class="h3 mb-3">Scale</h3> <p class="font-mono text-blue-darker text-sm">Design and support of the entire visual communication of the music producer.</p> <div class="flex mt-3 font-mono text-gray text-xs"> <p class="first:ml-0 mx-2"> #logo </p> <p class="first:ml-0 mx-2"> #design </p> </div> </a> </div> </div> <div> <div class="relative w-full"> <a href="https://niklasgarnholz.de/projects/sonic-illusion" title="Go to Sonic Illusion" class="block"> <figure class="image-snippet portrait md:portrait mb-3"> <img alt="sonic-illusion" class="lazy" data-src="https://niklasgarnholz.de/media/pages/projects/sonic-illusion/b2799e24c4-1628193912/sonic-illusion-320x428-crop-50-50.jpg" data-srcset="https://niklasgarnholz.de/media/pages/projects/sonic-illusion/b2799e24c4-1628193912/sonic-illusion-320x428.8-crop-50-50.jpg 320w, https://niklasgarnholz.de/media/pages/projects/sonic-illusion/b2799e24c4-1628193912/sonic-illusion-576x771.84-crop-50-50.jpg 576w, https://niklasgarnholz.de/media/pages/projects/sonic-illusion/b2799e24c4-1628193912/sonic-illusion-768x1029.12-crop-50-50.jpg 768w, https://niklasgarnholz.de/media/pages/projects/sonic-illusion/b2799e24c4-1628193912/sonic-illusion-1024x1372.16-crop-50-50.jpg 1024w, https://niklasgarnholz.de/media/pages/projects/sonic-illusion/b2799e24c4-1628193912/sonic-illusion-1280x1715.2-crop-50-50.jpg 1280w, https://niklasgarnholz.de/media/pages/projects/sonic-illusion/b2799e24c4-1628193912/sonic-illusion-1536x2058.24-crop-50-50.jpg 1536w" sizes="(min-width: 769px) and (max-width:1400px) 50vw, (min-width:1400px) 33vw"> <figcaption class="flex items-center justify-end"> <svg class="w-4 h-4 mr-2 fill-current"> <use xlink:href="#copyright"></use> </svg> <span>digitized reality</span> </figcaption> </figure> <h3 class="h3 mb-3">Sonic Illusion</h3> <p class="font-mono text-blue-darker text-sm">Design of a logo for the music producer.</p> <div class="flex mt-3 font-mono text-gray text-xs"> <p class="first:ml-0 mx-2"> #logo </p> </div> </a> </div> </div> </div> </div> </section> </main> <footer> <div class="container text-center font-mono text-gray-darker text-sm pt-28 mb-16 lg:my-32"> <p> Niklas Garnholz – Frontend Developer</p> <p> Build with <a class="hover:text-blue-darker" href="https://getkirby.com/" rel="noopener noreferrer nofollow" target="_blank" title="Get kirby">kirby</a>. </p> <div class="mt-10 flex justify-center"> <a href="https://www.xing.com/profile/Niklas_Garnholz" target="_blank" title="Go to Xing" class="p-3 fill-current text-gray-darker hover:text-blue-darker duration-200" rel="noopener noreferrer nofollow"> <svg class="w-5 h-5"> <use xlink:href="#xing"></use> </svg> </a> <a href="https://unsplash.com/@niklasgarnholz" target="_blank" title="Go to Unsplash" class="p-3 fill-current text-gray-darker hover:text-blue-darker duration-200" rel="noopener noreferrer nofollow"> <svg class="w-5 h-5"> <use xlink:href="#unsplash"></use> </svg> </a> <a href="https://github.com/niklasgarnholz" target="_blank" title="Go to Github" class="p-3 fill-current text-gray-darker hover:text-blue-darker duration-200" rel="noopener noreferrer nofollow"> <svg class="w-5 h-5"> <use xlink:href="#github"></use> </svg> </a> </div> </div> </footer> <span class="block h-12 stripes"></span> <div class="overlay"></div> <script async="" src="https://niklasgarnholz.de/public/main.js"></script> </body></html>
- securityHeaders
- {"securityHeadersList":["x-frame-options"],"securityHeadersGrade":"E","securityHeadersScore":20}
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://niklasgarnholz.de/ | text/html | Highest | 0.193 s | 58 ms | 38 ms | 95 ms | 183 ms | 2 ms | 4.6 KB | - | 200 | 185.137.168.155 |
| 2 | https://niklasgarnho....de/public/style.css | text/css | Highest | 0.395 s | - | - | - | 56 ms | 2 ms | 5.1 KB | - | 200 | 185.137.168.155 |
| 3 | https://niklasgarnholz.de/public/main.js | application/javascript | Low | 0.402 s | - | - | - | 111 ms | 172 ms | 86.0 KB | 177 ms | 200 | 185.137.168.155 |
| 4 | https://niklasgarnho...sfmono-regular.woff2 | font/woff2 | Highest | 0.632 s | - | - | - | 98 ms | 2 ms | 16.9 KB | - | 200 | 185.137.168.155 |
| 5 | https://niklasgarnho...on-pro-regular.woff2 | font/woff2 | Highest | 0.632 s | - | - | - | 70 ms | 2 ms | 13.6 KB | - | 200 | 185.137.168.155 |
| 6 | https://niklasgarnho...arson-pro-bold.woff2 | font/woff2 | Highest | 0.632 s | - | - | - | 121 ms | 2 ms | 13.4 KB | - | 200 | 185.137.168.155 |
| 7 | https://niklasgarnho...assets/img/logo.json | application/json | High | 0.788 s | - | - | - | 46 ms | 2 ms | 0.7 KB | - | 200 | 185.137.168.155 |
| 8 | https://niklasgarnho...29.12-crop-50-50.png | image/png | High | 0.825 s | - | - | - | 161 ms | 1559 ms | 604.6 KB | - | 200 | 185.137.168.155 |
| 9 | https://niklasgarnho...29.12-crop-50-50.jpg | image/jpeg | High | 0.827 s | - | - | - | 357 ms | 1097 ms | 269.6 KB | - | 200 | 185.137.168.155 |
| 10 | https://niklasgarnho...29.12-crop-38-44.jpg | image/jpeg | High | 0.829 s | - | - | - | 356 ms | 306 ms | 93.3 KB | - | 200 | 185.137.168.155 |
| 11 | https://niklasgarnho...sets/img/favicon.png | image/png | High | 0.834 s | - | - | - | 351 ms | 464 ms | 1.7 KB | - | 200 | 185.137.168.155 |
Request Headers
Request 1: https://niklasgarnholz.de/
URL: https://niklasgarnholz.de/
Host: niklasgarnholz.de
IP: 185.137.168.155
Error/Status Code: 200
Priority: Highest
Protocol: HTTP/2
HTTP/2 Stream: 1, weight 256, depends on 0, EXCLUSIVE
Request Start: 0.193 s
DNS Lookup: 58 ms
Initial Connection: 38 ms
Time to First Byte: 183 ms
Content Download: 2 ms
Bytes In (downloaded): 4.6 KB
Uncompressed Size: 27.9 KB
Bytes Out (uploaded): 2.1 KB
Request Headers:
:authority: niklasgarnholz.de
: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="128", "Google Chrome";v="128"
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/128.0.0.0 Safari/537.36 PTST/24.07
Response Headers:
cache-control: no-store
content-encoding: gzip
content-length: 4676
content-type: text/html; charset=UTF-8
date: Mon, 02 Sep 2024 09:32:57 GMT
server: nginx
vary: Accept-Encoding
x-frame-options: SAMEORIGIN
:status: 200
Request 2: https://niklasgarnholz.de/public/style.css
URL: https://niklasgarnholz.de/public/style.css
Host: niklasgarnholz.de
IP: 185.137.168.155
Error/Status Code: 200
Priority: Highest
Protocol: HTTP/2
HTTP/2 Stream: 3, weight 256, depends on 0, EXCLUSIVE
Initiated By: https://niklasgarnholz.de/ line 11
Request Start: 0.395 s
Time to First Byte: 56 ms
Content Download: 2 ms
Bytes In (downloaded): 5.1 KB
Uncompressed Size: 23.6 KB
Bytes Out (uploaded): 1.8 KB
Request Headers:
:authority: niklasgarnholz.de
:method: GET
:path: /public/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://niklasgarnholz.de/
sec-ch-ua: " Not A;Brand";v="99", "Chromium";v="128", "Google Chrome";v="128"
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/128.0.0.0 Safari/537.36 PTST/24.07
Response Headers:
content-encoding: br
content-type: text/css
date: Mon, 02 Sep 2024 09:32:57 GMT
etag: W/"616ecacf-5e3a"
last-modified: Tue, 19 Oct 2021 13:40:31 GMT
server: nginx
vary: Accept-Encoding
:status: 200
Request 3: https://niklasgarnholz.de/public/main.js
URL: https://niklasgarnholz.de/public/main.js
Host: niklasgarnholz.de
IP: 185.137.168.155
Error/Status Code: 200
Priority: Low
Protocol: HTTP/2
HTTP/2 Stream: 5, weight 147, depends on 3, EXCLUSIVE
Initiated By: https://niklasgarnholz.de/ line 405
Request Start: 0.402 s
Time to First Byte: 111 ms
Content Download: 172 ms
Bytes In (downloaded): 86.0 KB
Uncompressed Size: 336.4 KB
Bytes Out (uploaded): 1.7 KB
Request Headers:
:authority: niklasgarnholz.de
:method: GET
:path: /public/main.js
:scheme: https
accept: */*
accept-encoding: gzip, deflate, br, zstd
accept-language: en-US,en;q=0.9
referer: https://niklasgarnholz.de/
sec-ch-ua: " Not A;Brand";v="99", "Chromium";v="128", "Google Chrome";v="128"
sec-ch-ua-mobile: ?0
sec-ch-ua-platform: "Unknown"
sec-fetch-dest: script
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/128.0.0.0 Safari/537.36 PTST/24.07
Response Headers:
content-encoding: br
content-type: application/javascript
date: Mon, 02 Sep 2024 09:32:57 GMT
etag: W/"616ecad1-54186"
last-modified: Tue, 19 Oct 2021 13:40:33 GMT
server: nginx
vary: Accept-Encoding
:status: 200
Request 4: https://niklasgarnholz.de/assets/fonts/sfmono-regular.woff2
URL: https://niklasgarnholz.de/assets/fonts/sfmono-regular.woff2
Host: niklasgarnholz.de
IP: 185.137.168.155
Error/Status Code: 200
Priority: Highest
Protocol: HTTP/2
HTTP/2 Stream: 7, weight 256, depends on 0, EXCLUSIVE
Initiated By: https://niklasgarnholz.de/public/style.css
Request Start: 0.632 s
Time to First Byte: 98 ms
Content Download: 2 ms
Bytes In (downloaded): 16.9 KB
Uncompressed Size: 16.9 KB
Bytes Out (uploaded): 1.9 KB
Request Headers:
:authority: niklasgarnholz.de
:method: GET
:path: /assets/fonts/sfmono-regular.woff2
:scheme: https
accept: */*
accept-encoding: gzip, deflate, br, zstd
accept-language: en-US,en;q=0.9
origin: https://niklasgarnholz.de
priority: u=0
referer: https://niklasgarnholz.de/public/style.css
sec-ch-ua: " Not A;Brand";v="99", "Chromium";v="128", "Google Chrome";v="128"
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/128.0.0.0 Safari/537.36 PTST/24.07
Response Headers:
accept-ranges: bytes
content-length: 17312
content-type: font/woff2
date: Mon, 02 Sep 2024 09:32:57 GMT
etag: "610c4335-43a0"
last-modified: Thu, 05 Aug 2021 19:59:49 GMT
server: nginx
:status: 200
Request 5: https://niklasgarnholz.de/assets/fonts/arson-pro-regular.woff2
URL: https://niklasgarnholz.de/assets/fonts/arson-pro-regular.woff2
Host: niklasgarnholz.de
IP: 185.137.168.155
Error/Status Code: 200
Priority: Highest
Protocol: HTTP/2
HTTP/2 Stream: 9, weight 256, depends on 7, EXCLUSIVE
Initiated By: https://niklasgarnholz.de/public/style.css
Request Start: 0.632 s
Time to First Byte: 70 ms
Content Download: 2 ms
Bytes In (downloaded): 13.6 KB
Uncompressed Size: 13.6 KB
Bytes Out (uploaded): 1.9 KB
Request Headers:
:authority: niklasgarnholz.de
:method: GET
:path: /assets/fonts/arson-pro-regular.woff2
:scheme: https
accept: */*
accept-encoding: gzip, deflate, br, zstd
accept-language: en-US,en;q=0.9
origin: https://niklasgarnholz.de
priority: u=0
referer: https://niklasgarnholz.de/public/style.css
sec-ch-ua: " Not A;Brand";v="99", "Chromium";v="128", "Google Chrome";v="128"
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/128.0.0.0 Safari/537.36 PTST/24.07
Response Headers:
accept-ranges: bytes
content-length: 13936
content-type: font/woff2
date: Mon, 02 Sep 2024 09:32:57 GMT
etag: "610c4335-3670"
last-modified: Thu, 05 Aug 2021 19:59:49 GMT
server: nginx
:status: 200
Request 6: https://niklasgarnholz.de/assets/fonts/arson-pro-bold.woff2
URL: https://niklasgarnholz.de/assets/fonts/arson-pro-bold.woff2
Host: niklasgarnholz.de
IP: 185.137.168.155
Error/Status Code: 200
Priority: Highest
Protocol: HTTP/2
HTTP/2 Stream: 11, weight 256, depends on 9, EXCLUSIVE
Initiated By: https://niklasgarnholz.de/public/style.css
Request Start: 0.632 s
Time to First Byte: 121 ms
Content Download: 2 ms
Bytes In (downloaded): 13.4 KB
Uncompressed Size: 13.4 KB
Bytes Out (uploaded): 1.9 KB
Request Headers:
:authority: niklasgarnholz.de
:method: GET
:path: /assets/fonts/arson-pro-bold.woff2
:scheme: https
accept: */*
accept-encoding: gzip, deflate, br, zstd
accept-language: en-US,en;q=0.9
origin: https://niklasgarnholz.de
priority: u=0
referer: https://niklasgarnholz.de/public/style.css
sec-ch-ua: " Not A;Brand";v="99", "Chromium";v="128", "Google Chrome";v="128"
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/128.0.0.0 Safari/537.36 PTST/24.07
Response Headers:
accept-ranges: bytes
content-length: 13672
content-type: font/woff2
date: Mon, 02 Sep 2024 09:32:57 GMT
etag: "610c4335-3568"
last-modified: Thu, 05 Aug 2021 19:59:49 GMT
server: nginx
:status: 200
Request 7: https://niklasgarnholz.de/assets/img/logo.json
URL: https://niklasgarnholz.de/assets/img/logo.json
Host: niklasgarnholz.de
IP: 185.137.168.155
Error/Status Code: 200
Priority: High
Protocol: HTTP/2
HTTP/2 Stream: 13, weight 220, depends on 0, EXCLUSIVE
Initiated By: https://niklasgarnholz.de/public/main.js line 0 column 110450
Request Start: 0.788 s
Time to First Byte: 46 ms
Content Download: 2 ms
Bytes In (downloaded): 0.7 KB
Uncompressed Size: 3.3 KB
Bytes Out (uploaded): 1.8 KB
Request Headers:
:authority: niklasgarnholz.de
:method: GET
:path: /assets/img/logo.json
:scheme: https
accept: */*
accept-encoding: gzip, deflate, br, zstd
accept-language: en-US,en;q=0.9
priority: u=1, i
referer: https://niklasgarnholz.de/
sec-ch-ua: " Not A;Brand";v="99", "Chromium";v="128", "Google Chrome";v="128"
sec-ch-ua-mobile: ?0
sec-ch-ua-platform: "Unknown"
sec-fetch-dest: empty
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/128.0.0.0 Safari/537.36 PTST/24.07
Response Headers:
content-encoding: br
content-type: application/json
date: Mon, 02 Sep 2024 09:32:57 GMT
etag: W/"616e9a58-d36"
last-modified: Tue, 19 Oct 2021 10:13:44 GMT
server: nginx
vary: Accept-Encoding
:status: 200
Request 8: https://niklasgarnholz.de/media/pages/projects/hochschulfreunde/7b8f3e4f19-1634903158/sketch-hand-768x1029.12-crop-50-50.png
URL: https://niklasgarnholz.de/media/pages/projects/hochschulfreunde/7b8f3e4f19-1634903158/sketch-hand-768x1029.12-crop-50-50.png
Host: niklasgarnholz.de
IP: 185.137.168.155
Error/Status Code: 200
Priority: High
Protocol: HTTP/2
HTTP/2 Stream: 15, weight 147, depends on 13, EXCLUSIVE
Request Start: 0.825 s
Time to First Byte: 161 ms
Content Download: 1559 ms
Bytes In (downloaded): 604.6 KB
Uncompressed Size: 604.6 KB
Bytes Out (uploaded): 2.2 KB
Request Headers:
:authority: niklasgarnholz.de
:method: GET
:path: /media/pages/projects/hochschulfreunde/7b8f3e4f19-1634903158/sketch-hand-768x1029.12-crop-50-50.png
: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: i
referer: https://niklasgarnholz.de/
sec-ch-ua: " Not A;Brand";v="99", "Chromium";v="128", "Google Chrome";v="128"
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/128.0.0.0 Safari/537.36 PTST/24.07
Response Headers:
accept-ranges: bytes
content-length: 619123
content-type: image/png
date: Mon, 02 Sep 2024 09:32:57 GMT
etag: "61757362-97273"
last-modified: Sun, 24 Oct 2021 14:53:22 GMT
server: nginx
:status: 200
Request 9: https://niklasgarnholz.de/media/pages/projects/riod/3dde8e9a85-1628193867/heroimage-768x1029.12-crop-50-50.jpg
URL: https://niklasgarnholz.de/media/pages/projects/riod/3dde8e9a85-1628193867/heroimage-768x1029.12-crop-50-50.jpg
Host: niklasgarnholz.de
IP: 185.137.168.155
Error/Status Code: 200
Priority: High
Protocol: HTTP/2
HTTP/2 Stream: 17, weight 147, depends on 15, EXCLUSIVE
Request Start: 0.827 s
Time to First Byte: 357 ms
Content Download: 1097 ms
Bytes In (downloaded): 269.6 KB
Uncompressed Size: 269.6 KB
Bytes Out (uploaded): 2.1 KB
Request Headers:
:authority: niklasgarnholz.de
:method: GET
:path: /media/pages/projects/riod/3dde8e9a85-1628193867/heroimage-768x1029.12-crop-50-50.jpg
: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: i
referer: https://niklasgarnholz.de/
sec-ch-ua: " Not A;Brand";v="99", "Chromium";v="128", "Google Chrome";v="128"
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/128.0.0.0 Safari/537.36 PTST/24.07
Response Headers:
accept-ranges: bytes
content-length: 276027
content-type: image/jpeg
date: Mon, 02 Sep 2024 09:32:57 GMT
etag: "615ef048-4363b"
last-modified: Thu, 07 Oct 2021 13:04:08 GMT
server: nginx
:status: 200
Request 10: https://niklasgarnholz.de/media/pages/projects/mq/ce33dd6873-1628193908/mockup-anwendung-768x1029.12-crop-38-44.jpg
URL: https://niklasgarnholz.de/media/pages/projects/mq/ce33dd6873-1628193908/mockup-anwendung-768x1029.12-crop-38-44.jpg
Host: niklasgarnholz.de
IP: 185.137.168.155
Error/Status Code: 200
Priority: High
Protocol: HTTP/2
HTTP/2 Stream: 19, weight 220, depends on 13, EXCLUSIVE
Request Start: 0.829 s
Time to First Byte: 356 ms
Content Download: 306 ms
Bytes In (downloaded): 93.3 KB
Uncompressed Size: 93.3 KB
Bytes Out (uploaded): 2.1 KB
Request Headers:
:authority: niklasgarnholz.de
:method: GET
:path: /media/pages/projects/mq/ce33dd6873-1628193908/mockup-anwendung-768x1029.12-crop-38-44.jpg
: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: i
referer: https://niklasgarnholz.de/
sec-ch-ua: " Not A;Brand";v="99", "Chromium";v="128", "Google Chrome";v="128"
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/128.0.0.0 Safari/537.36 PTST/24.07
Response Headers:
accept-ranges: bytes
content-length: 95538
content-type: image/jpeg
date: Mon, 02 Sep 2024 09:32:57 GMT
etag: "615ef061-17532"
last-modified: Thu, 07 Oct 2021 13:04:33 GMT
server: nginx
:status: 200
Request 11: https://niklasgarnholz.de/assets/img/favicon.png
URL: https://niklasgarnholz.de/assets/img/favicon.png
Host: niklasgarnholz.de
IP: 185.137.168.155
Error/Status Code: 200
Priority: High
Protocol: HTTP/2
HTTP/2 Stream: 21, weight 220, depends on 17, EXCLUSIVE
Request Start: 0.834 s
Time to First Byte: 351 ms
Content Download: 464 ms
Bytes In (downloaded): 1.7 KB
Uncompressed Size: 1.7 KB
Bytes Out (uploaded): 1.9 KB
Request Headers:
:authority: niklasgarnholz.de
:method: GET
:path: /assets/img/favicon.png
: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://niklasgarnholz.de/
sec-ch-ua: " Not A;Brand";v="99", "Chromium";v="128", "Google Chrome";v="128"
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/128.0.0.0 Safari/537.36 PTST/24.07
Response Headers:
accept-ranges: bytes
content-length: 1705
content-type: image/png
date: Mon, 02 Sep 2024 09:32:57 GMT
etag: "616e9a58-6a9"
last-modified: Tue, 19 Oct 2021 10:13:44 GMT
server: nginx
:status: 200