Webpage Performance Test Result

Settings: Desktopv129CableFrankfurt, Germany
More
- Test runs: 1
- Connectivity: 5000/1000 Kbps, 28ms Latency
- Custom Metrics

Requests Details

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

Page Performance Metrics (Run 1)

TTFB	Start Render	FCP	Speed Index	CLS	TBT	DC Time	DC Requests	DC Bytes	Total Time	Total Requests	Page Weight
.252S	.700S	.717S	.772S	0	.000S	1.076S	7	2,127KB	4.191S	7	2,127KB

Visual Page Loading Process (Explore)

Navigation Timings
domContentLoadedEvent	loadEvent
0.658s - 0.658s (0s)	1.024s - 1.025s (0.001s)

Custom Metrics Data

Colordepth: 24
Dpi: {"dppx":1,"dpcm":37.79527559055118,"dpi":96}
Images: []
Resolution: {"absolute":{"height":1200,"width":1920},"available":{"height":1200,"width":1920}}
fonts: [{"family":"druk","display":"auto","status":"unloaded","style":"normal","weight":"normal"},{"family":"cintra","display":"auto","status":"unloaded","style":"normal","weight":"normal"}]
generated-content-percent: 0.54
generated-content-size: 0.1
imgs-in-viewport: []
imgs-no-alt: []
imgs-out-viewport: []
jsLibsVulns: [{"name":"jquery","severity":"medium","version":"3.4.1","url":"https:\/\/snyk.io\/vuln\/SNYK-JS-JQUERY-567880"},{"name":"jquery","severity":"medium","version":"3.4.1","url":"https:\/\/snyk.io\/vuln\/SNYK-JS-JQUERY-565129"}]
meta-viewport: width=device-width,initial-scale=1.0
possibly-render-blocking-reqs: ["https:\/\/villainstudios.nl\/assets\/js\/jquery-3.4.1.min.js","https:\/\/villainstudios.nl\/assets\/js\/lazyload.min.js","https:\/\/villainstudios.nl\/assets\/css\/index.css","https:\/\/villainstudios.nl\/assets\/css\/templates\/home.css"]
rendered-html: <html lang="en" style="--app-height: 993px; --navi-height: 104px; --footer-height: 108px;"><head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width,initial-scale=1.0"> <title>Villain Studios | Home</title> <link href="https://villainstudios.nl/assets/css/index.css" rel="stylesheet"> <link href="https://villainstudios.nl/assets/css/templates/home.css" rel="stylesheet"> <script src="https://villainstudios.nl/assets/js/jquery-3.4.1.min.js"></script> <link rel="shortcut icon" type="image/x-icon" href="https://villainstudios.nl/favicon.ico"> </head> <body class=" loaded"> <header class="header opacity" id="navigation"> <div class="button social_buttons"> <div><a href="https://www.instagram.com/villainstudiosnl/" class="social_icon"><svg class="svg_icon" width="30" viewBox="0 0 30 30"> <path d="M15,0c-4.08,0-4.58,0-6.18.09a11.28,11.28,0,0,0-3.65.7A7.23,7.23,0,0,0,2.52,2.52,7.18,7.18,0,0,0,.79,5.18a10.9,10.9,0,0,0-.7,3.64C0,10.42,0,10.93,0,15s0,4.58.09,6.18a10.9,10.9,0,0,0,.7,3.64,7.18,7.18,0,0,0,1.73,2.66,7.36,7.36,0,0,0,2.65,1.73,11,11,0,0,0,3.65.7c1.6.07,2.1.09,6.18.09s4.58,0,6.18-.09a11.16,11.16,0,0,0,3.64-.7,7.66,7.66,0,0,0,4.39-4.39,10.9,10.9,0,0,0,.7-3.64C30,19.58,30,19.07,30,15s0-4.58-.09-6.18a11,11,0,0,0-.7-3.65,7.36,7.36,0,0,0-1.73-2.65A7.18,7.18,0,0,0,24.82.79a10.9,10.9,0,0,0-3.64-.7C19.58,0,19.07,0,15,0Zm0,2.7c4,0,4.48,0,6.06.09a8.3,8.3,0,0,1,2.79.52,4.5,4.5,0,0,1,1.72,1.12,4.5,4.5,0,0,1,1.12,1.72,8.3,8.3,0,0,1,.52,2.79c.07,1.58.09,2.06.09,6.06s0,4.48-.1,6.06a8.57,8.57,0,0,1-.52,2.79,4.64,4.64,0,0,1-1.13,1.72,4.58,4.58,0,0,1-1.72,1.12,8.3,8.3,0,0,1-2.79.52c-1.6.07-2.07.09-6.08.09s-4.48,0-6.07-.1a8.58,8.58,0,0,1-2.8-.52,4.57,4.57,0,0,1-1.72-1.13,4.52,4.52,0,0,1-1.13-1.72A8.79,8.79,0,0,1,2.72,21C2.66,19.46,2.64,19,2.64,15s0-4.48.08-6.07a8.87,8.87,0,0,1,.52-2.8A4.45,4.45,0,0,1,4.37,4.39,4.45,4.45,0,0,1,6.09,3.26a8.49,8.49,0,0,1,2.78-.52c1.59-.06,2.06-.08,6.07-.08Zm1.75,4.79A7.72,7.72,0,0,0,7.5,16.78a7.63,7.63,0,0,0,5.75,5.73,7.72,7.72,0,0,0,9.25-9.29A7.63,7.63,0,0,0,16.75,7.49ZM16,19.91A5,5,0,1,1,19.91,16,5,5,0,0,1,16,19.91ZM24.81,7A1.8,1.8,0,1,1,23,5.2,1.8,1.8,0,0,1,24.81,7Z"></path> </svg></a></div> </div> <button class="logo_main"> <a href="https://villainstudios.nl"> <div><svg width="100" viewBox="0 0 620.9 260.6"> <path class="cls-1" d="M139,236.3q-.3-.15-.3-.9v-3.6q0-.75-.3-.9a1.48,1.48,0,0,0-.7-.1h-6.1a1.48,1.48,0,0,0-.7.1q-.3.15-.3.9v4.1a3.11,3.11,0,0,0,.1,1.1,1.71,1.71,0,0,0,.9.6l6.1,1.5c2.1.5,3.7,1,4.9,1.4a8.18,8.18,0,0,1,2.8,1.5,4.36,4.36,0,0,1,1.3,2.3,20.57,20.57,0,0,1,.3,3.9v6.1a7.45,7.45,0,0,1-.7,3.6,4.38,4.38,0,0,1-2,1.8,8.24,8.24,0,0,1-2.9.7c-1.1.1-2.3.1-3.6.1h-6.1c-1.3,0-2.5,0-3.6-.1a8.24,8.24,0,0,1-2.9-.7,4.94,4.94,0,0,1-2-1.8,7,7,0,0,1-.7-3.6v-5.6q0-.75.3-.9a1.48,1.48,0,0,1,.7-.1h6.2a1.48,1.48,0,0,1,.7.1q.3.15.3.9v3.6q0,.75.3.9a1.48,1.48,0,0,0,.7.1h6.1a1.48,1.48,0,0,0,.7-.1q.3-.15.3-.9v-4.1a3.11,3.11,0,0,0-.1-1.1,1.71,1.71,0,0,0-.9-.6l-6.1-1.5c-2-.5-3.7-1-4.9-1.3a8.18,8.18,0,0,1-2.8-1.5,4.78,4.78,0,0,1-1.3-2.3,20.57,20.57,0,0,1-.3-3.9v-6.2a7.45,7.45,0,0,1,.7-3.6,4.38,4.38,0,0,1,2-1.8,8.24,8.24,0,0,1,2.9-.7c1.1-.1,2.3-.1,3.6-.1h6.1c1.3,0,2.5,0,3.6.1a8.24,8.24,0,0,1,2.9.7,4.94,4.94,0,0,1,2,1.8,7,7,0,0,1,.7,3.6v5.6q0,.75-.3.9a1.48,1.48,0,0,1-.7.1h-6.2A1.48,1.48,0,0,1,139,236.3Z"></path><path class="cls-1" d="M208.4,223.7q.3.15.3.9v5.1q0,.75-.3.9a1.48,1.48,0,0,1-.7.1h-7.2v28.7q0,.75-.3.9a1.48,1.48,0,0,1-.7.1h-6.2a1.48,1.48,0,0,1-.7-.1q-.3-.15-.3-.9V230.7h-7.2a1.48,1.48,0,0,1-.7-.1q-.3-.15-.3-.9v-5.1q0-.75.3-.9a1.48,1.48,0,0,1,.7-.1h22.6C207.9,223.6,208.1,223.7,208.4,223.7Z"></path><path class="cls-1" d="M270.2,223.7q.3.15.3.9v29.7a7.45,7.45,0,0,1-.7,3.6,4.38,4.38,0,0,1-2,1.8,8.24,8.24,0,0,1-2.9.7c-1.1.1-2.3.1-3.6.1h-6.1c-1.3,0-2.5,0-3.6-.1a8.24,8.24,0,0,1-2.9-.7,4.94,4.94,0,0,1-2-1.8,7,7,0,0,1-.7-3.6V224.6q0-.75.3-.9a1.48,1.48,0,0,1,.7-.1h6.2a1.48,1.48,0,0,1,.7.1q.3.15.3.9v27.7q0,.75.3.9a1.48,1.48,0,0,0,.7.1h6.1a1.48,1.48,0,0,0,.7-.1q.3-.15.3-.9V224.6q0-.75.3-.9a1.48,1.48,0,0,1,.7-.1h6.1C269.7,223.6,270,223.7,270.2,223.7Z"></path><path class="cls-1" d="M324.3,223.6c1.3,0,2.5,0,3.6.1a8.24,8.24,0,0,1,2.9.7,4.94,4.94,0,0,1,2,1.8,7,7,0,0,1,.7,3.6v24.6a7.45,7.45,0,0,1-.7,3.6,4.38,4.38,0,0,1-2,1.8,8.24,8.24,0,0,1-2.9.7c-1.1.1-2.3.1-3.6.1H309.9a1.48,1.48,0,0,1-.7-.1q-.3-.15-.3-.9V224.8q0-.75.3-.9a1.48,1.48,0,0,1,.7-.1h14.4Zm1,8.2q0-.75-.3-.9a1.48,1.48,0,0,0-.7-.1h-7.2v22.6h7.2a1.48,1.48,0,0,0,.7-.1q.3-.15.3-.9Z"></path><path class="cls-1" d="M379.8,259.5q0,.75-.3.9a1.48,1.48,0,0,1-.7.1h-6.2a1.48,1.48,0,0,1-.7-.1q-.3-.15-.3-.9V224.7q0-.75.3-.9a1.48,1.48,0,0,1,.7-.1h6.2a1.48,1.48,0,0,1,.7.1q.3.15.3.9Z"></path><path class="cls-1" d="M433.3,223.6c1.3,0,2.5,0,3.6.1a8.24,8.24,0,0,1,2.9.7,4.94,4.94,0,0,1,2,1.8,7,7,0,0,1,.7,3.6v24.6a7.45,7.45,0,0,1-.7,3.6,4.38,4.38,0,0,1-2,1.8,8.24,8.24,0,0,1-2.9.7c-1.1.1-2.3.1-3.6.1h-6.1c-1.3,0-2.5,0-3.6-.1a8.24,8.24,0,0,1-2.9-.7,4.94,4.94,0,0,1-2-1.8,7,7,0,0,1-.7-3.6V229.8a7.45,7.45,0,0,1,.7-3.6,4.38,4.38,0,0,1,2-1.8,8.24,8.24,0,0,1,2.9-.7c1.1-.1,2.3-.1,3.6-.1Zm1,8.2q0-.75-.3-.9a1.48,1.48,0,0,0-.7-.1h-6.1a1.48,1.48,0,0,0-.7.1q-.3.15-.3.9v20.5q0,.75.3.9a1.48,1.48,0,0,0,.7.1h6.1a1.48,1.48,0,0,0,.7-.1q.3-.15.3-.9Z"></path><path class="cls-1" d="M497.2,236.3q-.3-.15-.3-.9v-3.6q0-.75-.3-.9a1.48,1.48,0,0,0-.7-.1h-6.1a1.48,1.48,0,0,0-.7.1q-.3.15-.3.9v4.1a3.11,3.11,0,0,0,.1,1.1,1.71,1.71,0,0,0,.9.6l6.1,1.5c2.1.5,3.7,1,4.9,1.4a8.18,8.18,0,0,1,2.8,1.5,4.36,4.36,0,0,1,1.3,2.3,20.57,20.57,0,0,1,.3,3.9v6.1a7.45,7.45,0,0,1-.7,3.6,4.38,4.38,0,0,1-2,1.8,8.24,8.24,0,0,1-2.9.7c-1.1.1-2.3.1-3.6.1h-6.1c-1.3,0-2.5,0-3.6-.1a8.24,8.24,0,0,1-2.9-.7,4.94,4.94,0,0,1-2-1.8,7,7,0,0,1-.7-3.6v-5.6q0-.75.3-.9a1.48,1.48,0,0,1,.7-.1h6.2a1.48,1.48,0,0,1,.7.1q.3.15.3.9v3.6q0,.75.3.9a1.48,1.48,0,0,0,.7.1H496a1.48,1.48,0,0,0,.7-.1q.3-.15.3-.9v-4.1a3.11,3.11,0,0,0-.1-1.1,1.71,1.71,0,0,0-.9-.6l-6.1-1.5c-2-.5-3.7-1-4.9-1.3a8.18,8.18,0,0,1-2.8-1.5,4.78,4.78,0,0,1-1.3-2.3,20.57,20.57,0,0,1-.3-3.9v-6.2a7.45,7.45,0,0,1,.7-3.6,4.38,4.38,0,0,1,2-1.8,8.24,8.24,0,0,1,2.9-.7c1.1-.1,2.3-.1,3.6-.1h6.1c1.3,0,2.5,0,3.6.1a8.24,8.24,0,0,1,2.9.7,4.94,4.94,0,0,1,2,1.8,7,7,0,0,1,.7,3.6v5.6q0,.75-.3.9a1.48,1.48,0,0,1-.7.1H498A1.72,1.72,0,0,1,497.2,236.3Z"></path><path class="cls-1" d="M0,0H37.9L49.7,122.6,61.8,0H99.7L69.3,185.5H30.4Z"></path><path class="cls-1" d="M116.2,0h36.6V185.5H116.2V0Z"></path><path class="cls-1" d="M474.5,0H511V185.5H474.4V0Z"></path><path class="cls-1" d="M174.5,0h37.9V152.2h34v33.2H174.5Z"></path><path class="cls-1" d="M265.4,0h37.9V152.2H340l-5.5,33.2H265.4Z"></path><path class="cls-1" d="M587.7,185.5,565,85V185.5H532.8V0h34.3l21.6,104.3V0h32.2V185.5Z"></path><path class="cls-1" d="M454.2,185.5H416.3L404.5,62.9,392.4,185.5H354.5L384.9,0h38.9Z"></path></svg></div> </a> </button> <button class="button button_menu"> <div class="menu-open-icon"><svg class="svg_icon" width="30" viewBox="0 0 30 30"> <rect width="30" height="5"></rect><rect y="25" width="30" height="5"></rect><rect y="12.5" width="30" height="5"></rect> </svg></div> <div class="menu-close-icon" style="display: none;"><svg class="svg_icon" width="30" viewBox="0 0 30 30"> <polygon points="29.96 3.58 26.43 0.04 15 11.46 3.58 0.04 0.04 3.58 11.46 15 0.04 26.43 3.58 29.96 15 18.54 26.43 29.96 29.96 26.43 18.54 15 29.96 3.58"></polygon></svg></div> </button> <nav class="menu_wrapper"> <nav class="menu"> <a href="https://villainstudios.nl/work">Work</a> <a href="https://villainstudios.nl/about">About</a> <a href="https://villainstudios.nl/jobs">Jobs</a> </nav> <script> $( ".button_menu" ).click(function() { $( ".menu_wrapper" ).toggle(); $( ".button_menu" ).children().toggle(); $('body').toggleClass('body_overflow'); }); </script> </nav></header> <main class="main"> <ul class="projects_grid"> <li> <figure class="project_figure"> <video loop="" muted="" autoplay="" playsinline="" width="100%" height="100%" class="full_video"> <source src="https://villainstudios.nl/media/pages/home/5e2cc2e73b-1729278599/villain-showreel-2024.mp4" type="video/mp4"> </video> </figure> </li> <div class="beeldmerk_container"> <div class="beeldmerk_wrapper"> <div class="imageBox animate_text"><svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 600 600"><defs><style>/* inner styles set by WPT to match CSSOM */.cls-1 { fill: white; }</style></defs><path class="cls-1" d="M253.1,4h34.52l10.8,111.77L309.46,4H344L316.26,173.05H280.81Z"></path></svg></div> <div class="imageBox animate_text" style=" -webkit-transition-delay: .1s; transition-delay: .1s;"><svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 600 600"><defs><style>/* inner styles set by WPT to match CSSOM */.cls-1 { fill: white; }</style></defs><path class="cls-1" d="M501.51,79.86l21.52,27L442.38,185l94.27-61,21.52,27L408.72,234.64l-22.11-27.72Z"></path></svg></div> <div class="imageBox animate_text" style=" -webkit-transition-delay: .2s; transition-delay: .2s;"><svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 600 600"><defs><style>/* inner styles set by WPT to match CSSOM */.cls-1 { fill: white; }</style></defs><path class="cls-1" d="M597.08,321.37,589.39,355,478,340.68l106.51,35.63L576.86,410,418.2,345.33l7.89-34.56Z"></path></svg></div> <div class="imageBox animate_text" style=" -webkit-transition-delay: .3s; transition-delay: .3s;"><svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 600 600"><defs><style>/* inner styles set by WPT to match CSSOM */.cls-1 { fill: white; }</style></defs><path class="cls-1" d="M467.83,546.67l-31.09,15-58.23-96,38.55,105.48L386,586.1,337.58,421.76l31.94-15.38Z"></path></svg></div> <div class="imageBox animate_text" style=" -webkit-transition-delay: .4s; transition-delay: .4s;"><svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 600 600"><defs><style>/* inner styles set by WPT to match CSSOM */.cls-1 { fill: white; }</style></defs><path class="cls-1" d="M211.11,586.1l-31.1-15,38.76-105.38-58.43,95.91-31.1-15,98.31-140.29,31.95,15.38Z"></path></svg></div> <div class="imageBox animate_text" style=" -webkit-transition-delay: .5s; transition-delay: .5s;"><svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 600 600"><defs><style>/* inner styles set by WPT to match CSSOM */.cls-1 { fill: white; }</style></defs><path class="cls-1" d="M20.22,410l-7.68-33.65L119.1,341,7.68,355,0,321.37l171-10.6,7.89,34.56Z"></path></svg></div> <div class="imageBox animate_text" style=" -webkit-transition-delay: .6s; transition-delay: .6s;"><svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 600 600"><defs><style>/* inner styles set by WPT to match CSSOM */.cls-1 { fill: white; }</style></defs><path class="cls-1" d="M38.91,150.9l21.52-27,94.11,61.24L74,106.84l21.52-27L210.42,206.9l-22.1,27.72Z"></path></svg></div> <script type="text/javascript"> window.onload = function() { document.body.className += " loaded"; } </script> <script> $( ".imageBox" ).click(function() { $( ".imageBox" ).toggleClass('test'); }); </script> <style type="text/css">/* inner styles set by WPT to match CSSOM */.imageBox { position: absolute; width: 100%; max-width: 60vmin; cursor: pointer; }.imageBox svg, .cls-1 { fill: rgb(255, 255, 255) !important; }.animate_text { opacity: 0; transition: opacity 0.33s ease-in-out; }body.loaded .animate_text { opacity: 1; }body.loaded .test { opacity: 0; }</style> </div> </div> </ul> </main> <footer class="footer opacity" id="footerHeight"> <div class="footer_container"> <div class="column"> <div>Koivistokade 66A<br>1013 BB Amsterdam</div> <div><a href="mailto:[email protected]">[email protected]</a></div> </div> <div class="column logo_main"> <a href="https://villainstudios.nl"> <svg width="100" viewBox="0 0 620.9 260.6"> <path class="cls-1" d="M139,236.3q-.3-.15-.3-.9v-3.6q0-.75-.3-.9a1.48,1.48,0,0,0-.7-.1h-6.1a1.48,1.48,0,0,0-.7.1q-.3.15-.3.9v4.1a3.11,3.11,0,0,0,.1,1.1,1.71,1.71,0,0,0,.9.6l6.1,1.5c2.1.5,3.7,1,4.9,1.4a8.18,8.18,0,0,1,2.8,1.5,4.36,4.36,0,0,1,1.3,2.3,20.57,20.57,0,0,1,.3,3.9v6.1a7.45,7.45,0,0,1-.7,3.6,4.38,4.38,0,0,1-2,1.8,8.24,8.24,0,0,1-2.9.7c-1.1.1-2.3.1-3.6.1h-6.1c-1.3,0-2.5,0-3.6-.1a8.24,8.24,0,0,1-2.9-.7,4.94,4.94,0,0,1-2-1.8,7,7,0,0,1-.7-3.6v-5.6q0-.75.3-.9a1.48,1.48,0,0,1,.7-.1h6.2a1.48,1.48,0,0,1,.7.1q.3.15.3.9v3.6q0,.75.3.9a1.48,1.48,0,0,0,.7.1h6.1a1.48,1.48,0,0,0,.7-.1q.3-.15.3-.9v-4.1a3.11,3.11,0,0,0-.1-1.1,1.71,1.71,0,0,0-.9-.6l-6.1-1.5c-2-.5-3.7-1-4.9-1.3a8.18,8.18,0,0,1-2.8-1.5,4.78,4.78,0,0,1-1.3-2.3,20.57,20.57,0,0,1-.3-3.9v-6.2a7.45,7.45,0,0,1,.7-3.6,4.38,4.38,0,0,1,2-1.8,8.24,8.24,0,0,1,2.9-.7c1.1-.1,2.3-.1,3.6-.1h6.1c1.3,0,2.5,0,3.6.1a8.24,8.24,0,0,1,2.9.7,4.94,4.94,0,0,1,2,1.8,7,7,0,0,1,.7,3.6v5.6q0,.75-.3.9a1.48,1.48,0,0,1-.7.1h-6.2A1.48,1.48,0,0,1,139,236.3Z"></path><path class="cls-1" d="M208.4,223.7q.3.15.3.9v5.1q0,.75-.3.9a1.48,1.48,0,0,1-.7.1h-7.2v28.7q0,.75-.3.9a1.48,1.48,0,0,1-.7.1h-6.2a1.48,1.48,0,0,1-.7-.1q-.3-.15-.3-.9V230.7h-7.2a1.48,1.48,0,0,1-.7-.1q-.3-.15-.3-.9v-5.1q0-.75.3-.9a1.48,1.48,0,0,1,.7-.1h22.6C207.9,223.6,208.1,223.7,208.4,223.7Z"></path><path class="cls-1" d="M270.2,223.7q.3.15.3.9v29.7a7.45,7.45,0,0,1-.7,3.6,4.38,4.38,0,0,1-2,1.8,8.24,8.24,0,0,1-2.9.7c-1.1.1-2.3.1-3.6.1h-6.1c-1.3,0-2.5,0-3.6-.1a8.24,8.24,0,0,1-2.9-.7,4.94,4.94,0,0,1-2-1.8,7,7,0,0,1-.7-3.6V224.6q0-.75.3-.9a1.48,1.48,0,0,1,.7-.1h6.2a1.48,1.48,0,0,1,.7.1q.3.15.3.9v27.7q0,.75.3.9a1.48,1.48,0,0,0,.7.1h6.1a1.48,1.48,0,0,0,.7-.1q.3-.15.3-.9V224.6q0-.75.3-.9a1.48,1.48,0,0,1,.7-.1h6.1C269.7,223.6,270,223.7,270.2,223.7Z"></path><path class="cls-1" d="M324.3,223.6c1.3,0,2.5,0,3.6.1a8.24,8.24,0,0,1,2.9.7,4.94,4.94,0,0,1,2,1.8,7,7,0,0,1,.7,3.6v24.6a7.45,7.45,0,0,1-.7,3.6,4.38,4.38,0,0,1-2,1.8,8.24,8.24,0,0,1-2.9.7c-1.1.1-2.3.1-3.6.1H309.9a1.48,1.48,0,0,1-.7-.1q-.3-.15-.3-.9V224.8q0-.75.3-.9a1.48,1.48,0,0,1,.7-.1h14.4Zm1,8.2q0-.75-.3-.9a1.48,1.48,0,0,0-.7-.1h-7.2v22.6h7.2a1.48,1.48,0,0,0,.7-.1q.3-.15.3-.9Z"></path><path class="cls-1" d="M379.8,259.5q0,.75-.3.9a1.48,1.48,0,0,1-.7.1h-6.2a1.48,1.48,0,0,1-.7-.1q-.3-.15-.3-.9V224.7q0-.75.3-.9a1.48,1.48,0,0,1,.7-.1h6.2a1.48,1.48,0,0,1,.7.1q.3.15.3.9Z"></path><path class="cls-1" d="M433.3,223.6c1.3,0,2.5,0,3.6.1a8.24,8.24,0,0,1,2.9.7,4.94,4.94,0,0,1,2,1.8,7,7,0,0,1,.7,3.6v24.6a7.45,7.45,0,0,1-.7,3.6,4.38,4.38,0,0,1-2,1.8,8.24,8.24,0,0,1-2.9.7c-1.1.1-2.3.1-3.6.1h-6.1c-1.3,0-2.5,0-3.6-.1a8.24,8.24,0,0,1-2.9-.7,4.94,4.94,0,0,1-2-1.8,7,7,0,0,1-.7-3.6V229.8a7.45,7.45,0,0,1,.7-3.6,4.38,4.38,0,0,1,2-1.8,8.24,8.24,0,0,1,2.9-.7c1.1-.1,2.3-.1,3.6-.1Zm1,8.2q0-.75-.3-.9a1.48,1.48,0,0,0-.7-.1h-6.1a1.48,1.48,0,0,0-.7.1q-.3.15-.3.9v20.5q0,.75.3.9a1.48,1.48,0,0,0,.7.1h6.1a1.48,1.48,0,0,0,.7-.1q.3-.15.3-.9Z"></path><path class="cls-1" d="M497.2,236.3q-.3-.15-.3-.9v-3.6q0-.75-.3-.9a1.48,1.48,0,0,0-.7-.1h-6.1a1.48,1.48,0,0,0-.7.1q-.3.15-.3.9v4.1a3.11,3.11,0,0,0,.1,1.1,1.71,1.71,0,0,0,.9.6l6.1,1.5c2.1.5,3.7,1,4.9,1.4a8.18,8.18,0,0,1,2.8,1.5,4.36,4.36,0,0,1,1.3,2.3,20.57,20.57,0,0,1,.3,3.9v6.1a7.45,7.45,0,0,1-.7,3.6,4.38,4.38,0,0,1-2,1.8,8.24,8.24,0,0,1-2.9.7c-1.1.1-2.3.1-3.6.1h-6.1c-1.3,0-2.5,0-3.6-.1a8.24,8.24,0,0,1-2.9-.7,4.94,4.94,0,0,1-2-1.8,7,7,0,0,1-.7-3.6v-5.6q0-.75.3-.9a1.48,1.48,0,0,1,.7-.1h6.2a1.48,1.48,0,0,1,.7.1q.3.15.3.9v3.6q0,.75.3.9a1.48,1.48,0,0,0,.7.1H496a1.48,1.48,0,0,0,.7-.1q.3-.15.3-.9v-4.1a3.11,3.11,0,0,0-.1-1.1,1.71,1.71,0,0,0-.9-.6l-6.1-1.5c-2-.5-3.7-1-4.9-1.3a8.18,8.18,0,0,1-2.8-1.5,4.78,4.78,0,0,1-1.3-2.3,20.57,20.57,0,0,1-.3-3.9v-6.2a7.45,7.45,0,0,1,.7-3.6,4.38,4.38,0,0,1,2-1.8,8.24,8.24,0,0,1,2.9-.7c1.1-.1,2.3-.1,3.6-.1h6.1c1.3,0,2.5,0,3.6.1a8.24,8.24,0,0,1,2.9.7,4.94,4.94,0,0,1,2,1.8,7,7,0,0,1,.7,3.6v5.6q0,.75-.3.9a1.48,1.48,0,0,1-.7.1H498A1.72,1.72,0,0,1,497.2,236.3Z"></path><path class="cls-1" d="M0,0H37.9L49.7,122.6,61.8,0H99.7L69.3,185.5H30.4Z"></path><path class="cls-1" d="M116.2,0h36.6V185.5H116.2V0Z"></path><path class="cls-1" d="M474.5,0H511V185.5H474.4V0Z"></path><path class="cls-1" d="M174.5,0h37.9V152.2h34v33.2H174.5Z"></path><path class="cls-1" d="M265.4,0h37.9V152.2H340l-5.5,33.2H265.4Z"></path><path class="cls-1" d="M587.7,185.5,565,85V185.5H532.8V0h34.3l21.6,104.3V0h32.2V185.5Z"></path><path class="cls-1" d="M454.2,185.5H416.3L404.5,62.9,392.4,185.5H354.5L384.9,0h38.9Z"></path></svg></a> </div> <div class="column"> <p>© 2024 Villain Studios</p> </div> </div> </footer> <script type="text/javascript"> const appHeight = () => { const doc = document.documentElement doc.style.setProperty('--app-height', `${window.innerHeight}px`) } window.addEventListener('resize', appHeight) window.addEventListener('load', appHeight) appHeight() const navigationHeight = () => { var navigation = document.getElementById('navigation'); var height = navigation.clientHeight; const doc = document.documentElement doc.style.setProperty('--navi-height', `${height}px`) } window.addEventListener('load', navigationHeight) window.addEventListener('resize', navigationHeight) navigationHeight() const footerHeight = () => { var navigation = document.getElementById('footerHeight'); var height = navigation.clientHeight; const doc = document.documentElement doc.style.setProperty('--footer-height', `${height}px`) } window.addEventListener('load', footerHeight) window.addEventListener('resize', footerHeight) footerHeight() </script> <script src="https://villainstudios.nl/assets/js/lazyload.min.js"></script> <script> (function () { function logElementEvent(eventName, element) { console.log(Date.now(), eventName, element.getAttribute("data-src")); } var callback_enter = function (element) { logElementEvent("🔑 ENTERED", element); }; var callback_exit = function (element) { logElementEvent("🚪 EXITED", element); }; var callback_loading = function (element) { logElementEvent("⌚ LOADING", element); }; var callback_loaded = function (element) { logElementEvent("👍 LOADED", element); }; var callback_error = function (element) { logElementEvent("💀 ERROR", element); element.src = "https://via.placeholder.com/440x560/?text=Error+Placeholder"; }; var callback_finish = function () { logElementEvent("✔️ FINISHED", document.documentElement); }; var callback_cancel = function (element) { logElementEvent("🔥 CANCEL", element); }; ll = new LazyLoad({ // Assign the callbacks defined above callback_enter: callback_enter, callback_exit: callback_exit, callback_cancel: callback_cancel, callback_loading: callback_loading, callback_loaded: callback_loaded, callback_error: callback_error, callback_finish: callback_finish, // For debugging purposes threshold: 0 }); })(); </script> </body></html>
securityHeaders: {"securityHeadersList":[],"securityHeadersGrade":"F","securityHeadersScore":0}

Waterfall View

Start Render

First Contentful Paint

DOM Interactive

DOM Content Loaded

On Load

Document Complete

Render Blocking Resource

Insecure Request

3xx response

4xx+ response

Doesn't Belong to Main Doc

customize waterfall • View all Images • View HTTP/2 Dependency Graph • Filmstrip

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

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://villainstudios.nl/	text/html	Highest	0.139 s	40 ms	38 ms	61 ms	113 ms	1 ms	4.5 KB	34 ms	200	64.227.70.205
2	https://villainstudi...assets/css/index.css	text/css	Highest	0.262 s	-	-	-	51 ms	4 ms	5.6 KB	-	200	64.227.70.205
3	https://villainstudi...s/templates/home.css	text/css	Highest	0.262 s	-	42 ms	76 ms	53 ms	1 ms	0.1 KB	-	200	64.227.70.205
4	https://villainstudi.../jquery-3.4.1.min.js	application/javascript	High	0.317 s	-	-	-	161 ms	120 ms	86.1 KB	9 ms	200	64.227.70.205
5	https://villainstudi...s/js/lazyload.min.js	application/javascript	High	0.317 s	-	-	-	91 ms	2 ms	7.4 KB	1 ms	200	64.227.70.205
6	https://villainstudi...in-showreel-2024.mp4	video/mp4	Low	0.651 s	-	-	-	75 ms	3465 ms	2,015.7 KB	-	206	64.227.70.205
7	https://villainstudios.nl/favicon.ico	image/x-icon	High	1.027 s	-	-	-	185 ms	3 ms	7.2 KB	-	200	64.227.70.205

Request Headers

+ Expand All

Request 1: https://villainstudios.nl/

URL: https://villainstudios.nl/
Host: villainstudios.nl
IP: 64.227.70.205
Error/Status Code: 200
Priority: Highest
Protocol: http/1.1
Initiated By: https://villainstudios.nl/assets/js/jquery-3.4.1.min.js
Request Start: 0.139 s
DNS Lookup: 40 ms
Initial Connection: 38 ms
Time to First Byte: 113 ms
Content Download: 1 ms
Bytes In (downloaded): 4.5 KB
Uncompressed Size: 18.7 KB
Bytes Out (uploaded): 1.9 KB

Request Headers:

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
Connection: keep-alive
Host: villainstudios.nl
Sec-Fetch-Dest: document
Sec-Fetch-Mode: navigate
Sec-Fetch-Site: cross-site
Upgrade-Insecure-Requests: 1
User-Agent: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/129.0.0.0 Safari/537.36 PTST/24.10.2
sec-ch-ua: " Not A;Brand";v="99", "Chromium";v="129", "Google Chrome";v="129"
sec-ch-ua-mobile: ?0
sec-ch-ua-platform: "Unknown"

Response Headers:

HTTP/1.1 200 OK
Server: nginx/1.14.0 (Ubuntu)
Date: Sun, 20 Oct 2024 00:45:26 GMT
Content-Type: text/html; charset=UTF-8
Transfer-Encoding: chunked
Connection: keep-alive
Content-Encoding: gzip

Request 2: https://villainstudios.nl/assets/css/index.css

URL: https://villainstudios.nl/assets/css/index.css
Host: villainstudios.nl
IP: 64.227.70.205
Error/Status Code: 200
Priority: Highest
Protocol: http/1.1
Initiated By: https://villainstudios.nl/ line 14
Request Start: 0.262 s
Time to First Byte: 51 ms
Content Download: 4 ms
Bytes In (downloaded): 5.6 KB
Uncompressed Size: 5.6 KB
Bytes Out (uploaded): 1.6 KB

Request Headers:

Accept: text/css,*/*;q=0.1
Accept-Encoding: gzip, deflate, br, zstd
Accept-Language: en-US,en;q=0.9
Connection: keep-alive
Host: villainstudios.nl
Referer: https://villainstudios.nl/
Sec-Fetch-Dest: style
Sec-Fetch-Mode: no-cors
Sec-Fetch-Site: same-origin
User-Agent: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/129.0.0.0 Safari/537.36 PTST/24.10.2
sec-ch-ua: " Not A;Brand";v="99", "Chromium";v="129", "Google Chrome";v="129"
sec-ch-ua-mobile: ?0
sec-ch-ua-platform: "Unknown"

Response Headers:

HTTP/1.1 200 OK
Server: nginx/1.14.0 (Ubuntu)
Date: Sun, 20 Oct 2024 00:45:26 GMT
Content-Type: text/css
Content-Length: 5769
Last-Modified: Mon, 23 Aug 2021 12:24:46 GMT
Connection: keep-alive
ETag: "6123938e-1689"
Accept-Ranges: bytes

Request 3: https://villainstudios.nl/assets/css/templates/home.css

URL: https://villainstudios.nl/assets/css/templates/home.css
Host: villainstudios.nl
IP: 64.227.70.205
Error/Status Code: 200
Priority: Highest
Protocol: http/1.1
Initiated By: https://villainstudios.nl/ line 15
Request Start: 0.262 s
Initial Connection: 42 ms
Time to First Byte: 53 ms
Content Download: 1 ms
Bytes In (downloaded): 0.1 KB
Uncompressed Size: 0.1 KB
Bytes Out (uploaded): 1.6 KB

Request Headers:

Response Headers:

HTTP/1.1 200 OK
Server: nginx/1.14.0 (Ubuntu)
Date: Sun, 20 Oct 2024 00:45:26 GMT
Content-Type: text/css
Content-Length: 75
Last-Modified: Mon, 23 Aug 2021 12:24:49 GMT
Connection: keep-alive
ETag: "61239391-4b"
Accept-Ranges: bytes

Request 4: https://villainstudios.nl/assets/js/jquery-3.4.1.min.js

URL: https://villainstudios.nl/assets/js/jquery-3.4.1.min.js
Host: villainstudios.nl
IP: 64.227.70.205
Error/Status Code: 200
Priority: High
Protocol: http/1.1
Initiated By: https://villainstudios.nl/ line 16
Request Start: 0.317 s
Time to First Byte: 161 ms
Content Download: 120 ms
Bytes In (downloaded): 86.1 KB
Uncompressed Size: 86.1 KB
Bytes Out (uploaded): 1.6 KB

Request Headers:

Accept: */*
Accept-Encoding: gzip, deflate, br, zstd
Accept-Language: en-US,en;q=0.9
Connection: keep-alive
Host: villainstudios.nl
Referer: https://villainstudios.nl/
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/129.0.0.0 Safari/537.36 PTST/24.10.2
sec-ch-ua: " Not A;Brand";v="99", "Chromium";v="129", "Google Chrome";v="129"
sec-ch-ua-mobile: ?0
sec-ch-ua-platform: "Unknown"

Response Headers:

HTTP/1.1 200 OK
Server: nginx/1.14.0 (Ubuntu)
Date: Sun, 20 Oct 2024 00:45:26 GMT
Content-Type: application/javascript
Content-Length: 88145
Last-Modified: Mon, 23 Aug 2021 12:24:47 GMT
Connection: keep-alive
ETag: "6123938f-15851"
Accept-Ranges: bytes

Request 5: https://villainstudios.nl/assets/js/lazyload.min.js

URL: https://villainstudios.nl/assets/js/lazyload.min.js
Host: villainstudios.nl
IP: 64.227.70.205
Error/Status Code: 200
Priority: High
Protocol: http/1.1
Initiated By: https://villainstudios.nl/ line 243
Request Start: 0.317 s
Time to First Byte: 91 ms
Content Download: 2 ms
Bytes In (downloaded): 7.4 KB
Uncompressed Size: 7.4 KB
Bytes Out (uploaded): 1.6 KB

Request Headers:

Response Headers:

HTTP/1.1 200 OK
Server: nginx/1.14.0 (Ubuntu)
Date: Sun, 20 Oct 2024 00:45:26 GMT
Content-Type: application/javascript
Content-Length: 7576
Last-Modified: Mon, 23 Aug 2021 12:24:47 GMT
Connection: keep-alive
ETag: "6123938f-1d98"
Accept-Ranges: bytes

Request 6: https://villainstudios.nl/media/pages/home/5e2cc2e73b-1729278599/villain-showreel-2024.mp4

URL: https://villainstudios.nl/media/pages/home/5e2cc2e73b-1729278599/villain-showreel-2024.mp4
Host: villainstudios.nl
IP: 64.227.70.205
Error/Status Code: 206
Priority: Low
Protocol: http/1.1
Initiated By: https://villainstudios.nl/ line 243
Request Start: 0.651 s
Time to First Byte: 75 ms
Content Download: 3465 ms
Bytes In (downloaded): 2,015.7 KB
Uncompressed Size: 2,015.7 KB
Bytes Out (uploaded): 1.6 KB

Request Headers:

Accept: */*
Accept-Encoding: identity;q=1, *;q=0
Accept-Language: en-US,en;q=0.9
Connection: keep-alive
Host: villainstudios.nl
Range: bytes=0-
Referer: https://villainstudios.nl/
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/129.0.0.0 Safari/537.36 PTST/24.10.2
sec-ch-ua: " Not A;Brand";v="99", "Chromium";v="129", "Google Chrome";v="129"
sec-ch-ua-mobile: ?0
sec-ch-ua-platform: "Unknown"

Response Headers:

HTTP/1.1 206 Partial Content
Server: nginx/1.14.0 (Ubuntu)
Date: Sun, 20 Oct 2024 00:45:26 GMT
Content-Type: video/mp4
Last-Modified: Fri, 18 Oct 2024 19:10:14 GMT
Connection: keep-alive
ETag: "6712b296-37f15b5"
Content-Range: bytes 0-58660276/58660277
Content-Length: 58660277

Request 7: https://villainstudios.nl/favicon.ico

URL: https://villainstudios.nl/favicon.ico
Host: villainstudios.nl
IP: 64.227.70.205
Error/Status Code: 200
Priority: High
Protocol: http/1.1
Request Start: 1.027 s
Time to First Byte: 185 ms
Content Download: 3 ms
Bytes In (downloaded): 7.2 KB
Uncompressed Size: 7.2 KB
Bytes Out (uploaded): 1.8 KB

Request Headers:

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
Connection: keep-alive
Host: villainstudios.nl
Referer: https://villainstudios.nl/
Sec-Fetch-Dest: image
Sec-Fetch-Mode: no-cors
Sec-Fetch-Site: same-origin
User-Agent: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/129.0.0.0 Safari/537.36 PTST/24.10.2
sec-ch-ua: " Not A;Brand";v="99", "Chromium";v="129", "Google Chrome";v="129"
sec-ch-ua-mobile: ?0
sec-ch-ua-platform: "Unknown"

Response Headers:

HTTP/1.1 200 OK
Server: nginx/1.14.0 (Ubuntu)
Date: Sun, 20 Oct 2024 00:45:27 GMT
Content-Type: image/x-icon
Content-Length: 7406
Last-Modified: Mon, 23 Aug 2021 12:22:33 GMT
Connection: keep-alive
ETag: "61239309-1cee"
Accept-Ranges: bytes