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

Menu:

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

Webpage Performance Test Result

  • Settings: DesktopChromev128CableFrankfurt, Germany
    More
Screenshot

Requests Details

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

Page Performance Metrics (Run 1)

View run details: Run 1 (Repeat View)

TTFB Start Render FCP Speed Index LCP CLS TBT DC Time DC Requests DC Bytes Total Time Total Requests Page Weight
.384S 1.800S 1.743S 6.570S 2.226S .007 .133S 4.958S 28 4,044KB 8.769S 28 4,044KB

Visual Page Loading Process (Explore)

Navigation Timings
domContentLoadedEvent loadEvent
1.712s - 1.715s (0.003s) 4.951s - 4.951s (0s)
Custom Metrics Data
Colordepth
24
Dpi
{"dppx":1,"dpcm":37.79527559055118,"dpi":96}
Images
[{"url":"https://florianschulz.info/portfolio/media/pages/home/3854396650-1624944347/florian-schulz-designer-portrait.jpg","width":1000,"height":667,"naturalWidth":2400,"naturalHeight":1600}]
Resolution
{"absolute":{"height":1200,"width":1920},"available":{"height":1200,"width":1920}}
fonts
[{"family":"proxima-nova","display":"auto","status":"loaded","style":"normal","weight":"700"},{"family":"proxima-nova","display":"auto","status":"unloaded","style":"italic","weight":"700"},{"family":"proxima-nova","display":"auto","status":"loaded","style":"normal","weight":"400"},{"family":"proxima-nova","display":"auto","status":"unloaded","style":"italic","weight":"400"},{"family":"iA Writer Mono S","display":"swap","status":"loaded","style":"normal","weight":"400"},{"family":"iA Writer Mono S","display":"swap","status":"loaded","style":"italic","weight":"400"},{"family":"iA Writer Mono S","display":"swap","status":"loaded","style":"normal","weight":"700"},{"family":"Pensum Pro","display":"auto","status":"loaded","style":"normal","weight":"400"},{"family":"Pensum Pro","display":"auto","status":"unloaded","style":"italic","weight":"400"},{"family":"Pensum Pro","display":"auto","status":"loaded","style":"normal","weight":"500"},{"family":"Pensum Pro","display":"auto","status":"loaded","style":"normal","weight":"600"}]
generated-content-percent
0.1
generated-content-size
0.04
imgs-in-viewport
[{"src":"https:\/\/florianschulz.info\/portfolio\/media\/pages\/home\/3854396650-1624944347\/florian-schulz-designer-portrait.jpg","html":"<img alt=\"A portrait of Florian Schulz\" src=\"https:\/\/florianschulz.info\/portfolio\/media\/pages\/home\/3854396650-1624944347\/florian-schulz-designer-portrait.jpg\" style=\"opacity: 0;\">","currentSrc":"https:\/\/florianschulz.info\/portfolio\/media\/pages\/home\/3854396650-1624944347\/florian-schulz-designer-portrait.jpg","srcSet":null,"sizes":null,"priority":null,"loading":null,"naturalWidth":2400,"naturalHeight":1600}]
imgs-no-alt
[]
imgs-out-viewport
[]
jsLibsVulns
[]
meta-viewport
width=device-width, initial-scale=1.0
possibly-render-blocking-reqs
["https:\/\/florianschulz.info\/portfolio\/assets\/js\/pixelate.js","https:\/\/florianschulz.info\/portfolio\/assets\/js\/scrolly.js","https:\/\/florianschulz.info\/portfolio\/assets\/js\/rain.js","https:\/\/florianschulz.info\/portfolio\/assets\/js\/smooth-scroll.js","https:\/\/use.typekit.net\/ekl7wxt.css","https:\/\/florianschulz.info\/portfolio\/assets\/css\/prism.css","https:\/\/florianschulz.info\/portfolio\/index.min.css?1725269006"]
rendered-html
<html lang="en"><head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <!-- Favicon --> <link rel="apple-touch-icon" href="https://florianschulz.info/portfolio/assets/icons/apple-touch-icon.png"> <link rel="icon" type="image/png" href="https://florianschulz.info/portfolio/assets/icons/favicon.png"> <!-- Description --> <meta name="description" content="Florian Schulz Pushing boundaries, not&nbsp;pixels"> <meta property="og:description" content="Florian Schulz Pushing boundaries, not&nbsp;pixels"> <!-- Twitter --> <meta name="twitter:card" content="summary_large_image"> <meta name="twitter:site" content="@getflourish"> <meta name="twitter:creator" content="@getflourish"> <!-- og:image --> <meta property="og:image" content="https://florianschulz.info/portfolio/media/site/3838284371-1624944347/florian-schulz-home.png"> <title>Florian Schulz | Pushing boundaries, not pixels </title> <meta name="og:title" content="Florian Schulz | Pushing boundaries, not pixels"> <link rel="stylesheet" defer="" async="" href="https://use.typekit.net/ekl7wxt.css"> <!-- <link rel="stylesheet" defer href="/assets/css/index.css"> --> <!-- <link rel="stylesheet" defer href="/ratio.css?1725269006"> --> <link href="https://florianschulz.info/portfolio/assets/css/prism.css" rel="stylesheet"> <link href="https://florianschulz.info/portfolio/index.min.css?1725269006" rel="stylesheet"> </head> <body class="scrolled scrolled-further"><script src="https://florianschulz.info/portfolio/assets/js/pixelate.js"></script> <main role="main" waypoint="main"> <nav component="navigation-bar"> <div> <a class="show-after-scroll" href="https://florianschulz.info/portfolio"><strong>Florian Schulz</strong></a> </div> <div class="show-after-scroll hide-mobile"> <!-- <a href="/#cv">Work Experience</a> --> <!-- <a href="/#interface-design">interface-design</a> <a href="/#prototyping">prototyping</a> <a href="/#plugins">plugins</a> <a href="/#tools">tools</a> <a href="/#education">education</a> --> </div> <div part="actions"> <a appearance="icon-link" style="justify-self: flex-end" href="https://florianschulz.info/portfolio/projects"> <svg viewBox="0 0 24 23" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g id="icon-mondrian" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <rect fill="#5465FF" x="2" y="2" width="9" height="9"></rect> <rect fill="#FFD800" x="13" y="2" width="9" height="9"></rect> <rect fill="#FFFFFF" x="2" y="12" width="9" height="9"></rect> <rect fill="#E15657" x="13" y="12" width="9" height="9"></rect> <rect stroke="#000000" stroke-width="1.5" x="1.75" y="1.75" width="20.5" height="19.5"></rect> <line x1="2.5" y1="11.5" x2="21.5" y2="11.5" id="Line-2" stroke="#000000" stroke-width="2" stroke-linecap="square"></line> <line x1="12" y1="2" x2="12" y2="20" id="Line" stroke="#000000" stroke-width="2" stroke-linecap="square"></line> </g> </svg> <span>Work</span> </a> <a appearance="icon-link" style="justify-self: flex-end" href="https://florianschulz.info/portfolio/#contact"> <svg viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g id="icon-hello" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"> <g id="messages-bubble-information" stroke="currentColor" stroke-width="1.5"> <path d="M12.75,0.749981392 C8.93932847,0.744505526 5.42568259,2.8069362 3.57279712,6.13681054 C1.71991166,9.46668489 1.81953469,13.539694 3.833,16.775 L0.75,23.25 L7.224,20.166 C11.0101174,22.5209314 15.8706393,22.2278896 19.3464019,19.435138 C22.8221645,16.6423864 24.1550978,11.9590291 22.6708089,7.75459411 C21.18652,3.55015911 17.208735,0.741641192 12.75,0.749981392 L12.75,0.749981392 Z"> </path> </g> <g id="Group" transform="translate(8.000000, 8.000000)" stroke="currentColor" stroke-width="1.5"> <path d="M8.5,0.125 C8.29289322,0.125 8.125,0.292893219 8.125,0.5 C8.125,0.707106781 8.29289322,0.875 8.5,0.875 C8.70710678,0.875 8.875,0.707106781 8.875,0.5 C8.875,0.292893219 8.70710678,0.125 8.5,0.125"> </path> <line x1="0.5" y1="1" x2="0.5" y2="7"></line> <line x1="8.5" y1="3.5" x2="8.5" y2="7"></line> <line x1="1" y1="3.5" x2="4.5" y2="3.5"></line> <line x1="4.5" y1="1" x2="4.5" y2="7"></line> </g> </g> </svg> <span>Hire me</span> </a> </div> </nav> <!-- Section: Splash Screen --> <section component="page-intro" waypoint="splash"> <hgroup><h1>Florian Schulz</h1> <h2>Pushing boundaries, not&nbsp;pixels</h2> <button id="restart-button" style="justify-self: center; display: inline-block;" type="button" appearance="filled" onclick="restartRain()">Pixels, please.</button> </hgroup> </section> <!-- Section: Introduction --> <section name="hello" waypoint="introduction"> <header> <h2 text-style="large-text" animation="reveal">Hi, I’m Florian, a German interface designer based in Zürich. <mark>I&nbsp;design and code</mark> apps, websites and digital tools for people just like you. </h2> </header> </section> <!-- NOTE: Hero Image and Video --> <section class="hero" waypoint="hero-start"> <div class="hero-stack" waypoint="hero-stack" style="top: 163.172px;"> <canvas id="canvas" width="1000" height="666" style="position: absolute; top: 0px; left: 437px; pointer-events: none; opacity: 1;"></canvas> <figure style="opacity: 1;"><img alt="A portrait of Florian Schulz" src="https://florianschulz.info/portfolio/media/pages/home/3854396650-1624944347/florian-schulz-designer-portrait.jpg" style="opacity: 0;"></figure> <div id="reel" style="opacity: 0;"> <video id="reel-video" preload="auto" playsinline="" muted="" height="auto" style="opacity: 0;"> <source src="assets/videos/reel.mp4" type="video/mp4"> </video> <!-- <section name="video-caption"> <div></div> <p style="font-family: var(--monospace-system-font-family); font-size: 14px;" id="video-stats"> </p> <div></div> </section> --> </div> </div> <div part="hero-overlay" waypoint="hero-overlay"> <h2 text-style="huge">Interface design</h2> <h2 text-style="huge">user experience</h2> <h2 text-style="huge">prototyping</h2> <h2 text-style="huge">plugins</h2> <h2 text-style="huge">design tools</h2> <h2 text-style="huge">creative coding</h2> <h2 text-style="huge">education</h2> <h2 text-style="huge">teaching</h2> </div> </section> <!-- Section: Work Experience --> <article class="markdown" layout="home" waypoint="hero-end"> <article class="project-text"> <section> <!-- Work Experience --> <h2>Work Experience</h2> <article layout="cv" id="cv" waypoint="cv"> <hr style="grid-column: 1/4"> <p><strong>Digitalstation</strong> <a href="https://www.digitalstation.ch">digitalstation.ch</a><br> Solopreneur</p> <time>Since 2018</time> <address>Zürich</address> <hr style="grid-column: 1/4"> <p><strong>Zürcher Hochschule der Künste</strong> <a href="https://www.zhdk.ch">zhdk.ch</a><br> Guest Lecturer, Dozent Interface Design (CAS Digital Typography)</p> <time>Since 2018</time> <address>Zürich</address> <hr style="grid-column: 1/4"> <p><strong>Ginetta</strong> <a href="https://www.ginetta.net">ginetta.net</a><br> Interaction Designer</p> <time>2014–2018</time> <address>Zürich</address> <hr style="grid-column: 1/4"> <p><strong>Ergosign</strong> <a href="https://ergosign.ch">ergosign.ch</a><br> Intern / Interaction Designer</p> <time>2013–2014</time> <address>Zürich</address> <hr style="grid-column: 1/4"> <p><strong>Behance</strong> <a href="https://behance.net">behance.com</a><br> Interaction Design Intern, Remote Contracting</p> <time>2012–2013</time> <address>New York</address> <hr style="grid-column: 1/4"> <p><strong>Raureif</strong> <a href="https://raureif.net">raureif.net</a><br> Freelance Interaction Designer</p> <time>2011</time> <address>Berlin</address> <hr style="grid-column: 1/4"> <p><strong>FH Potsdam</strong> <a href="https://design.fh-potsdam.de">design.fh-potsdam.de</a><br> Interface Design Student, Bachelor of Arts</p> <time>2008–2013</time> <address>Potsdam</address> <hr style="grid-column: 1/4"> </article> </section> <section id="interface-design"> <h3 text-style="title-2">I design <mark>user interfaces</mark> for interactive applications for the web, mobile and beyond.</h3> <p></p><p>Since studying <a href="https://design.fh-potsdam.de/">interface design</a> at the <strong>University of Applied Sciences in Potsdam</strong>, I’ve been working on a lot of projects including apps, websites, data visualisation and services — no matter what the target device was: a computer screen, multi-touch table or full-dome projection. I like to challenge status-quo and develop unique solutions.</p><p></p> </section> <section id="prototyping"> <h3 text-style="title-2">I create realistic and highly interactive <mark>prototypes</mark> for usability testing.</h3> <p></p><p>Designing digital products and testing them with users requires realistic prototypes. A lot can be achieved using clickable prototypes, but sometimes you need more. Being a designer who also codes, means that I’m comfortable using data from APIs, sensors, gestures and voice. I like to work with <strong>Vue, Node, WebSockets</strong> and <strong>Kirby.</strong></p><p></p> </section> <section id="plugins"> <h3 text-style="title-2">I develop <mark>plugins</mark> for popular design tools.</h3> <p></p><p>When I used <a href="https://www.sketch.com/">Sketch</a> for the first time, I fell in love with its simplicity compared to other tools at the time. The more I used the tool, the more I noticed its shortcomings and repetitive work. That’s when I’ve started to automate commands and turned them into plugins including the first <a href="https://github.com/getflourish/Sketch-Color-Contrast-Analyser">color contrast checker</a>. My plugins have been used by hundreds of designers worldwide.</p> <p>I’ve since built plugins for major design tools including <strong>Sketch</strong>, <strong>Figma</strong> and <strong>Adobe&nbsp;XD</strong> and integrations with <strong>Frontify</strong>.</p><p></p> </section> <section id="tools"> <h3 text-style="title-2">I invent <mark>design tools</mark> that work with CSS and HTML.</h3> <p></p><p>I’m currently building design tools for the web. With <strong>Ratio</strong>, I’m trying to turn my knowledge about design, writing CSS and creating design systems into a series of tools that enable both designers and developers to explore more and worry less. <a href="https://useratio.com">useratio.com</a></p><p></p> </section> <section id="education"> <h3 text-style="title-2">I share my <mark>knowledge</mark> by writing about design and teaching students and clients alike.</h3> <p></p><p>Since 2018, I’ve been teaching user interface design as part of the class <a href="https://www.zhdk.ch/weiterbildung/design-450/cas-digital-typography">CAS Digital Typography</a> at the <strong>Zürcher Hochschule der Künste</strong>.</p> <p>I also like to share my knowledge by writing about design and technology. My most popular articles include <a href="https://florianschulz.info/portfolio/writing/the-anatomy-of-a-thousand-typefaces">The Anatomy of a Thousand Typefaces</a> and <a href="https://florianschulz.info/portfolio/writing/designing-with-ratio">Designing with Ratio</a>.</p><p></p> </section> <div id="contact" component="hidden-anchor" waypoint="pitch">-</div> <section name="paper" font-family="monospace" fx="typewriter" waypoint="typewriter"> <div part="copy"><h2>Re: Designer who codes</h2> <p>Hi there! I build interactive prototypes for startups and enterprises that convince stakeholders, get developers excited and make users happy.</p> <p>Whether it’s a refresh or restart, I help you launch. There are no shortcuts to good design, but together we can check more boxes than you can think of. We’ll make it bold, with a pinch of fun.</p> <p>I’ve worked with people at companies including <strong><em>Adnexo, Adobe, Allianz, Axpo, Doodle, Eduwo, Frontify, Ginetta, Helsana, SBB, Schule für Gestaltung, Raureif, Siroop, Swisscom, Vontobel</em></strong> and many more.</p></div> <div part="placeholder"><h2>Re: Designer who codes</h2> <p>Hi there! I build interactive prototypes for startups and enterprises that convince stakeholders, get developers excited and make users happy.</p> <p>Whether it’s a refresh or restart, I help you launch. There are no shortcuts to good design, but together we can check more boxes than you can think of. We’ll make it bold, with a pinch of fun.</p> <p>I’ve worked with people at companies including <strong><em>Adnexo, Adobe, Allianz, Axpo, Doodle, Eduwo, Frontify, Ginetta, Helsana, SBB, Schule für Gestaltung, Raureif, Siroop, Swisscom, Vontobel</em></strong> and many more.</p></div> </section> <section waypoint="contact"> <!-- Component: Avatar Video --> <div component="video-avatar"> <video src="assets/videos/hello.mp4" preload="auto" muted="" playsinline=""></video> </div> <h3 text-style="title-3"> 👋 Say “Hi”, sag »Hallo«, säg «Grüezi».</h3> <p><strong>Email </strong><br> <a href="mailto:[email protected]">[email protected]</a></p> <p><strong>Twitter</strong><br> <a href="https://twitter.com/getflourish">@getflourish</a></p> <p><strong>Mastodon</strong><br> <a href="https://mastodon.social/@getflourish" rel="me">@[email protected]</a></p> </section> </article> </article> </main> <!-- Section: Project Samples --> <main class="section-padding markdown" waypoint="teaser"> <section component="hero-wrapper"> <article component="hero" theme="black" style="--hero-theme-background:hsla(261, 53%, 38%, 1); --hero-theme-background-transparent: hsla(150, 42%, 95%, 0); --hero-theme-color: #fff;"> <a href="https://florianschulz.info/portfolio/projects/fritz"> <section part="header"> <section part="image" style="background-image: url(https://florianschulz.info/portfolio/media/pages/projects/fritz/2152376474-1625989626/bildschirmfoto-2021-07-11-um-09-46-35-300x175-q90.png)"> </section> <section part="content"> <section part="title-combo"> <h2 part="kicker">App for macOS</h2> <h1 part="title">Fritz</h1> </section> <!-- <p part="description">A time-saving snippet manager for macOS.</p> --> </section> </section> </a> </article> <article component="hero" theme="black" style="--hero-theme-background:hsla(150, 42%, 95%, 1); --hero-theme-background-transparent: hsla(150, 42%, 95%, 0); --hero-theme-color: #669D91;"> <a href="https://florianschulz.info/portfolio/projects/pilates-plana"> <section part="header"> <section part="image" style="background-image: url(https://florianschulz.info/portfolio/media/pages/projects/pilates-plana/3230568399-1624944348/bildschirmfoto-2021-01-22-um-10-53-13-300x181-q90.png)"> </section> <section part="content"> <section part="title-combo"> <h2 part="kicker">Website</h2> <h1 part="title">Pilates Plana</h1> </section> <!-- <p part="description">Website for Pilates Studio made with Kirby</p> --> </section> </section> </a> </article> <article component="hero" theme="black" style="--hero-theme-background: hsla(0, 0%, 20%, 1); --hero-theme-background-transparent: hsla(0, 0%, 20%, 0); --hero-theme-color: white; --hero-theme-button-background: black; --hero-theme-button-color: white;"> <a href="https://florianschulz.info/portfolio/writing/designing-with-ratio"> <section part="header"> <section part="image" style="background-image: url(https://florianschulz.info/portfolio/media/pages/writing/designing-with-ratio/1667928034-1624944349/1-s6mu-pio58qdgxe59fpcw-300x168-q90.jpg)"> </section> <section part="content"> <section part="title-combo"> <h2 part="kicker">App development</h2> <h1 part="title">Designing with Ratio</h1> </section> <!-- <p part="description">A new design tool for the web and beyond</p> --> </section> </section> </a> </article> <article component="hero" theme="black" style="--hero-theme-background: hsla(66, 29%, 93%, 1); --hero-theme-background-transparent: hsla(66, 29%, 93%, 0); --hero-theme-color: #513C33; --hero-theme-button-background: black; --hero-theme-button-color: white;"> <a href="https://florianschulz.info/portfolio/projects/schaftracker"> <section part="header"> <section part="image" style="background-image: url(https://florianschulz.info/portfolio/media/pages/projects/schaftracker/746769445-1624944348/teaser-300x169-q90.png)"> </section> <section part="content"> <section part="title-combo"> <h2 part="kicker">UI Design, Prototyping, Research</h2> <h1 part="title">Ax-Track</h1> </section> <!-- <p part="description">Sheep tracker for Swiss alpine areas</p> --> </section> </section> </a> </article> <article component="hero" theme="black" style="--hero-theme-background: hsla(0, 0%, 11%, 1);; --hero-theme-background-transparent: hsla(0, 0%, 11%, 0); --hero-theme-color: white; --hero-theme-button-background: white; --hero-theme-button-color: black;"> <a href="https://florianschulz.info/portfolio/writing/the-anatomy-of-a-thousand-typefaces"> <section part="header"> <section part="image" style="background-image: url(https://florianschulz.info/portfolio/media/pages/writing/the-anatomy-of-a-thousand-typefaces/3990015912-1624944349/1-jx-x4mlx8ts70ubybvj3iw-300x138-q90.png)"> </section> <section part="content"> <section part="title-combo"> <h2 part="kicker">Article, Web App</h2> <h1 part="title">The Anatomy of a Thousand Typefaces</h1> </section> <!-- <p part="description">An attempt to analyse and compare font characteristics</p> --> </section> </section> </a> </article> <article component="hero" theme="black" style="--hero-theme-background: hsla(225, 8%, 90%,1); --hero-theme-background-transparent: hsla(225, 8%, 90%,0); --hero-theme-color: black; --hero-theme-button-background: black; --hero-theme-button-color: white;"> <a href="https://florianschulz.info/portfolio/projects/chummy"> <section part="header"> <section part="image" style="background-image: url(https://florianschulz.info/portfolio/media/pages/projects/chummy/3477749634-1624944348/icon-300x232-q90.jpg)"> </section> <section part="content"> <section part="title-combo"> <h2 part="kicker">Mac App Design</h2> <h1 part="title">Chummy</h1> </section> <!-- <p part="description">A personal mail client for Mac</p> --> </section> </section> </a> </article> </section> </main> <section style="max-width: calc(1200px - 28rem)" class="centered"><section layout="centered-list"> <ul component="select-list"> <h2 part="title">Projects</h2> <li> <a href="https://florianschulz.info/portfolio/projects/simon-kumin "> <hgroup> <h3>Simon Kümin</h3> <h4>A simple typographic website for a copy writer. No images allowed.</h4> </hgroup> <time> 2020</time> </a> </li> <li> <a href="https://florianschulz.info/portfolio/projects/fritz "> <hgroup> <h3>Fritz</h3> <h4>A time-saving snippet manager for macOS.</h4> </hgroup> <time> 2020</time> </a> </li> <li> <a href="https://florianschulz.info/portfolio/projects/pilates-plana "> <hgroup> <h3>Pilates Plana</h3> <h4>Website for Pilates Studio made with Kirby</h4> </hgroup> <time> 2020</time> </a> </li> <li> <a href="https://florianschulz.info/portfolio/projects/axpo-customer-portal "> <hgroup> <h3>Axpo</h3> <h4>Design and Research for Customer Portal of Switzerland’s largest Energy Provider</h4> </hgroup> <time> 2019</time> </a> </li> <li> <a href="https://florianschulz.info/portfolio/projects/frontify-plugin-for-figma "> <hgroup> <h3>Frontify</h3> <h4>Plugins for Figma and Adobe XD</h4> </hgroup> <time> 2019</time> </a> </li> <li> <a href="https://florianschulz.info/portfolio/projects/schaftracker "> <hgroup> <h3>Ax-Track</h3> <h4>Sheep tracker for Swiss alpine areas</h4> </hgroup> <time> 2018</time> </a> </li> <li> <a href="https://florianschulz.info/portfolio/projects/tracy "> <hgroup> <h3>Tracy</h3> <h4>From Paper to Vector</h4> </hgroup> <time> 2017</time> </a> </li> <li> <a href="https://florianschulz.info/portfolio/projects/chummy "> <hgroup> <h3>Chummy</h3> <h4>A personal mail client for Mac</h4> </hgroup> <time> 2014</time> </a> </li> <li> <a href="https://florianschulz.info/portfolio/projects/navel "> <hgroup> <h3>Navel</h3> <h4>Tactile Navigation System</h4> </hgroup> <time> 2013</time> </a> </li> <li> <a href="https://florianschulz.info/portfolio/projects/logbook "> <hgroup> <h3>Logbook</h3> <h4>Exhibiton apps re-imagined</h4> </hgroup> <time> 2012</time> </a> </li> <li> <a href="https://florianschulz.info/portfolio/projects/glowified "> <hgroup> <h3>Glowified</h3> <h4></h4> </hgroup> <time> 2009</time> </a> </li> </ul> <ul component="select-list"> <h2 part="title">Essays</h2> <li> <a href="https://florianschulz.info/portfolio/writing/programming-with-ratio "> <hgroup> <h3>Programming with Ratio</h3> <h4>A programming environment for prototyping and building user interfaces and apps.</h4> </hgroup> <time> 2021</time> </a> </li> <li> <a href="https://florianschulz.info/portfolio/writing/designing-with-ratio "> <hgroup> <h3>Designing with Ratio</h3> <h4>A new design tool for the web and beyond</h4> </hgroup> <time> 2019</time> </a> </li> <li> <a href="https://florianschulz.info/portfolio/writing/turning-twitters-feed-on-its-head "> <hgroup> <h3>Turning Twitter’s Feed on its Head</h3> <h4>A design that helps you to catch up with the people you choose</h4> </hgroup> <time> 2018</time> </a> </li> <li> <a href="https://florianschulz.info/portfolio/writing/the-anatomy-of-a-thousand-typefaces "> <hgroup> <h3>The Anatomy of a Thousand Typefaces</h3> <h4>An attempt to analyse and compare font characteristics</h4> </hgroup> <time> 2017</time> </a> </li> <li> <a href="https://florianschulz.info/portfolio/writing/designing-with-intent "> <hgroup> <h3>Designing with intent</h3> <h4>On web typography, interpolation and contrast</h4> </hgroup> <time> 2016</time> </a> </li> <li> <a href="https://florianschulz.info/portfolio/writing/returning-instagram-photos-to-their-locations "> <hgroup> <h3>Returning Instagram photos to their locations</h3> <h4>Using technology to raise awareness</h4> </hgroup> <time> 2015</time> </a> </li> <li> <a href="https://florianschulz.info/portfolio/writing/talking-to-machines "> <hgroup> <h3>Talking to Machines</h3> <h4>A talk about my experience designing my very own personal assistant</h4> </hgroup> <time> 2015</time> </a> </li> <li> <a href="https://florianschulz.info/portfolio/writing/how-to-create-a-list-in-swiftui "> <hgroup> <h3>How to use lists with CoreData in SwiftUI</h3> <h4>How to use lists to display, add, delete and select data</h4> </hgroup> <time> 2015</time> </a> </li> <li> <a href="https://florianschulz.info/portfolio/writing/a-to-do-list-that-gets-it-done-for-you "> <hgroup> <h3>A to-do-list that gets it done for you</h3> <h4>Imagining the potential of voice assistants</h4> </hgroup> <time> 2015</time> </a> </li> </ul> <ul component="select-list"> <h2 part="title">Tutorials</h2> <li> <a href="https://florianschulz.info/portfolio/writing/wrapping-websites-in-webviews-using-swiftui "> <hgroup> <h3>Wrapping websites in WebViews using SwiftUI</h3> <h4>A beautiful way to view your favorite websites without any browser chrome.</h4> </hgroup> <time> 2021</time> </a> </li> <li> <a href="https://florianschulz.info/portfolio/writing/scraping-and-migrating-a-websites-content-to-statamic-cms "> <hgroup> <h3>Content Migration</h3> <h4>Scraping and migrating a website’s content to Statamic CMS</h4> </hgroup> <time> 2020</time> </a> </li> <li> <a href="https://florianschulz.info/portfolio/writing/from-mobile-to-desktop-cross-device-communication-using-websockets "> <hgroup> <h3>From Mobile to Desktop: Cross Device Communication using WebSockets</h3> <h4>A step by step guide with Node.js and Socket.IO</h4> </hgroup> <time> 2017</time> </a> </li> <li> <a href="https://florianschulz.info/portfolio/writing/essentials-of-interactive-prototypes-with-vuejs-in-less-than-5-minutes "> <hgroup> <h3>Interactive Prototypes with VueJS</h3> <h4>Learn the essentials in 5 minutes</h4> </hgroup> <time> 2017</time> </a> </li> <li> <a href="https://florianschulz.info/portfolio/writing/custom-selections-in-sketch-app "> <hgroup> <h3>Custom Selections in Sketch App</h3> <h4>Introduction on scripts and commands that computers love to do over and over again.</h4> </hgroup> <time> 2016</time> </a> </li> <li> <a href="https://florianschulz.info/portfolio/writing/how-to-increase-the-size-of-icons-in-a-navigation-bar-swiftui "> <hgroup> <h3>How to increase the tap area of icons in a SwiftUI Navigation Bar</h3> <h4></h4> </hgroup> <time> </time> </a> </li> </ul> </section></section> <!-- Section: Footer --> <article component="imprint"> <section part="inner"> <section> <h3>Credits</h3> <p><strong>Proxima Nova</strong> by <em>Mark Simonson</em></p> <p><strong>Pensum Pro</strong> by <em>Nils Thomsen</em></p> <p><strong>iA Writer Mono S</strong> by <em>Information Architects</em></p> <p>—</p> <p>Content managed with <a href="https://getkirby.com/">Kirby</a></p> <p>Designed with <a href="https://useratio.com/">Ratio</a> and <a href="https://www.sketch.com/">Sketch</a>, HTML and CSS. </p> <p>Interactive Visuals with CSS and Canvas.</p> <p>I like <a href="https://processing.org/">Processing</a> / <a href="https://p5js.org/">p5.js</a>, but didn’t need it here</p> <p>Prototyping with <a href="https://vuejs.org/">Vue.js</a>, but actual interactivity with plain JavaScript. </p> <p>In collaboration with <a href="https://isabelplana.com/home/">Isabel Plana</a></p> <p>—</p> <p>This site from <a href="https://florianschulz.info/2018/">2018</a></p> <p>This site from <a href="https://florianschulz.info/2012/">2012</a></p> </section> <section> <h3>Friends on the web</h3> <p><a href="http://alessandra-angelucci.studio/">Alessandra Angelucci</a></p> <p><a href="https://www.atelier-perisset.ch/">Boris Périsset</a></p> <p><a href="https://elastiq.ch/">David Aerne</a></p> <p><a href="https://isabelplana.com/home/">Isabel Plana</a></p> <p><a href="https://julianstahnke.com/">Julian Stahnke</a></p> <p><a href="https://www.mischakoenig.de">Mischa König</a></p> <p><a href="https://nickniles.com/">Nick Niles</a></p> <p><a href="http://sebastianprein.com/">Sebastian Prein</a></p> <p><a href="https://simonkuemin.ch">Simon Kümin</a></p> <p><a href="https://www.instagram.com/herrkranz/">Tibor Kranjc</a></p> <p>… and you!</p> <p>—</p> <p><a href="https://ginetta.net/">Ginetta AG</a></p> <p><a href="https://z43.network/">Z43 Network</a></p> </section> <section> <h3>Business address</h3> <p>Digitalstation GmbH</p> <p>Florian Schulz</p> <p>Zentralstrasse 43</p> <p>8003 Zürich</p> <p>—</p> <p><a href="mailto:[email protected]">[email protected]</a></p> </section> </section> </article> <script src="https://florianschulz.info/portfolio/assets/js/scrolly.js"></script> <script src="https://florianschulz.info/portfolio/assets/js/rain.js"></script> <script src="https://florianschulz.info/portfolio/assets/js/smooth-scroll.js"></script> </body></html>
securityHeaders
{"securityHeadersList":[],"securityHeadersGrade":"F","securityHeadersScore":0}

Waterfall View

Start Render
First Contentful Paint
Largest Contentful Paint
Layout Shift
DOM Interactive
DOM Content Loaded
On Load
Document Complete
Render Blocking Resource Insecure Request 3xx response4xx+ response
 Doesn't Belong to Main Doc 
Step_1 1: https://florianschulz.info/ 2: https://florianschulz.info/portfolio/ 3: https://florianschulz.info/portfolio/assets/css/prism.css 4: https://florianschulz.info/portfolio/index.min.css?1725269006 5: https://florianschulz.info/portfolio/assets/js/pixelate.js 6: https://florianschulz.info/portfolio/media/pages/home/3854396650-1624944347/florian-schulz-designer-portrait.jpg 7: https://florianschulz.info/portfolio/assets/js/scrolly.js 8: https://florianschulz.info/portfolio/assets/js/rain.js 9: https://florianschulz.info/portfolio/assets/js/smooth-scroll.js 10: https://use.typekit.net/ekl7wxt.css 11: https://p.typekit.net/p.css?s=1&k=ekl7wxt&ht=tk&f=139.140.175.176&a=543733&app=typekit&e=css 12: https://florianschulz.info/portfolio/media/pages/projects/fritz/2152376474-1625989626/bildschirmfoto-2021-07-11-um-09-46-35-300x175-q90.png 13: https://florianschulz.info/portfolio/media/pages/projects/pilates-plana/3230568399-1624944348/bildschirmfoto-2021-01-22-um-10-53-13-300x181-q90.png 14: https://florianschulz.info/portfolio/media/pages/writing/designing-with-ratio/1667928034-1624944349/1-s6mu-pio58qdgxe59fpcw-300x168-q90.jpg 15: https://florianschulz.info/portfolio/media/pages/projects/schaftracker/746769445-1624944348/teaser-300x169-q90.png 16: https://florianschulz.info/portfolio/media/pages/writing/the-anatomy-of-a-thousand-typefaces/3990015912-1624944349/1-jx-x4mlx8ts70ubybvj3iw-300x138-q90.png 17: https://florianschulz.info/portfolio/media/pages/projects/chummy/3477749634-1624944348/icon-300x232-q90.jpg 18: https://florianschulz.info/portfolio/ratio/fonts/Pensum/Pensum-Pro-Bold.woff2 19: https://florianschulz.info/portfolio/ratio/fonts/Pensum/Pensum-Pro-Regular.woff2 20: https://florianschulz.info/portfolio/ratio/fonts/Pensum/Pensum-Pro-Medium.woff2 21: https://florianschulz.info/portfolio/ratio/fonts/iA%20Writer%20Mono/iAWriterMonoS-Regular.woff2 22: https://florianschulz.info/portfolio/ratio/fonts/iA%20Writer%20Mono/iAWriterMonoS-Italic.woff2 23: https://florianschulz.info/portfolio/ratio/fonts/iA%20Writer%20Mono/iAWriterMonoS-Bold.woff2 24: https://florianschulz.info/portfolio/assets/videos/reel.mp4 25: https://florianschulz.info/portfolio/assets/videos/hello.mp4 26: https://use.typekit.net/af/705e94/00000000000000003b9b3062/27/l?primer=7fa3915bdafdf03041871920a205bef951d72bf64dd4c4460fb992e3ecc3a862&fvd=n4&v=3 27: https://use.typekit.net/af/949f99/00000000000000003b9b3068/27/l?primer=7fa3915bdafdf03041871920a205bef951d72bf64dd4c4460fb992e3ecc3a862&fvd=n7&v=3 28: https://florianschulz.info/portfolio/assets/icons/favicon.png
customize waterfallView all ImagesView HTTP/2 Dependency GraphFilmstrip

Connection View

Step_1 florianschulz.info use.typekit.net use.typekit.net p.typekit.net
DNS Lookup
Initial Connection
SSL Negotiation
Start Render
DOM Content Loaded
On Load
Document Complete
Connection View waterfall diagram

Request Details

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

Request Details
# Resource Content Type Priority Request Start DNS Lookup Initial Connection SSL Negotiation Time to First Byte Content Download Bytes Downloaded CPU Time Error/Status Code IP
1 https://florianschulz.info/ text/html Highest 0.193 s 59 ms 53 ms 81 ms 60 ms - - - 301 85.13.144.106
2 https://florianschulz.info/portfolio/ text/html Highest 0.282 s - - - 102 ms 4 ms 7.4 KB - 200 85.13.144.106
3 https://florianschul...assets/css/prism.css text/css Highest 0.445 s - - - 60 ms 2 ms 0.8 KB - 200 85.13.144.106
4 https://florianschul...x.min.css?1725269006 text/css Highest 0.445 s - - - 534 ms 6 ms 7.3 KB - 200 85.13.144.106
5 https://florianschul...ssets/js/pixelate.js application/javascript High 0.445 s - - - 537 ms 8 ms 1.0 KB 2 ms 200 85.13.144.106
6 https://florianschul...esigner-portrait.jpg image/jpeg Medium 0.446 s - - - 122 ms 397 ms 244.5 KB - 200 85.13.144.106
7 https://florianschul...assets/js/scrolly.js application/javascript Medium 0.446 s - - - 535 ms 11 ms 2.9 KB 222 ms 200 85.13.144.106
8 https://florianschul...io/assets/js/rain.js application/javascript Medium 0.446 s - - - 547 ms 5 ms 0.7 KB 4 ms 200 85.13.144.106
9 https://florianschul.../js/smooth-scroll.js application/javascript Medium 0.446 s - - - 552 ms 3 ms 2.7 KB 1 ms 200 85.13.144.106
10 https://use.typekit.net/ekl7wxt.css text/css Highest 0.567 s 43 ms 43 ms 70 ms 300 ms 2 ms 0.7 KB - 200 2.21.34.163
11 https://p.typekit.ne...33&app=typekit&e=css text/css Highest 1.12 s 150 ms 31 ms 66 ms 39 ms 3 ms 0.0 KB - 200 23.32.238.211
12 https://florianschul...6-35-300x175-q90.png image/png Low 1.186 s - - - 97 ms 27 ms 31.8 KB - 200 85.13.144.106
13 https://florianschul...3-13-300x181-q90.png image/png Low 1.193 s - - - 144 ms 63 ms 48.4 KB - 200 85.13.144.106
14 https://florianschul...fpcw-300x168-q90.jpg image/jpeg Low 1.194 s - - - 226 ms 1 ms 14.3 KB - 200 85.13.144.106
15 https://florianschul...aser-300x169-q90.png image/png Low 1.215 s - - - 233 ms 31 ms 32.8 KB - 200 85.13.144.106
16 https://florianschul...j3iw-300x138-q90.png image/png Low 1.216 s - - - 287 ms 5 ms 18.1 KB - 200 85.13.144.106
17 https://florianschul...icon-300x232-q90.jpg image/jpeg Low 1.218 s - - - 284 ms 34 ms 17.3 KB - 200 85.13.144.106
18 https://florianschul...ensum-Pro-Bold.woff2 font/woff2 Highest 1.676 s - - - 92 ms 77 ms 61.4 KB - 200 85.13.144.106
19 https://florianschul...um-Pro-Regular.woff2 font/woff2 Highest 1.678 s - - - 195 ms 87 ms 59.0 KB - 200 85.13.144.106
20 https://florianschul...sum-Pro-Medium.woff2 font/woff2 Highest 1.681 s - - - 302 ms 85 ms 63.3 KB - 200 85.13.144.106
21 https://florianschul...rMonoS-Regular.woff2 font/woff2 Highest 1.691 s - - - 406 ms 33 ms 36.1 KB - 200 85.13.144.106
22 https://florianschul...erMonoS-Italic.woff2 font/woff2 Highest 1.691 s - - - 407 ms 174 ms 39.8 KB - 200 85.13.144.106
23 https://florianschul...iterMonoS-Bold.woff2 font/woff2 Highest 1.692 s - - - 406 ms 237 ms 36.7 KB - 200 85.13.144.106
24 https://florianschul...sets/videos/reel.mp4 video/mp4 Low 1.713 s - - - 645 ms 5600 ms 3,278.2 KB - 206 85.13.144.106
25 https://florianschul...ets/videos/hello.mp4 video/mp4 Low 1.713 s - - - 646 ms - - - 206 85.13.144.106
26 https://use.typekit....3ecc3a862&fvd=n4&v=3 application/font-woff2 Highest 1.947 s - 45 ms 227 ms 207 ms 34 ms 19.0 KB - 200 2.21.34.163
27 https://use.typekit....3ecc3a862&fvd=n7&v=3 application/font-woff2 Highest 1.948 s - - - 255 ms 39 ms 19.6 KB - 200 2.21.34.163
28 https://florianschul...ts/icons/favicon.png image/png High 4.957 s - - - 3807 ms 5 ms - - 200 85.13.144.106

Request Headers

+ Expand All

Request 1: https://florianschulz.info/

URL: https://florianschulz.info/
Host: florianschulz.info
IP: 85.13.144.106
Error/Status Code: 301
Priority: Highest
Protocol: HTTP/2
Initiated By: https://florianschulz.info/portfolio/assets/js/scrolly.js
Request Start: 0.193 s
DNS Lookup: 59 ms
Initial Connection: 53 ms
Time to First Byte: 60 ms
Bytes In (downloaded): 0.0 KB
Bytes Out (uploaded): 2.1 KB

Request Headers:

:authority: florianschulz.info
:method: GET
:path: /
:scheme: https
accept: text/html,application/xhtml+xml,application/xml;q=0.9,image/avif,image/webp,image/apng,*/*;q=0.8,application/signed-exchange;v=b3;q=0.7
accept-encoding: gzip, deflate, br, zstd
accept-language: en-US,en;q=0.9
priority: u=0, i
sec-ch-ua: " Not A;Brand";v="99", "Chromium";v="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:

content-length: 245
content-type: text/html; charset=iso-8859-1
date: Mon, 02 Sep 2024 09:23:26 GMT
location: https://florianschulz.info/portfolio/
server: Apache

Request 2: https://florianschulz.info/portfolio/

URL: https://florianschulz.info/portfolio/
Host: florianschulz.info
IP: 85.13.144.106
Error/Status Code: 200
Priority: Highest
Protocol: HTTP/2
HTTP/2 Stream: 3, weight 256, depends on 0, EXCLUSIVE
Initiated By: https://florianschulz.info/portfolio/assets/js/scrolly.js
Request Start: 0.282 s
Time to First Byte: 102 ms
Content Download: 4 ms
Bytes In (downloaded): 7.4 KB
Uncompressed Size: 37.3 KB
Bytes Out (uploaded): 2.1 KB

Request Headers:

:authority: florianschulz.info
:method: GET
:path: /portfolio/
: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:

access-control-allow-methods: GET,POST,OPTIONS,DELETE,PUT
access-control-allow-origin: *
content-encoding: br
content-type: text/html; charset=UTF-8
date: Mon, 02 Sep 2024 09:23:26 GMT
server: Apache
vary: Accept-Encoding,User-Agent
:status: 200

Request 3: https://florianschulz.info/portfolio/assets/css/prism.css

URL: https://florianschulz.info/portfolio/assets/css/prism.css
Host: florianschulz.info
IP: 85.13.144.106
Error/Status Code: 200
Priority: Highest
Protocol: HTTP/2
HTTP/2 Stream: 5, weight 256, depends on 0, EXCLUSIVE
Initiated By: https://florianschulz.info/portfolio/ line 35
Request Start: 0.445 s
Time to First Byte: 60 ms
Content Download: 2 ms
Bytes In (downloaded): 0.8 KB
Uncompressed Size: 2.4 KB
Bytes Out (uploaded): 1.9 KB

Request Headers:

:authority: florianschulz.info
:method: GET
:path: /portfolio/assets/css/prism.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://florianschulz.info/portfolio/
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:

accept-ranges: bytes
access-control-allow-methods: GET,POST,OPTIONS,DELETE,PUT
access-control-allow-origin: *
content-encoding: br
content-length: 857
content-type: text/css
date: Mon, 02 Sep 2024 09:23:26 GMT
etag: "98a-5a971184b26fb-br"
last-modified: Thu, 02 Jul 2020 08:21:27 GMT
server: Apache
vary: Accept-Encoding,User-Agent
:status: 200

Request 4: https://florianschulz.info/portfolio/index.min.css?1725269006

URL: https://florianschulz.info/portfolio/index.min.css?1725269006
Host: florianschulz.info
IP: 85.13.144.106
Error/Status Code: 200
Priority: Highest
Protocol: HTTP/2
HTTP/2 Stream: 7, weight 256, depends on 5, EXCLUSIVE
Initiated By: https://florianschulz.info/portfolio/ line 35
Request Start: 0.445 s
Time to First Byte: 534 ms
Content Download: 6 ms
Bytes In (downloaded): 7.3 KB
Uncompressed Size: 39.4 KB
Bytes Out (uploaded): 1.9 KB

Request Headers:

:authority: florianschulz.info
:method: GET
:path: /portfolio/index.min.css?1725269006
: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://florianschulz.info/portfolio/
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:

accept-ranges: bytes
access-control-allow-methods: GET,POST,OPTIONS,DELETE,PUT
access-control-allow-origin: *
content-encoding: br
content-length: 7444
content-type: text/css
date: Mon, 02 Sep 2024 09:23:26 GMT
etag: "9da3-5c6c6747ee25c-br"
last-modified: Sat, 10 Jul 2021 15:22:23 GMT
server: Apache
vary: Accept-Encoding,User-Agent
:status: 200

Request 5: https://florianschulz.info/portfolio/assets/js/pixelate.js

URL: https://florianschulz.info/portfolio/assets/js/pixelate.js
Host: florianschulz.info
IP: 85.13.144.106
Error/Status Code: 200
Priority: High
Protocol: HTTP/2
HTTP/2 Stream: 9, weight 220, depends on 7, EXCLUSIVE
Initiated By: https://florianschulz.info/portfolio/ line 38
Request Start: 0.445 s
Time to First Byte: 537 ms
Content Download: 8 ms
Bytes In (downloaded): 1.0 KB
Uncompressed Size: 3.2 KB
Bytes Out (uploaded): 1.8 KB

Request Headers:

:authority: florianschulz.info
:method: GET
:path: /portfolio/assets/js/pixelate.js
:scheme: https
accept: */*
accept-encoding: gzip, deflate, br, zstd
accept-language: en-US,en;q=0.9
priority: u=1
referer: https://florianschulz.info/portfolio/
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:

accept-ranges: bytes
access-control-allow-methods: GET,POST,OPTIONS,DELETE,PUT
access-control-allow-origin: *
content-encoding: br
content-length: 1028
content-type: application/javascript
date: Mon, 02 Sep 2024 09:23:26 GMT
etag: "ca9-5a9711868e047-br"
last-modified: Thu, 02 Jul 2020 08:21:29 GMT
server: Apache
vary: Accept-Encoding,User-Agent
:status: 200

Request 6: https://florianschulz.info/portfolio/media/pages/home/3854396650-1624944347/florian-schulz-designer-portrait.jpg

URL: https://florianschulz.info/portfolio/media/pages/home/3854396650-1624944347/florian-schulz-designer-portrait.jpg
Host: florianschulz.info
IP: 85.13.144.106
Error/Status Code: 200
Priority: Medium
Protocol: HTTP/2
HTTP/2 Stream: 11, weight 183, depends on 9, EXCLUSIVE
Initiated By: https://florianschulz.info/portfolio/ line 147
Request Start: 0.446 s
Time to First Byte: 122 ms
Content Download: 397 ms
Bytes In (downloaded): 244.5 KB
Uncompressed Size: 244.5 KB
Bytes Out (uploaded): 2.2 KB

Request Headers:

:authority: florianschulz.info
:method: GET
:path: /portfolio/media/pages/home/3854396650-1624944347/florian-schulz-designer-portrait.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: u=2, i
referer: https://florianschulz.info/portfolio/
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
access-control-allow-methods: GET,POST,OPTIONS,DELETE,PUT
access-control-allow-origin: *
content-length: 250363
content-type: image/jpeg
date: Mon, 02 Sep 2024 09:23:26 GMT
etag: "3d1fb-5c60aa89ef5cf"
last-modified: Thu, 01 Jul 2021 07:19:24 GMT
server: Apache
:status: 200

Request 7: https://florianschulz.info/portfolio/assets/js/scrolly.js

URL: https://florianschulz.info/portfolio/assets/js/scrolly.js
Host: florianschulz.info
IP: 85.13.144.106
Error/Status Code: 200
Priority: Medium
Protocol: HTTP/2
HTTP/2 Stream: 13, weight 183, depends on 11, EXCLUSIVE
Initiated By: https://florianschulz.info/portfolio/ line 791
Request Start: 0.446 s
Time to First Byte: 535 ms
Content Download: 11 ms
Bytes In (downloaded): 2.9 KB
Uncompressed Size: 12.0 KB
Bytes Out (uploaded): 1.8 KB

Request Headers:

:authority: florianschulz.info
:method: GET
:path: /portfolio/assets/js/scrolly.js
:scheme: https
accept: */*
accept-encoding: gzip, deflate, br, zstd
accept-language: en-US,en;q=0.9
priority: u=2
referer: https://florianschulz.info/portfolio/
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:

accept-ranges: bytes
access-control-allow-methods: GET,POST,OPTIONS,DELETE,PUT
access-control-allow-origin: *
content-encoding: br
content-length: 2996
content-type: application/javascript
date: Mon, 02 Sep 2024 09:23:26 GMT
etag: "2fed-5a9711870b042-br"
last-modified: Thu, 02 Jul 2020 08:21:29 GMT
server: Apache
vary: Accept-Encoding,User-Agent
:status: 200

Request 8: https://florianschulz.info/portfolio/assets/js/rain.js

URL: https://florianschulz.info/portfolio/assets/js/rain.js
Host: florianschulz.info
IP: 85.13.144.106
Error/Status Code: 200
Priority: Medium
Protocol: HTTP/2
HTTP/2 Stream: 15, weight 183, depends on 13, EXCLUSIVE
Initiated By: https://florianschulz.info/portfolio/ line 791
Request Start: 0.446 s
Time to First Byte: 547 ms
Content Download: 5 ms
Bytes In (downloaded): 0.7 KB
Uncompressed Size: 1.7 KB
Bytes Out (uploaded): 1.8 KB

Request Headers:

:authority: florianschulz.info
:method: GET
:path: /portfolio/assets/js/rain.js
:scheme: https
accept: */*
accept-encoding: gzip, deflate, br, zstd
accept-language: en-US,en;q=0.9
priority: u=2
referer: https://florianschulz.info/portfolio/
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:

accept-ranges: bytes
access-control-allow-methods: GET,POST,OPTIONS,DELETE,PUT
access-control-allow-origin: *
content-encoding: br
content-length: 666
content-type: application/javascript
date: Mon, 02 Sep 2024 09:23:26 GMT
etag: "6da-5a971186c3ba5-br"
last-modified: Thu, 02 Jul 2020 08:21:29 GMT
server: Apache
vary: Accept-Encoding,User-Agent
:status: 200

Request 9: https://florianschulz.info/portfolio/assets/js/smooth-scroll.js

URL: https://florianschulz.info/portfolio/assets/js/smooth-scroll.js
Host: florianschulz.info
IP: 85.13.144.106
Error/Status Code: 200
Priority: Medium
Protocol: HTTP/2
HTTP/2 Stream: 17, weight 183, depends on 15, EXCLUSIVE
Initiated By: https://florianschulz.info/portfolio/ line 791
Request Start: 0.446 s
Time to First Byte: 552 ms
Content Download: 3 ms
Bytes In (downloaded): 2.7 KB
Uncompressed Size: 11.2 KB
Bytes Out (uploaded): 1.8 KB

Request Headers:

:authority: florianschulz.info
:method: GET
:path: /portfolio/assets/js/smooth-scroll.js
:scheme: https
accept: */*
accept-encoding: gzip, deflate, br, zstd
accept-language: en-US,en;q=0.9
priority: u=2
referer: https://florianschulz.info/portfolio/
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:

accept-ranges: bytes
access-control-allow-methods: GET,POST,OPTIONS,DELETE,PUT
access-control-allow-origin: *
content-encoding: br
content-length: 2727
content-type: application/javascript
date: Mon, 02 Sep 2024 09:23:26 GMT
etag: "2cc9-5a9711865c369-br"
last-modified: Thu, 02 Jul 2020 08:21:29 GMT
server: Apache
vary: Accept-Encoding,User-Agent
:status: 200

Request 10: https://use.typekit.net/ekl7wxt.css

URL: https://use.typekit.net/ekl7wxt.css
Host: use.typekit.net
IP: 2.21.34.163
Error/Status Code: 200
Priority: Highest
Protocol: HTTP/2
HTTP/2 Stream: 1, weight 256, depends on 0, EXCLUSIVE
Initiated By: https://florianschulz.info/portfolio/ line 31
Request Start: 0.567 s
DNS Lookup: 43 ms
Initial Connection: 43 ms
Time to First Byte: 300 ms
Content Download: 2 ms
Bytes In (downloaded): 0.7 KB
Uncompressed Size: 3.2 KB
Bytes Out (uploaded): 1.8 KB

Request Headers:

:authority: use.typekit.net
:method: GET
:path: /ekl7wxt.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://florianschulz.info/
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.07

Response Headers:

access-control-allow-origin: *
cache-control: private, max-age=600, stale-while-revalidate=604800
content-encoding: gzip
content-length: 730
content-type: text/css;charset=utf-8
cross-origin-resource-policy: cross-origin
date: Mon, 02 Sep 2024 09:23:26 GMT
server: nginx
strict-transport-security: max-age=31536000; includeSubDomains;
timing-allow-origin: *
vary: Accept-Encoding
:status: 200

Request 11: https://p.typekit.net/p.css?s=1&k=ekl7wxt&ht=tk&f=139.140.175.176&a=543733&app=typekit&e=css

URL: https://p.typekit.net/p.css?s=1&k=ekl7wxt&ht=tk&f=139.140.175.176&a=543733&app=typekit&e=css
Host: p.typekit.net
IP: 23.32.238.211
Error/Status Code: 200
Priority: Highest
Protocol: HTTP/2
HTTP/2 Stream: 1, weight 256, depends on 0, EXCLUSIVE
Initiated By: https://use.typekit.net/ekl7wxt.css line 0
Request Start: 1.120 s
DNS Lookup: 150 ms
Initial Connection: 31 ms
Time to First Byte: 39 ms
Content Download: 3 ms
Bytes In (downloaded): 0.0 KB
Uncompressed Size: 0.0 KB
Bytes Out (uploaded): 1.9 KB

Request Headers:

:authority: p.typekit.net
:method: GET
:path: /p.css?s=1&k=ekl7wxt&ht=tk&f=139.140.175.176&a=543733&app=typekit&e=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://use.typekit.net/
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.07

Response Headers:

accept-ranges: bytes
access-control-allow-origin: *
cache-control: public, max-age=604800
content-length: 5
content-type: text/css
cross-origin-resource-policy: cross-origin
date: Mon, 02 Sep 2024 09:23:27 GMT
etag: "6649f74c-5"
last-modified: Sun, 19 May 2024 12:57:48 GMT
server: nginx
:status: 200

Request 12: https://florianschulz.info/portfolio/media/pages/projects/fritz/2152376474-1625989626/bildschirmfoto-2021-07-11-um-09-46-35-300x175-q90.png

URL: https://florianschulz.info/portfolio/media/pages/projects/fritz/2152376474-1625989626/bildschirmfoto-2021-07-11-um-09-46-35-300x175-q90.png
Host: florianschulz.info
IP: 85.13.144.106
Error/Status Code: 200
Priority: Low
Protocol: HTTP/2
HTTP/2 Stream: 19, weight 147, depends on 0, EXCLUSIVE
Initiated By: https://florianschulz.info/portfolio/ line 793
Request Start: 1.186 s
Time to First Byte: 97 ms
Content Download: 27 ms
Bytes In (downloaded): 31.8 KB
Uncompressed Size: 31.8 KB
Bytes Out (uploaded): 2.2 KB

Request Headers:

:authority: florianschulz.info
:method: GET
:path: /portfolio/media/pages/projects/fritz/2152376474-1625989626/bildschirmfoto-2021-07-11-um-09-46-35-300x175-q90.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://florianschulz.info/portfolio/
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
access-control-allow-methods: GET,POST,OPTIONS,DELETE,PUT
access-control-allow-origin: *
content-length: 32522
content-type: image/png
date: Mon, 02 Sep 2024 09:23:27 GMT
etag: "7f0a-5c6d44cd1a8bd"
last-modified: Sun, 11 Jul 2021 07:53:27 GMT
server: Apache
:status: 200

Request 13: https://florianschulz.info/portfolio/media/pages/projects/pilates-plana/3230568399-1624944348/bildschirmfoto-2021-01-22-um-10-53-13-300x181-q90.png

URL: https://florianschulz.info/portfolio/media/pages/projects/pilates-plana/3230568399-1624944348/bildschirmfoto-2021-01-22-um-10-53-13-300x181-q90.png
Host: florianschulz.info
IP: 85.13.144.106
Error/Status Code: 200
Priority: Low
Protocol: HTTP/2
HTTP/2 Stream: 21, weight 147, depends on 19, EXCLUSIVE
Initiated By: https://florianschulz.info/portfolio/ line 793
Request Start: 1.193 s
Time to First Byte: 144 ms
Content Download: 63 ms
Bytes In (downloaded): 48.4 KB
Uncompressed Size: 48.4 KB
Bytes Out (uploaded): 2.3 KB

Request Headers:

:authority: florianschulz.info
:method: GET
:path: /portfolio/media/pages/projects/pilates-plana/3230568399-1624944348/bildschirmfoto-2021-01-22-um-10-53-13-300x181-q90.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://florianschulz.info/portfolio/
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
access-control-allow-methods: GET,POST,OPTIONS,DELETE,PUT
access-control-allow-origin: *
content-length: 49589
content-type: image/png
date: Mon, 02 Sep 2024 09:23:27 GMT
etag: "c1b5-5c60aa8ac058a"
last-modified: Thu, 01 Jul 2021 07:19:25 GMT
server: Apache
:status: 200

Request 14: https://florianschulz.info/portfolio/media/pages/writing/designing-with-ratio/1667928034-1624944349/1-s6mu-pio58qdgxe59fpcw-300x168-q90.jpg

URL: https://florianschulz.info/portfolio/media/pages/writing/designing-with-ratio/1667928034-1624944349/1-s6mu-pio58qdgxe59fpcw-300x168-q90.jpg
Host: florianschulz.info
IP: 85.13.144.106
Error/Status Code: 200
Priority: Low
Protocol: HTTP/2
HTTP/2 Stream: 23, weight 147, depends on 21, EXCLUSIVE
Initiated By: https://florianschulz.info/portfolio/ line 793
Request Start: 1.194 s
Time to First Byte: 226 ms
Content Download: 1 ms
Bytes In (downloaded): 14.3 KB
Uncompressed Size: 14.3 KB
Bytes Out (uploaded): 2.2 KB

Request Headers:

:authority: florianschulz.info
:method: GET
:path: /portfolio/media/pages/writing/designing-with-ratio/1667928034-1624944349/1-s6mu-pio58qdgxe59fpcw-300x168-q90.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://florianschulz.info/portfolio/
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
access-control-allow-methods: GET,POST,OPTIONS,DELETE,PUT
access-control-allow-origin: *
content-length: 14657
content-type: image/jpeg
date: Mon, 02 Sep 2024 09:23:27 GMT
etag: "3941-5c60aa8a89a8b"
last-modified: Thu, 01 Jul 2021 07:19:25 GMT
server: Apache
:status: 200

Request 15: https://florianschulz.info/portfolio/media/pages/projects/schaftracker/746769445-1624944348/teaser-300x169-q90.png

URL: https://florianschulz.info/portfolio/media/pages/projects/schaftracker/746769445-1624944348/teaser-300x169-q90.png
Host: florianschulz.info
IP: 85.13.144.106
Error/Status Code: 200
Priority: Low
Protocol: HTTP/2
HTTP/2 Stream: 25, weight 147, depends on 23, EXCLUSIVE
Initiated By: https://florianschulz.info/portfolio/ line 793
Request Start: 1.215 s
Time to First Byte: 233 ms
Content Download: 31 ms
Bytes In (downloaded): 32.8 KB
Uncompressed Size: 32.8 KB
Bytes Out (uploaded): 2.2 KB

Request Headers:

:authority: florianschulz.info
:method: GET
:path: /portfolio/media/pages/projects/schaftracker/746769445-1624944348/teaser-300x169-q90.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://florianschulz.info/portfolio/
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
access-control-allow-methods: GET,POST,OPTIONS,DELETE,PUT
access-control-allow-origin: *
content-length: 33556
content-type: image/png
date: Mon, 02 Sep 2024 09:23:27 GMT
etag: "8314-5c60aa8a9178b"
last-modified: Thu, 01 Jul 2021 07:19:25 GMT
server: Apache
:status: 200

Request 16: https://florianschulz.info/portfolio/media/pages/writing/the-anatomy-of-a-thousand-typefaces/3990015912-1624944349/1-jx-x4mlx8ts70ubybvj3iw-300x138-q90.png

URL: https://florianschulz.info/portfolio/media/pages/writing/the-anatomy-of-a-thousand-typefaces/3990015912-1624944349/1-jx-x4mlx8ts70ubybvj3iw-300x138-q90.png
Host: florianschulz.info
IP: 85.13.144.106
Error/Status Code: 200
Priority: Low
Protocol: HTTP/2
HTTP/2 Stream: 27, weight 147, depends on 25, EXCLUSIVE
Initiated By: https://florianschulz.info/portfolio/ line 793
Request Start: 1.216 s
Time to First Byte: 287 ms
Content Download: 5 ms
Bytes In (downloaded): 18.1 KB
Uncompressed Size: 18.1 KB
Bytes Out (uploaded): 2.3 KB

Request Headers:

:authority: florianschulz.info
:method: GET
:path: /portfolio/media/pages/writing/the-anatomy-of-a-thousand-typefaces/3990015912-1624944349/1-jx-x4mlx8ts70ubybvj3iw-300x138-q90.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://florianschulz.info/portfolio/
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
access-control-allow-methods: GET,POST,OPTIONS,DELETE,PUT
access-control-allow-origin: *
content-length: 18527
content-type: image/png
date: Mon, 02 Sep 2024 09:23:27 GMT
etag: "485f-5c60aa8a907eb"
last-modified: Thu, 01 Jul 2021 07:19:25 GMT
server: Apache
:status: 200

Request 17: https://florianschulz.info/portfolio/media/pages/projects/chummy/3477749634-1624944348/icon-300x232-q90.jpg

URL: https://florianschulz.info/portfolio/media/pages/projects/chummy/3477749634-1624944348/icon-300x232-q90.jpg
Host: florianschulz.info
IP: 85.13.144.106
Error/Status Code: 200
Priority: Low
Protocol: HTTP/2
HTTP/2 Stream: 29, weight 147, depends on 27, EXCLUSIVE
Initiated By: https://florianschulz.info/portfolio/ line 793
Request Start: 1.218 s
Time to First Byte: 284 ms
Content Download: 34 ms
Bytes In (downloaded): 17.3 KB
Uncompressed Size: 17.3 KB
Bytes Out (uploaded): 2.1 KB

Request Headers:

:authority: florianschulz.info
:method: GET
:path: /portfolio/media/pages/projects/chummy/3477749634-1624944348/icon-300x232-q90.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://florianschulz.info/portfolio/
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
access-control-allow-methods: GET,POST,OPTIONS,DELETE,PUT
access-control-allow-origin: *
content-length: 17739
content-type: image/jpeg
date: Mon, 02 Sep 2024 09:23:27 GMT
etag: "454b-5c60aa8a87b4b"
last-modified: Thu, 01 Jul 2021 07:19:25 GMT
server: Apache
:status: 200

Request 18: https://florianschulz.info/portfolio/ratio/fonts/Pensum/Pensum-Pro-Bold.woff2

URL: https://florianschulz.info/portfolio/ratio/fonts/Pensum/Pensum-Pro-Bold.woff2
Host: florianschulz.info
IP: 85.13.144.106
Error/Status Code: 200
Priority: Highest
Protocol: HTTP/2
HTTP/2 Stream: 31, weight 256, depends on 0, EXCLUSIVE
Initiated By: https://florianschulz.info/portfolio/index.min.css?1725269006
Request Start: 1.676 s
Time to First Byte: 92 ms
Content Download: 77 ms
Bytes In (downloaded): 61.4 KB
Uncompressed Size: 61.4 KB
Bytes Out (uploaded): 2.0 KB

Request Headers:

:authority: florianschulz.info
:method: GET
:path: /portfolio/ratio/fonts/Pensum/Pensum-Pro-Bold.woff2
:scheme: https
accept: */*
accept-encoding: gzip, deflate, br, zstd
accept-language: en-US,en;q=0.9
origin: https://florianschulz.info
priority: u=0
referer: https://florianschulz.info/portfolio/index.min.css?1725269006
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
access-control-allow-methods: GET,POST,OPTIONS,DELETE,PUT
access-control-allow-origin: *
content-length: 62916
content-type: font/woff2
date: Mon, 02 Sep 2024 09:23:27 GMT
etag: "f5c4-5a95f35a99459"
last-modified: Wed, 01 Jul 2020 11:01:10 GMT
server: Apache
:status: 200

Request 19: https://florianschulz.info/portfolio/ratio/fonts/Pensum/Pensum-Pro-Regular.woff2

URL: https://florianschulz.info/portfolio/ratio/fonts/Pensum/Pensum-Pro-Regular.woff2
Host: florianschulz.info
IP: 85.13.144.106
Error/Status Code: 200
Priority: Highest
Protocol: HTTP/2
HTTP/2 Stream: 33, weight 256, depends on 31, EXCLUSIVE
Initiated By: https://florianschulz.info/portfolio/index.min.css?1725269006
Request Start: 1.678 s
Time to First Byte: 195 ms
Content Download: 87 ms
Bytes In (downloaded): 59.0 KB
Uncompressed Size: 59.0 KB
Bytes Out (uploaded): 2.1 KB

Request Headers:

:authority: florianschulz.info
:method: GET
:path: /portfolio/ratio/fonts/Pensum/Pensum-Pro-Regular.woff2
:scheme: https
accept: */*
accept-encoding: gzip, deflate, br, zstd
accept-language: en-US,en;q=0.9
origin: https://florianschulz.info
priority: u=0
referer: https://florianschulz.info/portfolio/index.min.css?1725269006
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
access-control-allow-methods: GET,POST,OPTIONS,DELETE,PUT
access-control-allow-origin: *
content-length: 60408
content-type: font/woff2
date: Mon, 02 Sep 2024 09:23:27 GMT
etag: "ebf8-5a95f35bd1c4c"
last-modified: Wed, 01 Jul 2020 11:01:12 GMT
server: Apache
:status: 200

Request 20: https://florianschulz.info/portfolio/ratio/fonts/Pensum/Pensum-Pro-Medium.woff2

URL: https://florianschulz.info/portfolio/ratio/fonts/Pensum/Pensum-Pro-Medium.woff2
Host: florianschulz.info
IP: 85.13.144.106
Error/Status Code: 200
Priority: Highest
Protocol: HTTP/2
HTTP/2 Stream: 35, weight 256, depends on 33, EXCLUSIVE
Initiated By: https://florianschulz.info/portfolio/index.min.css?1725269006
Request Start: 1.681 s
Time to First Byte: 302 ms
Content Download: 85 ms
Bytes In (downloaded): 63.3 KB
Uncompressed Size: 63.3 KB
Bytes Out (uploaded): 2.0 KB

Request Headers:

:authority: florianschulz.info
:method: GET
:path: /portfolio/ratio/fonts/Pensum/Pensum-Pro-Medium.woff2
:scheme: https
accept: */*
accept-encoding: gzip, deflate, br, zstd
accept-language: en-US,en;q=0.9
origin: https://florianschulz.info
priority: u=0
referer: https://florianschulz.info/portfolio/index.min.css?1725269006
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
access-control-allow-methods: GET,POST,OPTIONS,DELETE,PUT
access-control-allow-origin: *
content-length: 64856
content-type: font/woff2
date: Mon, 02 Sep 2024 09:23:27 GMT
etag: "fd58-5a95f35b48132"
last-modified: Wed, 01 Jul 2020 11:01:11 GMT
server: Apache
:status: 200

Request 21: https://florianschulz.info/portfolio/ratio/fonts/iA%20Writer%20Mono/iAWriterMonoS-Regular.woff2

URL: https://florianschulz.info/portfolio/ratio/fonts/iA%20Writer%20Mono/iAWriterMonoS-Regular.woff2
Host: florianschulz.info
IP: 85.13.144.106
Error/Status Code: 200
Priority: Highest
Protocol: HTTP/2
HTTP/2 Stream: 37, weight 256, depends on 35, EXCLUSIVE
Initiated By: https://florianschulz.info/portfolio/index.min.css?1725269006
Request Start: 1.691 s
Time to First Byte: 406 ms
Content Download: 33 ms
Bytes In (downloaded): 36.1 KB
Uncompressed Size: 36.1 KB
Bytes Out (uploaded): 2.1 KB

Request Headers:

:authority: florianschulz.info
:method: GET
:path: /portfolio/ratio/fonts/iA%20Writer%20Mono/iAWriterMonoS-Regular.woff2
:scheme: https
accept: */*
accept-encoding: gzip, deflate, br, zstd
accept-language: en-US,en;q=0.9
origin: https://florianschulz.info
priority: u=0
referer: https://florianschulz.info/portfolio/index.min.css?1725269006
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
access-control-allow-methods: GET,POST,OPTIONS,DELETE,PUT
access-control-allow-origin: *
content-length: 36952
content-type: font/woff2
date: Mon, 02 Sep 2024 09:23:27 GMT
etag: "9058-5a95f2e030b18"
last-modified: Wed, 01 Jul 2020 10:59:02 GMT
server: Apache
:status: 200

Request 22: https://florianschulz.info/portfolio/ratio/fonts/iA%20Writer%20Mono/iAWriterMonoS-Italic.woff2

URL: https://florianschulz.info/portfolio/ratio/fonts/iA%20Writer%20Mono/iAWriterMonoS-Italic.woff2
Host: florianschulz.info
IP: 85.13.144.106
Error/Status Code: 200
Priority: Highest
Protocol: HTTP/2
HTTP/2 Stream: 39, weight 256, depends on 37, EXCLUSIVE
Initiated By: https://florianschulz.info/portfolio/index.min.css?1725269006
Request Start: 1.691 s
Time to First Byte: 407 ms
Content Download: 174 ms
Bytes In (downloaded): 39.8 KB
Uncompressed Size: 39.8 KB
Bytes Out (uploaded): 2.1 KB

Request Headers:

:authority: florianschulz.info
:method: GET
:path: /portfolio/ratio/fonts/iA%20Writer%20Mono/iAWriterMonoS-Italic.woff2
:scheme: https
accept: */*
accept-encoding: gzip, deflate, br, zstd
accept-language: en-US,en;q=0.9
origin: https://florianschulz.info
priority: u=0
referer: https://florianschulz.info/portfolio/index.min.css?1725269006
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
access-control-allow-methods: GET,POST,OPTIONS,DELETE,PUT
access-control-allow-origin: *
content-length: 40708
content-type: font/woff2
date: Mon, 02 Sep 2024 09:23:27 GMT
etag: "9f04-5a95f2e052df6"
last-modified: Wed, 01 Jul 2020 10:59:02 GMT
server: Apache
:status: 200

Request 23: https://florianschulz.info/portfolio/ratio/fonts/iA%20Writer%20Mono/iAWriterMonoS-Bold.woff2

URL: https://florianschulz.info/portfolio/ratio/fonts/iA%20Writer%20Mono/iAWriterMonoS-Bold.woff2
Host: florianschulz.info
IP: 85.13.144.106
Error/Status Code: 200
Priority: Highest
Protocol: HTTP/2
HTTP/2 Stream: 41, weight 256, depends on 39, EXCLUSIVE
Initiated By: https://florianschulz.info/portfolio/index.min.css?1725269006
Request Start: 1.692 s
Time to First Byte: 406 ms
Content Download: 237 ms
Bytes In (downloaded): 36.7 KB
Uncompressed Size: 36.7 KB
Bytes Out (uploaded): 2.1 KB

Request Headers:

:authority: florianschulz.info
:method: GET
:path: /portfolio/ratio/fonts/iA%20Writer%20Mono/iAWriterMonoS-Bold.woff2
:scheme: https
accept: */*
accept-encoding: gzip, deflate, br, zstd
accept-language: en-US,en;q=0.9
origin: https://florianschulz.info
priority: u=0
referer: https://florianschulz.info/portfolio/index.min.css?1725269006
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
access-control-allow-methods: GET,POST,OPTIONS,DELETE,PUT
access-control-allow-origin: *
content-length: 37540
content-type: font/woff2
date: Mon, 02 Sep 2024 09:23:27 GMT
etag: "92a4-5a95f2dff03db"
last-modified: Wed, 01 Jul 2020 10:59:02 GMT
server: Apache
:status: 200

Request 24: https://florianschulz.info/portfolio/assets/videos/reel.mp4

URL: https://florianschulz.info/portfolio/assets/videos/reel.mp4
Host: florianschulz.info
IP: 85.13.144.106
Error/Status Code: 206
Priority: Low
Protocol: HTTP/2
HTTP/2 Stream: 43, weight 147, depends on 41, EXCLUSIVE
Initiated By: https://florianschulz.info/portfolio/ line 793
Request Start: 1.713 s
Time to First Byte: 645 ms
Content Download: 5600 ms
Bytes In (downloaded): 3,278.2 KB
Uncompressed Size: 3,262.2 KB
Bytes Out (uploaded): 1.9 KB

Request Headers:

:authority: florianschulz.info
:method: GET
:path: /portfolio/assets/videos/reel.mp4
:scheme: https
accept: */*
accept-encoding: identity;q=1, *;q=0
accept-language: en-US,en;q=0.9
priority: i
range: bytes=0-
referer: https://florianschulz.info/portfolio/
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: video
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-Length: 3851082
Content-Range: bytes 0-3851081/3851082
accept-ranges: bytes
access-control-allow-methods: GET,POST,OPTIONS,DELETE,PUT
access-control-allow-origin: *
content-type: video/mp4
date: Mon, 02 Sep 2024 09:23:27 GMT
etag: "3ac34a-5a97118ea836e"
last-modified: Thu, 02 Jul 2020 08:21:37 GMT
server: Apache
vary: User-Agent
:status: 206
content-length: 3851082
content-range: bytes 0-3851081/3851082

Request 25: https://florianschulz.info/portfolio/assets/videos/hello.mp4

URL: https://florianschulz.info/portfolio/assets/videos/hello.mp4
Host: florianschulz.info
IP: 85.13.144.106
Error/Status Code: 206
Priority: Low
Protocol: HTTP/2
Initiated By: https://florianschulz.info/portfolio/ line 793
Request Start: 1.713 s
Time to First Byte: 646 ms
Bytes In (downloaded): 0.0 KB
Uncompressed Size: 64.0 KB
Bytes Out (uploaded): 1.9 KB

Request Headers:

:authority: florianschulz.info
:method: GET
:path: /portfolio/assets/videos/hello.mp4
:scheme: https
accept: */*
accept-encoding: identity;q=1, *;q=0
accept-language: en-US,en;q=0.9
priority: i
range: bytes=0-
referer: https://florianschulz.info/portfolio/
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: video
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-Length: 228712
Content-Range: bytes 0-228711/228712
accept-ranges: bytes
access-control-allow-methods: GET,POST,OPTIONS,DELETE,PUT
access-control-allow-origin: *
content-type: video/mp4
date: Mon, 02 Sep 2024 09:23:27 GMT
etag: "37d68-5a97118c8c2e5"
last-modified: Thu, 02 Jul 2020 08:21:35 GMT
server: Apache
vary: User-Agent
content-length: 228712
content-range: bytes 0-228711/228712

Request 26: https://use.typekit.net/af/705e94/00000000000000003b9b3062/27/l?primer=7fa3915bdafdf03041871920a205bef951d72bf64dd4c4460fb992e3ecc3a862&fvd=n4&v=3

URL: https://use.typekit.net/af/705e94/00000000000000003b9b3062/27/l?primer=7fa3915bdafdf03041871920a205bef951d72bf64dd4c4460fb992e3ecc3a862&fvd=n4&v=3
Host: use.typekit.net
IP: 2.21.34.163
Error/Status Code: 200
Priority: Highest
Protocol: HTTP/2
HTTP/2 Stream: 1, weight 256, depends on 0, EXCLUSIVE
Initiated By: https://use.typekit.net/ekl7wxt.css
Request Start: 1.947 s
Initial Connection: 45 ms
Time to First Byte: 207 ms
Content Download: 34 ms
Bytes In (downloaded): 19.0 KB
Uncompressed Size: 19.0 KB
Bytes Out (uploaded): 2.2 KB

Request Headers:

:authority: use.typekit.net
:method: GET
:path: /af/705e94/00000000000000003b9b3062/27/l?primer=7fa3915bdafdf03041871920a205bef951d72bf64dd4c4460fb992e3ecc3a862&fvd=n4&v=3
:scheme: https
accept: */*
accept-encoding: gzip, deflate, br, zstd
accept-language: en-US,en;q=0.9
origin: https://florianschulz.info
priority: u=0
referer: https://use.typekit.net/ekl7wxt.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: 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.07

Response Headers:

access-control-allow-origin: *
cache-control: public, max-age=31536000
content-length: 19468
content-type: application/font-woff2
cross-origin-resource-policy: cross-origin
date: Mon, 02 Sep 2024 09:23:27 GMT
etag: "83d5d34ada9d3835ff15f4e0202acf78c83bd6d3"
server: nginx
timing-allow-origin: *
:status: 200

Request 27: https://use.typekit.net/af/949f99/00000000000000003b9b3068/27/l?primer=7fa3915bdafdf03041871920a205bef951d72bf64dd4c4460fb992e3ecc3a862&fvd=n7&v=3

URL: https://use.typekit.net/af/949f99/00000000000000003b9b3068/27/l?primer=7fa3915bdafdf03041871920a205bef951d72bf64dd4c4460fb992e3ecc3a862&fvd=n7&v=3
Host: use.typekit.net
IP: 2.21.34.163
Error/Status Code: 200
Priority: Highest
Protocol: HTTP/2
HTTP/2 Stream: 3, weight 256, depends on 1, EXCLUSIVE
Initiated By: https://use.typekit.net/ekl7wxt.css
Request Start: 1.948 s
Time to First Byte: 255 ms
Content Download: 39 ms
Bytes In (downloaded): 19.6 KB
Uncompressed Size: 19.6 KB
Bytes Out (uploaded): 2.2 KB

Request Headers:

:authority: use.typekit.net
:method: GET
:path: /af/949f99/00000000000000003b9b3068/27/l?primer=7fa3915bdafdf03041871920a205bef951d72bf64dd4c4460fb992e3ecc3a862&fvd=n7&v=3
:scheme: https
accept: */*
accept-encoding: gzip, deflate, br, zstd
accept-language: en-US,en;q=0.9
origin: https://florianschulz.info
priority: u=0
referer: https://use.typekit.net/ekl7wxt.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: 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.07

Response Headers:

access-control-allow-origin: *
cache-control: public, max-age=31536000
content-length: 20020
content-type: application/font-woff2
cross-origin-resource-policy: cross-origin
date: Mon, 02 Sep 2024 09:23:27 GMT
etag: "269ca480d9f4b562d1fba420527e4402600739cc"
server: nginx
timing-allow-origin: *
:status: 200

Request 28: https://florianschulz.info/portfolio/assets/icons/favicon.png

URL: https://florianschulz.info/portfolio/assets/icons/favicon.png
Host: florianschulz.info
IP: 85.13.144.106
Error/Status Code: 200
Priority: High
Protocol: HTTP/2
Request Start: 4.957 s
Time to First Byte: 3807 ms
Content Download: 5 ms
Bytes In (downloaded): 0.0 KB
Uncompressed Size: 0.2 KB
Bytes Out (uploaded): 2.0 KB

Request Headers:

:authority: florianschulz.info
:method: GET
:path: /portfolio/assets/icons/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://florianschulz.info/portfolio/
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
access-control-allow-methods: GET,POST,OPTIONS,DELETE,PUT
access-control-allow-origin: *
content-length: 242
content-type: image/png
date: Mon, 02 Sep 2024 09:23:33 GMT
etag: "f2-5a97118e48832"
last-modified: Thu, 02 Jul 2020 08:21:37 GMT
server: Apache