- URL: https://johannetzler.com/
- Date: 09/06/24 14:44:43
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 |
|---|---|---|---|---|---|---|---|---|---|---|---|---|
| .497S | 1.400S | 1.441S | 1.429S | 1.441S | .001 | .000S | 2.318S | 14 | 719KB | 2.353S | 14 | 719KB |
Visual Page Loading Process (Explore)
| Navigation Timings | |
|---|---|
| domContentLoadedEvent | loadEvent |
| 1.149s - 1.149s (0s) | 2.217s - 2.217s (0s) |
Custom Metrics Data
- Colordepth
- 24
- Dpi
- {"dppx":1,"dpcm":37.79527559055118,"dpi":96}
- Images
- [{"url":"https://johannetzler.com/media/pages/home/b8f5ddfde3-1611685758/uiuxassets-1440x.jpg","width":572,"height":429,"naturalWidth":1920,"naturalHeight":1440},{"url":"https://johannetzler.com/media/pages/home/8949c03ef5-1611685758/themesforkirby-1440x.jpg","width":572,"height":429,"naturalWidth":1920,"naturalHeight":1440},{"url":"https://johannetzler.com/media/pages/home/350ef91901-1636993818/figkit-1440x.jpg","width":572,"height":429,"naturalWidth":1920,"naturalHeight":1440}]
- Resolution
- {"absolute":{"height":1200,"width":1920},"available":{"height":1200,"width":1920}}
- fonts
- [{"family":"Roboto Mono","display":"swap","status":"unloaded","style":"normal","weight":"400"},{"family":"Roboto Mono","display":"swap","status":"unloaded","style":"normal","weight":"400"},{"family":"Roboto Mono","display":"swap","status":"unloaded","style":"normal","weight":"400"},{"family":"Roboto Mono","display":"swap","status":"unloaded","style":"normal","weight":"400"},{"family":"Roboto Mono","display":"swap","status":"unloaded","style":"normal","weight":"400"},{"family":"Roboto Mono","display":"swap","status":"loaded","style":"normal","weight":"400"},{"family":"Roboto Mono","display":"swap","status":"unloaded","style":"normal","weight":"700"},{"family":"Roboto Mono","display":"swap","status":"unloaded","style":"normal","weight":"700"},{"family":"Roboto Mono","display":"swap","status":"unloaded","style":"normal","weight":"700"},{"family":"Roboto Mono","display":"swap","status":"unloaded","style":"normal","weight":"700"},{"family":"Roboto Mono","display":"swap","status":"unloaded","style":"normal","weight":"700"},{"family":"Roboto Mono","display":"swap","status":"loaded","style":"normal","weight":"700"},{"family":"Inter","display":"swap","status":"unloaded","style":"normal","weight":"400"},{"family":"Inter","display":"swap","status":"unloaded","style":"normal","weight":"400"},{"family":"Inter","display":"swap","status":"unloaded","style":"normal","weight":"400"},{"family":"Inter","display":"swap","status":"unloaded","style":"normal","weight":"400"},{"family":"Inter","display":"swap","status":"unloaded","style":"normal","weight":"400"},{"family":"Inter","display":"swap","status":"unloaded","style":"normal","weight":"400"},{"family":"Inter","display":"swap","status":"unloaded","style":"normal","weight":"400"},{"family":"Inter","display":"swap","status":"unloaded","style":"normal","weight":"700"},{"family":"Inter","display":"swap","status":"unloaded","style":"normal","weight":"700"},{"family":"Inter","display":"swap","status":"unloaded","style":"normal","weight":"700"},{"family":"Inter","display":"swap","status":"unloaded","style":"normal","weight":"700"},{"family":"Inter","display":"swap","status":"unloaded","style":"normal","weight":"700"},{"family":"Inter","display":"swap","status":"unloaded","style":"normal","weight":"700"},{"family":"Inter","display":"swap","status":"loaded","style":"normal","weight":"700"},{"family":"Inter","display":"swap","status":"unloaded","style":"normal","weight":"900"},{"family":"Inter","display":"swap","status":"unloaded","style":"normal","weight":"900"},{"family":"Inter","display":"swap","status":"unloaded","style":"normal","weight":"900"},{"family":"Inter","display":"swap","status":"unloaded","style":"normal","weight":"900"},{"family":"Inter","display":"swap","status":"unloaded","style":"normal","weight":"900"},{"family":"Inter","display":"swap","status":"unloaded","style":"normal","weight":"900"},{"family":"Inter","display":"swap","status":"loaded","style":"normal","weight":"900"}]
- generated-content-percent
- -0.01
- generated-content-size
- -0.00
- imgs-in-viewport
- [{"src":"https:\/\/johannetzler.com\/media\/pages\/home\/b8f5ddfde3-1611685758\/uiuxassets.jpg","html":"<img class=\"full-width border border-img rounded\" loading=\"lazy\" src=\"https:\/\/johannetzler.com\/media\/pages\/home\/b8f5ddfde3-1611685758\/uiuxassets.jpg\" srcset=\"https:\/\/johannetzler.com\/media\/pages\/home\/b8f5ddfde3-1611685758\/uiuxassets-960x.jpg 960w, https:\/\/johannetzler.com\/media\/pages\/home\/b8f5ddfde3-1611685758\/uiuxassets-1440x.jpg 1440w\" width=\"3200\" height=\"2400\" alt=\"UI\/UX Assets\">","currentSrc":"https:\/\/johannetzler.com\/media\/pages\/home\/b8f5ddfde3-1611685758\/uiuxassets-1440x.jpg","srcSet":"https:\/\/johannetzler.com\/media\/pages\/home\/b8f5ddfde3-1611685758\/uiuxassets-960x.jpg 960w, https:\/\/johannetzler.com\/media\/pages\/home\/b8f5ddfde3-1611685758\/uiuxassets-1440x.jpg 1440w","sizes":null,"priority":null,"loading":"lazy","naturalWidth":1920,"naturalHeight":1440}]
- imgs-no-alt
- []
- imgs-out-viewport
- [{"src":"https:\/\/johannetzler.com\/media\/pages\/home\/8949c03ef5-1611685758\/themesforkirby.jpg","html":"<img class=\"full-width border border-img rounded\" loading=\"lazy\" src=\"https:\/\/johannetzler.com\/media\/pages\/home\/8949c03ef5-1611685758\/themesforkirby.jpg\" srcset=\"https:\/\/johannetzler.com\/media\/pages\/home\/8949c03ef5-1611685758\/themesforkirby-960x.jpg 960w, https:\/\/johannetzler.com\/media\/pages\/home\/8949c03ef5-1611685758\/themesforkirby-1440x.jpg 1440w\" width=\"3200\" height=\"2400\" alt=\"Themes for Kirby\">","currentSrc":"https:\/\/johannetzler.com\/media\/pages\/home\/8949c03ef5-1611685758\/themesforkirby-1440x.jpg","srcSet":"https:\/\/johannetzler.com\/media\/pages\/home\/8949c03ef5-1611685758\/themesforkirby-960x.jpg 960w, https:\/\/johannetzler.com\/media\/pages\/home\/8949c03ef5-1611685758\/themesforkirby-1440x.jpg 1440w","sizes":null,"priority":null,"loading":"lazy","naturalWidth":1920,"naturalHeight":1440},{"src":"https:\/\/johannetzler.com\/media\/pages\/home\/350ef91901-1636993818\/figkit.jpg","html":"<img class=\"full-width border border-img rounded\" loading=\"lazy\" src=\"https:\/\/johannetzler.com\/media\/pages\/home\/350ef91901-1636993818\/figkit.jpg\" srcset=\"https:\/\/johannetzler.com\/media\/pages\/home\/350ef91901-1636993818\/figkit-960x.jpg 960w, https:\/\/johannetzler.com\/media\/pages\/home\/350ef91901-1636993818\/figkit-1440x.jpg 1440w\" width=\"3200\" height=\"2400\" alt=\"Figkit\">","currentSrc":"https:\/\/johannetzler.com\/media\/pages\/home\/350ef91901-1636993818\/figkit-1440x.jpg","srcSet":"https:\/\/johannetzler.com\/media\/pages\/home\/350ef91901-1636993818\/figkit-960x.jpg 960w, https:\/\/johannetzler.com\/media\/pages\/home\/350ef91901-1636993818\/figkit-1440x.jpg 1440w","sizes":null,"priority":null,"loading":"lazy","naturalWidth":1920,"naturalHeight":1440}]
- jsLibsVulns
- []
- meta-viewport
- width=device-width,initial-scale=1.0
- possibly-render-blocking-reqs
- ["https:\/\/johannetzler.com\/assets\/build\/js\/main.min.js?ver=1725120018","https:\/\/fonts.googleapis.com\/css2?family=Roboto+Mono:wght@400;700&display=swap","https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;700;900&display=swap","https:\/\/johannetzler.com\/assets\/build\/css\/main.min.css?ver=1725120018","https:\/\/johannetzler.com\/assets\/css\/custom.min.css?ver=1725114939"]
- rendered-html
- <html lang="en"><head> <meta charset="utf-8"> <meta name="author" content="Johan Netzler"> <meta name="viewport" content="width=device-width,initial-scale=1.0"> <title>Johan Netzler - Remote UI/UX Designer & Front-End Developer</title> <meta name="description" content="*I currently live in France 🇫🇷"> <meta property="og:description" content="*I currently live in France 🇫🇷"> <meta property="og:image" content="https://johannetzler.com/media/site/f404613fc6-1636993740/johannetzler-1200x800.jpg"> <meta property="og:site_name" content="Johan Netzler"> <meta property="og:title" content="Johan Netzler - Remote UI/UX Designer & Front-End Developer"> <meta property="og:type" content="website"> <meta property="og:url" content="https://johannetzler.com"> <meta name="twitter:card" content="summary"> <meta name="twitter:creator" content="@jnetzlr"> <meta name="twitter:description" content="*I currently live in France 🇫🇷"> <meta name="twitter:image" content="https://johannetzler.com/media/site/f404613fc6-1636993740/johannetzler-1200x800.jpg"> <meta name="twitter:site" content="@jnetzlr"> <meta name="twitter:title" content="Johan Netzler - Remote UI/UX Designer & Front-End Developer"> <link rel="apple-touch-icon-precomposed" href="https://johannetzler.com/media/site/3145673514-1611685756/icon.png"> <link rel="icon" href="https://johannetzler.com/media/site/3145673514-1611685756/icon.png"> <link rel="shortcut icon" href="https://johannetzler.com/media/site/3145673514-1611685756/icon.png"> <link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin=""> <link href="https://fonts.googleapis.com/css2?family=Roboto+Mono:wght@400;700&display=swap" rel="stylesheet"> <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;700;900&display=swap" rel="stylesheet"> <link href="https://johannetzler.com/assets/build/css/main.min.css?ver=1725120018" rel="stylesheet"> <link href="https://johannetzler.com/assets/css/custom.min.css?ver=1725114939" rel="stylesheet"> <script type="application/ld+json"> { "@context": "https://schema.org", "@graph": [ { "sameAs": [ "https://twitter.com/jnetzlr", "https://www.linkedin.com/in/jnetzlr" ], "@type": "Person", "@id": "https://johannetzler.com/#person", "url": "https://johannetzler.com" }, { "@type": "WebSite", "@id": "https://johannetzler.com/#website", "name": "Johan Netzler", "url": "https://johannetzler.com", "publisher": { "@id": "https://johannetzler.com/#person" } }, { "@type": "ImageObject", "@id": "https://johannetzler.com/#primaryimage", "url": "https://johannetzler.com/media/site/f404613fc6-1636993740/johannetzler-1200x800.jpg" }, { "@type": "WebPage", "@id": "https://johannetzler.com/#webpage", "url": "https://johannetzler.com", "inLanguage": "en", "name": "Johan Netzler - Remote UI/UX Designer & Front-End Developer", "isPartOf": { "@id": "https://johannetzler.com/#website" }, "about": { "@id": "https://johannetzler.com/#person" }, "primaryImageOfPage": { "@id": "https://johannetzler.com/#primaryimage" }, "description": "*I currently live in France 🇫🇷", "datePublished": "2020-03-13", "dateModified": "2022-10-21T18:13:38+00:00" } ] } </script> <style>/* inner styles set by WPT to match CSSOM */.preload a, .preload .header-main .header-controls label.switch::after, .preload .header-main .header-controls label.switch::before, .preload label.switch::after, .preload label.switch::before, .transition-none *, .transition-none ::after, .transition-none ::before { transition: none !important; }.js-not-ready .js-animation { animation: auto ease 0s 1 normal none running none !important; }.js-animation.js-loading { animation-play-state: paused !important; }main.bg-color-custom { background: rgb(255, 233, 185); }</style> <!-- Global site tag (gtag.js) - Google Analytics --> <script async="" src="https://www.googletagmanager.com/gtag/js?id=G-T0CS8NGM2P"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-T0CS8NGM2P'); </script> </head> <body class="primary-white page js-ready"> <script> document.body.classList.remove('js-not-ready'); document.body.classList.add('js-ready'); setTimeout(function() { document.body.classList.remove('preload'); }, 100); </script> <script> if (localStorage.getItem('johan-netzler-appearance') === 'true') { document.body.classList.toggle('dark'); } </script> <header class="align-right header-main"> <nav class="padding"> <div class="max-width-lg"> <a href="https://johannetzler.com" class="float-left logo" rel="home"> Johan Netzler </a> <a class="header-toggle"> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20"><path d="M19 15a1 1 0 010 2H1a1 1 0 010-2h18zm0-6a1 1 0 010 2H1a1 1 0 010-2h18zm0-6a1 1 0 010 2H1a1 1 0 110-2h18z" fill="currentColor"></path></svg> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20"><path d="M4.623 3.278L10 8.656l5.377-5.378a.95.95 0 111.345 1.345L11.344 10l5.378 5.377a.95.95 0 11-1.345 1.345L10 11.344l-5.377 5.378a.95.95 0 01-1.345-1.345L8.656 10 3.278 4.623a.95.95 0 011.345-1.345z" fill="currentColor"></path></svg> </a> <div class="header-space"></div> <ul class="header-listed"> <li class="active"><a aria-current="page" href="https://johannetzler.com">Home</a></li> <li><a href="https://johannetzler.com/code">Code</a></li> <li><a href="https://johannetzler.com/work">Work</a></li> </ul> <ul class="header-social header-space-reduced"> <li class="icon-twitter"><a href="https://twitter.com/jnetzlr" target="_blank" rel="noopener noreferrer"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="18" height="40" viewBox="0 0 18 15"><path d="M16.15 3.738c.011.164.011.329.011.492C16.161 9.234 12.449 15 5.665 15c-2.09 0-4.032-.621-5.665-1.699.297.035.583.047.89.047a7.27 7.27 0 004.58-1.618c-1.577-.03-2.963-1.084-3.448-2.625.23.037.463.057.696.059.331 0 .663-.047.97-.13C1.968 8.678.73 7.125.732 5.32v-.047a3.644 3.644 0 001.668.48A3.81 3.81 0 01.754 2.602c0-.703.183-1.347.502-1.91C3.13 3.058 5.895 4.497 8.863 4.652a4.388 4.388 0 01-.092-.867C8.771 1.7 10.416 0 12.461 0c1.062 0 2.021.457 2.695 1.195a7.152 7.152 0 002.342-.914 3.759 3.759 0 01-1.622 2.086A7.257 7.257 0 0018 1.781a8.046 8.046 0 01-1.85 1.957z" fill="currentColor"></path></svg><span class="name-hidden">Twitter</span></a></li> <li class="icon-linkedin"><a href="https://www.linkedin.com/in/jnetzlr" target="_blank" rel="noopener noreferrer"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="40" viewBox="0 0 16 16"><path d="M13 0a3 3 0 013 3v10a3 3 0 01-3 3H3a3 3 0 01-3-3V3a3 3 0 013-3h10zM4.84 6.079H2.463v7.635H4.84V6.08zm6.039-.19c-1.154 0-1.929.632-2.247 1.232H8.6V6.08H6.325v7.635h2.371V9.936c0-.997.19-1.961 1.425-1.961 1.215 0 1.233 1.14 1.233 2.025v3.714h2.371V9.53c0-2.058-.446-3.64-2.846-3.64zM3.65 2.286a1.376 1.376 0 10.001 2.75 1.376 1.376 0 00-.001-2.75z" fill="currentColor"></path></svg><span class="name-hidden">LinkedIn</span></a></li> </ul> <ul class="header-controls"> <li class="form"> <form class="form-group"> <input id="switch-appearance-checkbox" class="switch switch-appearance-checkbox" type="checkbox"> <label for="switch-appearance-checkbox" class="switch switch-appearance"></label> <script> if (localStorage.getItem('johan-netzler-appearance') === 'true') { document.getElementById('switch-appearance-checkbox').checked = true; } var el = document.querySelector('.switch-appearance'); if (el) { el.addEventListener('click', function() { document.body.classList.toggle('dark'); document.body.classList.toggle('transition-none'); setTimeout(function() { document.body.classList.remove('transition-none'); }, 100); }); } var switchAppearance = document.querySelector('.switch-appearance-checkbox'); if (switchAppearance) { switchAppearance.addEventListener('change', function() { localStorage.setItem('johan-netzler-appearance', switchAppearance.checked.toString()); }); } </script> </form> </li> </ul> </div> </nav> </header> <main class="bg-color-custom page-home header-default"> <section class="hero padding bg-none full-screen"> <div class="bg-svg bg-svg-position-right bg-svg-position-bottom"><svg width="1440" height="900" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd" fill-opacity=".04"><path d="M1440,0 C1239.70907,96 1155.13869,212.333333 1186.28885,349 C1233.01411,554 1440,900 1440,900 L1440,0 Z" fill="currentColor"></path><circle fill="currentColor" cx="150" cy="710" r="70"></circle><circle fill="currentColor" cx="440" cy="230" r="40"></circle></g></svg></div> <div class="max-width-lg"> <div class="align-center max-width-md space-bottom space-hero space-top"> <h1 class="title-fill-none title-h1">I’m Johan – a remote designer, front-end developer and maker from Sweden 🇸🇪*</h1> <div class="paragraph-2x">*I currently live in France 🇫🇷</div> </div> </div> </section> <section class="blocks blocks-content blocks-1 padding padding-top-none"> <div class="row row-gutter-lg row-one-column--lg max-width-lg"> <div class="col-1-2 align-middle"> <div class="align-left block-1-1-1 block-count-3 block-type-heading"> <h2 class="title-fill-none title-h2">UI/UX Assets</h2> </div> <div class="align-left block-1-1-2 block-count-3 block-type-text"> <div class="paragraph"> <p>UI/UX Assets is a marketplace with curated design assets, resources and tools for user interface and user experience designers. We work to create the highest quality assets, both free and premium ranging from UI kits, wireframe kits and HTML templates for industry-standard design tools such as Sketch, Figma and more.</p> </div> </div> <div class="align-left block-1-1-3 block-count-3 block-type-button"> <a href="https://uiuxassets.com" class="button button-style-tertiary" role="button" target="_blank" rel="noopener noreferrer">Visit uiuxassets.com<span class="icon-external-link"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="24" viewBox="0 0 16 16"><path d="M14 14H2V2h5V0H2a2 2 0 00-2 2v12a2 2 0 002 2h12c1.1 0 2-.9 2-2V9h-2v5zM9 0v2h3.59L4.76 9.83l1.41 1.41L14 3.41V7h2V0H9z" fill="currentColor"></path></svg></span></a> </div> </div> <div class="col-1-2 align-middle"> <div class="align-left block-1-2-1 block-count-1 block-type-image"> <img class="full-width border border-img rounded" loading="lazy" src="https://johannetzler.com/media/pages/home/b8f5ddfde3-1611685758/uiuxassets.jpg" srcset="https://johannetzler.com/media/pages/home/b8f5ddfde3-1611685758/uiuxassets-960x.jpg 960w, https://johannetzler.com/media/pages/home/b8f5ddfde3-1611685758/uiuxassets-1440x.jpg 1440w" width="3200" height="2400" alt="UI/UX Assets"> </div> </div> </div> </section> <section class="blocks blocks-content blocks-2 padding"> <div class="row row-gutter-lg row-one-column--lg row-reverse max-width-lg"> <div class="col-1-2 align-middle"> <div class="align-left block-2-1-1 block-count-1 block-type-image"> <img class="full-width border border-img rounded" loading="lazy" src="https://johannetzler.com/media/pages/home/8949c03ef5-1611685758/themesforkirby.jpg" srcset="https://johannetzler.com/media/pages/home/8949c03ef5-1611685758/themesforkirby-960x.jpg 960w, https://johannetzler.com/media/pages/home/8949c03ef5-1611685758/themesforkirby-1440x.jpg 1440w" width="3200" height="2400" alt="Themes for Kirby"> </div> </div> <div class="col-1-2 align-middle"> <div class="align-left block-2-2-1 block-count-3 block-type-heading"> <h2 class="title-fill-none title-h2">Themes for Kirby</h2> </div> <div class="align-left block-2-2-2 block-count-3 block-type-text"> <div class="paragraph"> <p>Themes for Kirby is a marketplace with Kirby themes. If you are new to Kirby, it's a CMS like WordPress but with a very minimal approach to design. There is no database, just some files that you drag and drop on your server. Every theme is built from scratch, no need to code, all content and customisations are made from a simple admin panel.</p> </div> </div> <div class="align-left block-2-2-3 block-count-3 block-type-button"> <a href="https://themesforkirby.com" class="button button-style-tertiary" role="button" target="_blank" rel="noopener noreferrer">Visit themesforkirby.com<span class="icon-external-link"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="24" viewBox="0 0 16 16"><path d="M14 14H2V2h5V0H2a2 2 0 00-2 2v12a2 2 0 002 2h12c1.1 0 2-.9 2-2V9h-2v5zM9 0v2h3.59L4.76 9.83l1.41 1.41L14 3.41V7h2V0H9z" fill="currentColor"></path></svg></span></a> </div> </div> </div> </section> <section class="blocks blocks-content blocks-3 padding"> <div class="row row-gutter-lg row-one-column--lg max-width-lg"> <div class="col-1-2 align-middle"> <div class="align-left block-3-1-1 block-count-4 block-type-heading"> <h2 class="title-fill-none title-h2">Figkit</h2> </div> <div class="align-left block-3-1-2 block-count-4 block-type-text"> <div class="paragraph"> <p>Figkit is a wireframe library for Figma to communicate and design great user interfaces for desktop and mobile. It was created to help you:</p> </div> </div> <div class="align-left block-3-1-3 block-count-4 block-type-list"> <div class="paragraph"> <ul><li>Get the <strong>design</strong> / <strong>layout</strong> / <strong>UX</strong> just right.</li><li>Spend less time pushing pixels and more time on determine the most important problem to solve.</li><li>Figure out in broad strokes how to solve it with a collection of components for Figma.</li></ul> </div> </div> <div class="align-left block-3-1-4 block-count-4 block-type-button"> <a href="https://figkit.com" class="button button-style-tertiary" role="button" target="_blank" rel="noopener noreferrer">Visit figkit.com<span class="icon-external-link"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="24" viewBox="0 0 16 16"><path d="M14 14H2V2h5V0H2a2 2 0 00-2 2v12a2 2 0 002 2h12c1.1 0 2-.9 2-2V9h-2v5zM9 0v2h3.59L4.76 9.83l1.41 1.41L14 3.41V7h2V0H9z" fill="currentColor"></path></svg></span></a> </div> </div> <div class="col-1-2 align-middle"> <div class="align-left block-3-2-1 block-count-1 block-type-image"> <img class="full-width border border-img rounded" loading="lazy" src="https://johannetzler.com/media/pages/home/350ef91901-1636993818/figkit.jpg" srcset="https://johannetzler.com/media/pages/home/350ef91901-1636993818/figkit-960x.jpg 960w, https://johannetzler.com/media/pages/home/350ef91901-1636993818/figkit-1440x.jpg 1440w" width="3200" height="2400" alt="Figkit"> </div> </div> </div> </section> <div class="display-inline-block full-width padding"> <section class="bg-color-white border blocks blocks-content blocks-4 padding max-width-lg rounded"> <div class="row row-gutter-lg row-one-column--lg max-width-lg"> <div class="col-2-3 align-middle"> <div class="align-center--lg block-4-1-1 block-count-1 block-type-heading"> <h3 class="title-fill-none title-h2">I'm currently learning how to code 👨💻</h3> </div> </div> <div class="col-1-3 align-middle"> <div class="align-left block-4-2-1 block-count-1 block-type-button"> <a href="https://johannetzler.com/code" class="button button-style-primary full-width" role="button">Follow My Journey</a> </div> </div> </div> </section> </div> </main> <footer class="bg-none border-top footer padding"> <div class="row row-one-column--lg max-width-lg align-center--lg"> <div class="col-2-3"> <div class="row row-one-column--lg"> <div class="col-1-3"> <h4 class="space-bottom-075x title-h5">About</h4> <ul class="list list-style-none space-none"> <li><a href="https://johannetzler.com/code">Code</a></li> <li><a href="https://johannetzler.com/work">Work</a></li> <li><a href="https://johannetzler.com/hire-me">Hire Me</a></li> <li><a href="https://johannetzler.com/cv">CV</a></li> </ul> </div> <div class="col-1-3"> <h4 class="space-bottom-075x title-h5">Products</h4> <ul class="list list-style-none space-none"> <li><a href="https://uiuxassets.com" target="_blank" rel="noopener noreferrer">UI/UX Assets<span class="icon-external-link"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="12" height="28" viewBox="0 0 12 12"><path d="M10 10H2V2h1V0H2a2 2 0 00-2 2v8a2 2 0 002 2h8c1.1 0 2-.9 2-2V9h-2v1zM5 0v2h3.59L3.76 6.83l1.41 1.41L10 3.41V7h2V0H5z" fill="currentColor"></path></svg></span></a></li> <li><a href="https://themesforkirby.com" target="_blank" rel="noopener noreferrer">Themes for Kirby<span class="icon-external-link"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="12" height="28" viewBox="0 0 12 12"><path d="M10 10H2V2h1V0H2a2 2 0 00-2 2v8a2 2 0 002 2h8c1.1 0 2-.9 2-2V9h-2v1zM5 0v2h3.59L3.76 6.83l1.41 1.41L10 3.41V7h2V0H5z" fill="currentColor"></path></svg></span></a></li> <li><a href="https://figkit.com" target="_blank" rel="noopener noreferrer">Figkit<span class="icon-external-link"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="12" height="28" viewBox="0 0 12 12"><path d="M10 10H2V2h1V0H2a2 2 0 00-2 2v8a2 2 0 002 2h8c1.1 0 2-.9 2-2V9h-2v1zM5 0v2h3.59L3.76 6.83l1.41 1.41L10 3.41V7h2V0H5z" fill="currentColor"></path></svg></span></a></li> </ul> </div> </div> </div> <div class="col-1-3"> <h4 class="space-bottom-05x title-h4">Join my email list:</h4> <p class="paragraph space-top-none">Whenever I have something newsworthy to share, you'll be the first to know.</p> <!-- Begin Mailchimp Signup Form --> <div id="mc_embed_signup"><form action="https://johannetzler.us15.list-manage.com/subscribe/post?u=1d95b1d272cd10b8a13177ae1&id=79eaf9c26f" class="form validate" id="mc-embedded-subscribe-form" method="post" name="mc-embedded-subscribe-form" target="_blank" novalidate=""><div id="mc_embed_signup_scroll"><div class="mc-field-group"><input id="mce-FNAME" class="required" name="FNAME" placeholder="First name..." type="text" value=""></div><div class="mc-field-group space-top-1x"><input id="mce-EMAIL" class="email required" name="EMAIL" placeholder="Email..." type="email" value=""></div><div id="mce-responses" class="clear"><div id="mce-error-response" class="response" style="display:none"></div><div id="mce-success-response" class="response" style="display:none"></div></div><!-- real people should not fill this in and expect good things - do not remove this or risk form bot signups--><div style="left:-5000px;position:absolute" aria-hidden="true"><input name="b_1d95b1d272cd10b8a13177ae1_79eaf9c26f" tabindex="-1" type="text" value=""></div><div class="clear"><input id="mc-embedded-subscribe" class="button button-style-primary full-width space-top-1x" name="subscribe" type="submit" value="Subscribe"></div></div></form></div> <!--End mc_embed_signup--> </div> </div> <div class="row row-one-column--lg footer-bottom max-width-lg align-center--lg space-top"> <div class="col-1-3 align-middle"> <ul class="footer-social"> <li class="icon-twitter"><a href="https://twitter.com/jnetzlr" target="_blank" rel="noopener noreferrer"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="18" height="24" viewBox="0 0 18 15"><path d="M16.15 3.738c.011.164.011.329.011.492C16.161 9.234 12.449 15 5.665 15c-2.09 0-4.032-.621-5.665-1.699.297.035.583.047.89.047a7.27 7.27 0 004.58-1.618c-1.577-.03-2.963-1.084-3.448-2.625.23.037.463.057.696.059.331 0 .663-.047.97-.13C1.968 8.678.73 7.125.732 5.32v-.047a3.644 3.644 0 001.668.48A3.81 3.81 0 01.754 2.602c0-.703.183-1.347.502-1.91C3.13 3.058 5.895 4.497 8.863 4.652a4.388 4.388 0 01-.092-.867C8.771 1.7 10.416 0 12.461 0c1.062 0 2.021.457 2.695 1.195a7.152 7.152 0 002.342-.914 3.759 3.759 0 01-1.622 2.086A7.257 7.257 0 0018 1.781a8.046 8.046 0 01-1.85 1.957z" fill="currentColor"></path></svg><span class="name-hidden">Twitter</span></a></li> <li class="icon-linkedin"><a href="https://www.linkedin.com/in/jnetzlr" target="_blank" rel="noopener noreferrer"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="24" viewBox="0 0 16 16"><path d="M13 0a3 3 0 013 3v10a3 3 0 01-3 3H3a3 3 0 01-3-3V3a3 3 0 013-3h10zM4.84 6.079H2.463v7.635H4.84V6.08zm6.039-.19c-1.154 0-1.929.632-2.247 1.232H8.6V6.08H6.325v7.635h2.371V9.936c0-.997.19-1.961 1.425-1.961 1.215 0 1.233 1.14 1.233 2.025v3.714h2.371V9.53c0-2.058-.446-3.64-2.846-3.64zM3.65 2.286a1.376 1.376 0 10.001 2.75 1.376 1.376 0 00-.001-2.75z" fill="currentColor"></path></svg><span class="name-hidden">LinkedIn</span></a></li> </ul> </div> <div class="col-2-3 muted align-middle align-center--lg align-right"> <p class="footer-copyright">© 2024 <a href="https://johannetzler.com">Johan Netzler</a>. Powered by <a href="https://themesforkirby.com/" target="_blank" rel="noopener noreferrer">Themes for Kirby</a>.</p> </div> </div> </footer> <script src="https://johannetzler.com/assets/build/js/main.min.js?ver=1725120018"></script> <script> // Make sure to close the mobile menu if the menu is open and you resize the window var elem = document.querySelector('.header-main'); if (elem) { window.addEventListener('resize', function() { if (window.innerWidth > 480) { document.querySelector('.page').classList.remove('no-scroll'); document.querySelector('.header-main').classList.remove('active'); } }); } </script> </body></html>
- securityHeaders
- {"securityHeadersList":["x-content-type-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://johannetzler.com/ | text/html | Highest | 0.317 s | 65 ms | 112 ms | 138 ms | 180 ms | 3 ms | 5.8 KB | 5 ms | 200 | 143.198.166.135 |
| 2 | https://johannetzler...n.css?ver=1725120018 | text/css | Highest | 0.543 s | - | - | - | 261 ms | 7 ms | 17.2 KB | - | 200 | 143.198.166.135 |
| 3 | https://johannetzler...n.css?ver=1725114939 | text/css | Highest | 0.544 s | - | - | - | 126 ms | 1 ms | 2.2 KB | - | 200 | 143.198.166.135 |
| 4 | https://johannetzler...in.js?ver=1725120018 | text/javascript | High | 0.545 s | - | - | - | 150 ms | 3 ms | 14.0 KB | 4 ms | 200 | 143.198.166.135 |
| 5 | https://fonts.google...400;700&display=swap | text/css | Highest | 0.659 s | 33 ms | 30 ms | 68 ms | 59 ms | 4 ms | 0.8 KB | - | 200 | 172.217.18.10 |
| 6 | https://fonts.google...700;900&display=swap | text/css | Highest | 0.66 s | - | - | - | 95 ms | 2 ms | 0.9 KB | - | 200 | 172.217.18.10 |
| 7 | https://www.googleta...g/js?id=G-T0CS8NGM2P | application/javascript | Low | 0.91 s | 50 ms | 30 ms | 67 ms | 53 ms | 168 ms | 94.8 KB | 138 ms | 200 | 142.250.185.136 |
| 8 | https://johannetzler...uiuxassets-1440x.jpg | image/jpeg | High | 1.179 s | - | - | - | 172 ms | 604 ms | 254.4 KB | - | 200 | 143.198.166.135 |
| 9 | https://johannetzler...esforkirby-1440x.jpg | image/jpeg | Low | 1.182 s | - | - | - | 318 ms | 710 ms | 175.0 KB | - | 200 | 143.198.166.135 |
| 10 | https://johannetzler...818/figkit-1440x.jpg | image/jpeg | Low | 1.186 s | - | - | - | 403 ms | 749 ms | 77.9 KB | - | 200 | 143.198.166.135 |
| 11 | https://fonts.gstati...MxCp50SjIa1ZL7.woff2 | font/woff2 | Highest | 1.188 s | 31 ms | 52 ms | 73 ms | 49 ms | 84 ms | 47.3 KB | - | 200 | 216.58.212.131 |
| 12 | https://fonts.gstati...T5Ese6hmHSh0mQ.woff2 | font/woff2 | Highest | 1.189 s | - | - | - | 218 ms | 39 ms | 22.2 KB | - | 200 | 216.58.212.131 |
| 13 | https://www.google-a..._ss=1&_ee=1&tfd=1347 | text/plain | High | 1.575 s | 111 ms | 46 ms | 72 ms | 50 ms | - | - | - | 204 | 172.217.16.206 |
| 14 | https://johannetzler...-1611685756/icon.png | image/png | High | 2.225 s | - | - | - | 125 ms | 3 ms | 6.7 KB | - | 200 | 143.198.166.135 |
Request Headers
Request 1: https://johannetzler.com/
URL: https://johannetzler.com/
Host: johannetzler.com
IP: 143.198.166.135
Error/Status Code: 200
Priority: Highest
Protocol: HTTP/2
HTTP/2 Stream: 1, weight 256, depends on 0, EXCLUSIVE
Initiated By: https://johannetzler.com/
Request Start: 0.317 s
DNS Lookup: 65 ms
Initial Connection: 112 ms
Time to First Byte: 180 ms
Content Download: 3 ms
Bytes In (downloaded): 5.8 KB
Uncompressed Size: 28.8 KB
Bytes Out (uploaded): 2.1 KB
Request Headers:
:authority: johannetzler.com
: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.09
Response Headers:
content-encoding: gzip
content-length: 5973
content-type: text/html; charset=UTF-8
date: Fri, 06 Sep 2024 14:43:54 GMT
server: nginx
vary: Accept-Encoding
x-content-type-options: nosniff
:status: 200
Request 2: https://johannetzler.com/assets/build/css/main.min.css?ver=1725120018
URL: https://johannetzler.com/assets/build/css/main.min.css?ver=1725120018
Host: johannetzler.com
IP: 143.198.166.135
Error/Status Code: 200
Priority: Highest
Protocol: HTTP/2
HTTP/2 Stream: 3, weight 256, depends on 0, EXCLUSIVE
Initiated By: https://johannetzler.com/ line 27
Request Start: 0.543 s
Time to First Byte: 261 ms
Content Download: 7 ms
Bytes In (downloaded): 17.2 KB
Uncompressed Size: 191.5 KB
Bytes Out (uploaded): 1.9 KB
Request Headers:
:authority: johannetzler.com
:method: GET
:path: /assets/build/css/main.min.css?ver=1725120018
: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://johannetzler.com/
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.09
Response Headers:
accept-ranges: bytes
cache-control: max-age=604800, public
content-encoding: gzip
content-length: 17630
content-type: text/css
date: Fri, 06 Sep 2024 14:43:55 GMT
etag: "2fe16-620fccdde2880-gzip"
last-modified: Sat, 31 Aug 2024 16:00:18 GMT
server: nginx
vary: Accept-Encoding
x-content-type-options: nosniff
:status: 200
Request 3: https://johannetzler.com/assets/css/custom.min.css?ver=1725114939
URL: https://johannetzler.com/assets/css/custom.min.css?ver=1725114939
Host: johannetzler.com
IP: 143.198.166.135
Error/Status Code: 200
Priority: Highest
Protocol: HTTP/2
HTTP/2 Stream: 5, weight 256, depends on 3, EXCLUSIVE
Initiated By: https://johannetzler.com/ line 28
Request Start: 0.544 s
Time to First Byte: 126 ms
Content Download: 1 ms
Bytes In (downloaded): 2.2 KB
Uncompressed Size: 12.1 KB
Bytes Out (uploaded): 1.8 KB
Request Headers:
:authority: johannetzler.com
:method: GET
:path: /assets/css/custom.min.css?ver=1725114939
: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://johannetzler.com/
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.09
Response Headers:
accept-ranges: bytes
cache-control: max-age=604800, public
content-encoding: gzip
content-length: 2220
content-type: text/css
date: Fri, 06 Sep 2024 14:43:55 GMT
etag: "308f-620fb9f2eca6e-gzip"
last-modified: Sat, 31 Aug 2024 14:35:39 GMT
server: nginx
vary: Accept-Encoding
x-content-type-options: nosniff
:status: 200
Request 4: https://johannetzler.com/assets/build/js/main.min.js?ver=1725120018
URL: https://johannetzler.com/assets/build/js/main.min.js?ver=1725120018
Host: johannetzler.com
IP: 143.198.166.135
Error/Status Code: 200
Priority: High
Protocol: HTTP/2
HTTP/2 Stream: 7, weight 220, depends on 5, EXCLUSIVE
Initiated By: https://johannetzler.com/ line 606
Request Start: 0.545 s
Time to First Byte: 150 ms
Content Download: 3 ms
Bytes In (downloaded): 14.0 KB
Uncompressed Size: 55.8 KB
Bytes Out (uploaded): 1.8 KB
Request Headers:
:authority: johannetzler.com
:method: GET
:path: /assets/build/js/main.min.js?ver=1725120018
:scheme: https
accept: */*
accept-encoding: gzip, deflate, br, zstd
accept-language: en-US,en;q=0.9
priority: u=1
referer: https://johannetzler.com/
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.09
Response Headers:
accept-ranges: bytes
cache-control: max-age=604800, public
content-encoding: gzip
content-length: 14356
content-type: text/javascript
date: Fri, 06 Sep 2024 14:43:55 GMT
etag: "df34-620fccdde2880-gzip"
last-modified: Sat, 31 Aug 2024 16:00:18 GMT
server: nginx
vary: Accept-Encoding
x-content-type-options: nosniff
:status: 200
Request 5: https://fonts.googleapis.com/css2?family=Roboto+Mono:wght@400;700&display=swap
URL: https://fonts.googleapis.com/css2?family=Roboto+Mono:wght@400;700&display=swap
Host: fonts.googleapis.com
IP: 172.217.18.10
Error/Status Code: 200
Priority: Highest
Protocol: HTTP/2
HTTP/2 Stream: 1, weight 256, depends on 0, EXCLUSIVE
Initiated By: https://johannetzler.com/ line 25
Request Start: 0.659 s
DNS Lookup: 33 ms
Initial Connection: 30 ms
Time to First Byte: 59 ms
Content Download: 4 ms
Bytes In (downloaded): 0.8 KB
Uncompressed Size: 4.6 KB
Bytes Out (uploaded): 2.0 KB
Request Headers:
:authority: fonts.googleapis.com
:method: GET
:path: /css2?family=Roboto+Mono:wght@400;700&display=swap
: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://johannetzler.com/
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: cross-site
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.09
x-client-data: CJjeygE=
Response Headers:
access-control-allow-origin: *
cache-control: private, max-age=86400, stale-while-revalidate=604800
content-encoding: gzip
content-type: text/css; charset=utf-8
cross-origin-opener-policy: same-origin-allow-popups
cross-origin-resource-policy: cross-origin
date: Fri, 06 Sep 2024 14:43:55 GMT
expires: Fri, 06 Sep 2024 14:43:55 GMT
last-modified: Fri, 06 Sep 2024 14:28:17 GMT
link: <https://fonts.gstatic.com>; rel=preconnect; crossorigin
server: ESF
strict-transport-security: max-age=31536000
timing-allow-origin: *
x-content-type-options: nosniff
x-frame-options: SAMEORIGIN
x-xss-protection: 0
:status: 200
Request 6: https://fonts.googleapis.com/css2?family=Inter:wght@400;700;900&display=swap
URL: https://fonts.googleapis.com/css2?family=Inter:wght@400;700;900&display=swap
Host: fonts.googleapis.com
IP: 172.217.18.10
Error/Status Code: 200
Priority: Highest
Protocol: HTTP/2
HTTP/2 Stream: 3, weight 256, depends on 1, EXCLUSIVE
Initiated By: https://johannetzler.com/ line 26
Request Start: 0.660 s
Time to First Byte: 95 ms
Content Download: 2 ms
Bytes In (downloaded): 0.9 KB
Uncompressed Size: 7.1 KB
Bytes Out (uploaded): 2.0 KB
Request Headers:
:authority: fonts.googleapis.com
:method: GET
:path: /css2?family=Inter:wght@400;700;900&display=swap
: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://johannetzler.com/
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: cross-site
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.09
x-client-data: CJjeygE=
Response Headers:
access-control-allow-origin: *
cache-control: private, max-age=86400, stale-while-revalidate=604800
content-encoding: gzip
content-type: text/css; charset=utf-8
cross-origin-opener-policy: same-origin-allow-popups
cross-origin-resource-policy: cross-origin
date: Fri, 06 Sep 2024 14:43:55 GMT
expires: Fri, 06 Sep 2024 14:43:55 GMT
last-modified: Fri, 06 Sep 2024 14:12:29 GMT
link: <https://fonts.gstatic.com>; rel=preconnect; crossorigin
server: ESF
strict-transport-security: max-age=31536000
timing-allow-origin: *
x-content-type-options: nosniff
x-frame-options: SAMEORIGIN
x-xss-protection: 0
:status: 200
Request 7: https://www.googletagmanager.com/gtag/js?id=G-T0CS8NGM2P
URL: https://www.googletagmanager.com/gtag/js?id=G-T0CS8NGM2P
Host: www.googletagmanager.com
IP: 142.250.185.136
Error/Status Code: 200
Priority: Low
Protocol: HTTP/2
HTTP/2 Stream: 1, weight 147, depends on 0, EXCLUSIVE
Initiated By: https://johannetzler.com/ line 87
Request Start: 0.910 s
DNS Lookup: 50 ms
Initial Connection: 30 ms
Time to First Byte: 53 ms
Content Download: 168 ms
Bytes In (downloaded): 94.8 KB
Uncompressed Size: 275.3 KB
Bytes Out (uploaded): 1.7 KB
Request Headers:
:authority: www.googletagmanager.com
:method: GET
:path: /gtag/js?id=G-T0CS8NGM2P
:scheme: https
accept: */*
accept-encoding: gzip, deflate, br, zstd
accept-language: en-US,en;q=0.9
referer: https://johannetzler.com/
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: cross-site
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.09
Response Headers:
access-control-allow-credentials: true
access-control-allow-headers: Cache-Control
access-control-allow-origin: *
cache-control: private, max-age=900
content-encoding: br
content-length: 97040
content-type: application/javascript; charset=UTF-8
cross-origin-resource-policy: cross-origin
date: Fri, 06 Sep 2024 14:43:55 GMT
expires: Fri, 06 Sep 2024 14:43:55 GMT
server: Google Tag Manager
strict-transport-security: max-age=31536000; includeSubDomains
vary: Accept-Encoding
x-xss-protection: 0
:status: 200
Request 8: https://johannetzler.com/media/pages/home/b8f5ddfde3-1611685758/uiuxassets-1440x.jpg
URL: https://johannetzler.com/media/pages/home/b8f5ddfde3-1611685758/uiuxassets-1440x.jpg
Host: johannetzler.com
IP: 143.198.166.135
Error/Status Code: 200
Priority: High
Protocol: HTTP/2
HTTP/2 Stream: 9, weight 147, depends on 0, EXCLUSIVE
Initiated By: https://johannetzler.com/ line 623
Request Start: 1.179 s
Time to First Byte: 172 ms
Content Download: 604 ms
Bytes In (downloaded): 254.4 KB
Uncompressed Size: 254.4 KB
Bytes Out (uploaded): 2.0 KB
Request Headers:
:authority: johannetzler.com
:method: GET
:path: /media/pages/home/b8f5ddfde3-1611685758/uiuxassets-1440x.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://johannetzler.com/
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.09
Response Headers:
accept-ranges: bytes
cache-control: max-age=604800, public
content-length: 260536
content-type: image/jpeg
date: Fri, 06 Sep 2024 14:43:55 GMT
etag: "3f9b8-5ed53190167ad"
last-modified: Sun, 13 Nov 2022 05:07:21 GMT
server: nginx
x-content-type-options: nosniff
:status: 200
Request 9: https://johannetzler.com/media/pages/home/8949c03ef5-1611685758/themesforkirby-1440x.jpg
URL: https://johannetzler.com/media/pages/home/8949c03ef5-1611685758/themesforkirby-1440x.jpg
Host: johannetzler.com
IP: 143.198.166.135
Error/Status Code: 200
Priority: Low
Protocol: HTTP/2
HTTP/2 Stream: 11, weight 147, depends on 9, EXCLUSIVE
Initiated By: https://johannetzler.com/ line 623
Request Start: 1.182 s
Time to First Byte: 318 ms
Content Download: 710 ms
Bytes In (downloaded): 175.0 KB
Uncompressed Size: 175.0 KB
Bytes Out (uploaded): 2.0 KB
Request Headers:
:authority: johannetzler.com
:method: GET
:path: /media/pages/home/8949c03ef5-1611685758/themesforkirby-1440x.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://johannetzler.com/
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.09
Response Headers:
accept-ranges: bytes
cache-control: max-age=604800, public
content-length: 179239
content-type: image/jpeg
date: Fri, 06 Sep 2024 14:43:55 GMT
etag: "2bc27-5ed5319179f56"
last-modified: Sun, 13 Nov 2022 05:07:22 GMT
server: nginx
x-content-type-options: nosniff
:status: 200
Request 10: https://johannetzler.com/media/pages/home/350ef91901-1636993818/figkit-1440x.jpg
URL: https://johannetzler.com/media/pages/home/350ef91901-1636993818/figkit-1440x.jpg
Host: johannetzler.com
IP: 143.198.166.135
Error/Status Code: 200
Priority: Low
Protocol: HTTP/2
HTTP/2 Stream: 13, weight 147, depends on 11, EXCLUSIVE
Initiated By: https://johannetzler.com/ line 623
Request Start: 1.186 s
Time to First Byte: 403 ms
Content Download: 749 ms
Bytes In (downloaded): 77.9 KB
Uncompressed Size: 77.9 KB
Bytes Out (uploaded): 2.0 KB
Request Headers:
:authority: johannetzler.com
:method: GET
:path: /media/pages/home/350ef91901-1636993818/figkit-1440x.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://johannetzler.com/
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.09
Response Headers:
accept-ranges: bytes
cache-control: max-age=604800, public
content-length: 79805
content-type: image/jpeg
date: Fri, 06 Sep 2024 14:43:55 GMT
etag: "137bd-5ed531917ce37"
last-modified: Sun, 13 Nov 2022 05:07:22 GMT
server: nginx
x-content-type-options: nosniff
:status: 200
Request 11: https://fonts.gstatic.com/s/inter/v18/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa1ZL7.woff2
URL: https://fonts.gstatic.com/s/inter/v18/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa1ZL7.woff2
Host: fonts.gstatic.com
IP: 216.58.212.131
Error/Status Code: 200
Priority: Highest
Protocol: HTTP/2
HTTP/2 Stream: 1, weight 256, depends on 0, EXCLUSIVE
Initiated By: https://fonts.googleapis.com/css2?family=Inter:wght@400;700;900&display=swap
Request Start: 1.188 s
DNS Lookup: 31 ms
Initial Connection: 52 ms
Time to First Byte: 49 ms
Content Download: 84 ms
Bytes In (downloaded): 47.3 KB
Uncompressed Size: 47.3 KB
Bytes Out (uploaded): 2.0 KB
Request Headers:
:authority: fonts.gstatic.com
:method: GET
:path: /s/inter/v18/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa1ZL7.woff2
:scheme: https
accept: */*
accept-encoding: gzip, deflate, br, zstd
accept-language: en-US,en;q=0.9
origin: https://johannetzler.com
priority: u=0
referer: https://fonts.googleapis.com/
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: cross-site
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.09
x-client-data: CJjeygE=
Response Headers:
accept-ranges: bytes
access-control-allow-origin: *
cache-control: public, max-age=31536000
content-length: 48444
content-security-policy-report-only: require-trusted-types-for 'script'; report-uri https://csp.withgoogle.com/csp/apps-themes
content-type: font/woff2
cross-origin-opener-policy: same-origin; report-to="apps-themes"
cross-origin-resource-policy: cross-origin
date: Fri, 06 Sep 2024 14:43:55 GMT
expires: Sat, 06 Sep 2025 14:43:55 GMT
last-modified: Mon, 29 Jul 2024 22:51:01 GMT
report-to: {"group":"apps-themes","max_age":2592000,"endpoints":[{"url":"https://csp.withgoogle.com/csp/report-to/apps-themes"}]}
server: sffe
timing-allow-origin: *
x-content-type-options: nosniff
x-xss-protection: 0
:status: 200
Request 12: https://fonts.gstatic.com/s/robotomono/v23/L0xTDF4xlVMF-BfR8bXMIhJHg45mwgGEFl0_3vrtSM1J-gEPT5Ese6hmHSh0mQ.woff2
URL: https://fonts.gstatic.com/s/robotomono/v23/L0xTDF4xlVMF-BfR8bXMIhJHg45mwgGEFl0_3vrtSM1J-gEPT5Ese6hmHSh0mQ.woff2
Host: fonts.gstatic.com
IP: 216.58.212.131
Error/Status Code: 200
Priority: Highest
Protocol: HTTP/2
HTTP/2 Stream: 3, weight 256, depends on 1, EXCLUSIVE
Initiated By: https://fonts.googleapis.com/css2?family=Roboto+Mono:wght@400;700&display=swap
Request Start: 1.189 s
Time to First Byte: 218 ms
Content Download: 39 ms
Bytes In (downloaded): 22.2 KB
Uncompressed Size: 22.2 KB
Bytes Out (uploaded): 2.1 KB
Request Headers:
:authority: fonts.gstatic.com
:method: GET
:path: /s/robotomono/v23/L0xTDF4xlVMF-BfR8bXMIhJHg45mwgGEFl0_3vrtSM1J-gEPT5Ese6hmHSh0mQ.woff2
:scheme: https
accept: */*
accept-encoding: gzip, deflate, br, zstd
accept-language: en-US,en;q=0.9
origin: https://johannetzler.com
priority: u=0
referer: https://fonts.googleapis.com/
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: cross-site
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.09
x-client-data: CJjeygE=
Response Headers:
accept-ranges: bytes
access-control-allow-origin: *
cache-control: public, max-age=31536000
content-length: 22736
content-security-policy-report-only: require-trusted-types-for 'script'; report-uri https://csp.withgoogle.com/csp/apps-themes
content-type: font/woff2
cross-origin-opener-policy: same-origin; report-to="apps-themes"
cross-origin-resource-policy: cross-origin
date: Fri, 06 Sep 2024 14:43:55 GMT
expires: Sat, 06 Sep 2025 14:43:55 GMT
last-modified: Wed, 13 Sep 2023 23:53:33 GMT
report-to: {"group":"apps-themes","max_age":2592000,"endpoints":[{"url":"https://csp.withgoogle.com/csp/report-to/apps-themes"}]}
server: sffe
timing-allow-origin: *
x-content-type-options: nosniff
x-xss-protection: 0
:status: 200
Request 13: https://www.google-analytics.com/g/collect?v=2&tid=G-T0CS8NGM2P>m=45je4940v884635711za200&_p=1725633835234&gcd=13l3l3l3l1l1&npa=0&dma=0&tag_exp=101403289&cid=2023465758.1725633836&ul=en-us&sr=1920x1200&uaa=x86&uab=64&uafvl=%2520Not%2520A%253BBrand%3B99%7CChromium%3B128.0.0.0%7CGoogle%2520Chrome%3B128.0.0.0&uamb=0&uam=Model&uap=Unknown&uapv=0&uaw=0&are=1&frm=0&pscdl=noapi&_s=1&sid=1725633835&sct=1&seg=0&dl=https%3A%2F%2Fjohannetzler.com%2F&dt=Johan%20Netzler%20-%20Remote%20UI%2FUX%20Designer%20%26%20Front-End%20Developer&en=page_view&_fv=1&_nsi=1&_ss=1&_ee=1&tfd=1347
URL: https://www.google-analytics.com/g/collect?v=2&tid=G-T0CS8NGM2P>m=45je4940v884635711za200&_p=1725633835234&gcd=13l3l3l3l1l1&npa=0&dma=0&tag_exp=101403289&cid=2023465758.1725633836&ul=en-us&sr=1920x1200&uaa=x86&uab=64&uafvl=%2520Not%2520A%253BBrand%3B99%7CChromium%3B128.0.0.0%7CGoogle%2520Chrome%3B128.0.0.0&uamb=0&uam=Model&uap=Unknown&uapv=0&uaw=0&are=1&frm=0&pscdl=noapi&_s=1&sid=1725633835&sct=1&seg=0&dl=https%3A%2F%2Fjohannetzler.com%2F&dt=Johan%20Netzler%20-%20Remote%20UI%2FUX%20Designer%20%26%20Front-End%20Developer&en=page_view&_fv=1&_nsi=1&_ss=1&_ee=1&tfd=1347
Host: www.google-analytics.com
IP: 172.217.16.206
Error/Status Code: 204
Priority: High
Protocol: HTTP/2
HTTP/2 Stream: 1, weight 220, depends on 0, EXCLUSIVE
Initiated By: https://www.googletagmanager.com/gtag/js?id=G-T0CS8NGM2P line 169 column 212
Request Start: 1.575 s
DNS Lookup: 111 ms
Initial Connection: 46 ms
Time to First Byte: 50 ms
Bytes In (downloaded): 0.0 KB
Bytes Out (uploaded): 3.5 KB
Request Headers:
:authority: www.google-analytics.com
:method: POST
:path: /g/collect?v=2&tid=G-T0CS8NGM2P>m=45je4940v884635711za200&_p=1725633835234&gcd=13l3l3l3l1l1&npa=0&dma=0&tag_exp=101403289&cid=2023465758.1725633836&ul=en-us&sr=1920x1200&uaa=x86&uab=64&uafvl=%2520Not%2520A%253BBrand%3B99%7CChromium%3B128.0.0.0%7CGoogle%2520Chrome%3B128.0.0.0&uamb=0&uam=Model&uap=Unknown&uapv=0&uaw=0&are=1&frm=0&pscdl=noapi&_s=1&sid=1725633835&sct=1&seg=0&dl=https%3A%2F%2Fjohannetzler.com%2F&dt=Johan%20Netzler%20-%20Remote%20UI%2FUX%20Designer%20%26%20Front-End%20Developer&en=page_view&_fv=1&_nsi=1&_ss=1&_ee=1&tfd=1347
:scheme: https
accept: */*
accept-encoding: gzip, deflate, br, zstd
accept-language: en-US,en;q=0.9
content-length: 0
origin: https://johannetzler.com
priority: u=1, i
referer: https://johannetzler.com/
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: no-cors
sec-fetch-site: cross-site
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.09
Response Headers:
access-control-allow-credentials: true
access-control-allow-origin: https://johannetzler.com
cache-control: no-cache, no-store, must-revalidate
content-length: 0
content-type: text/plain
cross-origin-resource-policy: cross-origin
date: Fri, 06 Sep 2024 14:43:56 GMT
expires: Fri, 01 Jan 1990 00:00:00 GMT
pragma: no-cache
server: Golfe2
:status: 204
Request 14: https://johannetzler.com/media/site/3145673514-1611685756/icon.png
URL: https://johannetzler.com/media/site/3145673514-1611685756/icon.png
Host: johannetzler.com
IP: 143.198.166.135
Error/Status Code: 200
Priority: High
Protocol: HTTP/2
HTTP/2 Stream: 15, weight 220, depends on 0, EXCLUSIVE
Request Start: 2.225 s
Time to First Byte: 125 ms
Content Download: 3 ms
Bytes In (downloaded): 6.7 KB
Uncompressed Size: 6.7 KB
Bytes Out (uploaded): 2.3 KB
Request Headers:
:authority: johannetzler.com
:method: GET
:path: /media/site/3145673514-1611685756/icon.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
cookie: _ga_T0CS8NGM2P=GS1.1.1725633835.1.0.1725633835.0.0.0; _ga=GA1.1.2023465758.1725633836
priority: u=1, i
referer: https://johannetzler.com/
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.09
Response Headers:
accept-ranges: bytes
cache-control: max-age=604800, public
content-length: 6811
content-type: image/png
date: Fri, 06 Sep 2024 14:43:56 GMT
etag: "1a9b-5ed4f697dc774"
last-modified: Sun, 13 Nov 2022 00:43:31 GMT
server: nginx
x-content-type-options: nosniff
:status: 200