https://loadster.com/tools/ Recent content in Free Tools for Web Performance on Loadster Hugo en-us https://loadster.com/tools/website-speed-test/ Mon, 01 Jan 0001 00:00:00 +0000 https://loadster.com/tools/website-speed-test/ <section class="hero"> <div class="wrapper"> <h1>Free Website Speed Test</h1> <h2> <span class="xl:block"> Check your site's performance, page load time, and Core Web Vitals from a real Chrome browser in a location of your choice. </span> </h2> <form action="https://loadster.com/dashboard/tools/website-speed-test" method="GET" class="cta-form lg:text-2xl"> <div class="text-light text-base lg:text-xl">Enter your site&#39;s URL for a free Loadster site speed report.</div> <input type="hidden" name="intent" value="SpeedTest"/> <div class="flex flex-col md:flex-row w-full gap-3 pt-3"> <input name="url" placeholder="https://" class="grow lg:w-0 bg-highlight min-w-0 rounded-lg p-2 md:p-4 focus:ring-0! focus:ring-offset-0"/> <select id="cta-form-region" name="region" class="cta-form__region-select text-xl py-3"> <option value="">Any Region</option> <optgroup label="North America"> <option value="216c99f8-7621-439f-918d-34efce769b85">United States — Central</option> <option value="083a7eca-622a-4f82-8a78-fd5c7a4373e2">United States — East</option> <option value="c3f2feb9-da05-468a-903f-a7fe93bb5c68">United States — West</option> </optgroup> <optgroup label="South America"> <option value="21a5984b-1533-11ea-9ada-1258e6864d56">Brazil</option> </optgroup> <optgroup label="Europe"> <option value="659d9cdb-2c36-4b0f-a97e-9e7c359ccb50">United Kingdom</option> <option value="17115b9a-6b99-11e9-a13b-1258e6864d56">Netherlands</option> </optgroup> <optgroup label="Asia Pacific"> <option value="1c2517d3-6b99-11e9-a13b-1258e6864d56">Singapore</option> <option value="28d1b1e9-1533-11ea-9ada-1258e6864d56">Australia</option> </optgroup> </select> <button type="submit" class="btn btn-primary text-2xl"> <span class="sr-only">Run Speed Test</span> <svg class="btn__icon w-10 h-10"> <use href="#chevrons_right"></use> </svg> </button> </div> <div class="cta-form__region"> </div> </form> </div> </section> <div class="hidden md:block"> <div class="relative h-[300px] opacity-100 overflow-x-clip"> <svg id="monitor-svg" viewBox="0 0 480 160" overflow="visible" fill="none" xmlns="http://www.w3.org/2000/svg" class="relative h-full mx-auto" style="aspect-ratio: 3/1" role="img" aria-label="Site Monitoring Pattern"> <line x1="-3000" y1="150" x2="3480" y2="150" stroke="#daffbf" stroke-width="20" stroke-linecap="round" vector-effect="non-scaling-stroke"/> <g id="monitor-sticks"> <path d="M20 150 L20 49 Q20 45 23.90 43.95 L36.10 40.69 Q40 39.64 40 43.64 L40 150Z" fill="#daffbf"/> <path d="M50 150 L50 42 Q50 38 53.90 36.95 L66.10 33.69 Q70 32.64 70 36.64 L70 150Z" fill="#daffbf"/> <path d="M80 150 L80 54 Q80 50 83.90 48.95 L96.10 45.69 Q100 44.64 100 48.64 L100 150Z" fill="#daffbf"/> <path d="M110 150 L110 46 Q110 42 113.90 40.95 L126.10 37.69 Q130 36.64 130 40.64 L130 150Z" fill="#daffbf"/> <path d="M140 150 L140 59 Q140 55 143.90 53.95 L156.10 50.69 Q160 49.64 160 53.64 L160 150Z" fill="#daffbf"/> <path d="M170 150 L170 39 Q170 35 173.90 33.95 L186.10 30.69 Q190 29.64 190 33.64 L190 150Z" fill="#daffbf"/> <path d="M200 150 L200 52 Q200 48 203.90 46.95 L216.10 43.69 Q220 42.64 220 46.64 L220 150Z" fill="#daffbf"/> <path d="M230 150 L230 44 Q230 40 233.90 38.95 L246.10 35.69 Q250 34.64 250 38.64 L250 150Z" fill="#daffbf"/> <path d="M260 150 L260 124 Q260 120 263.90 118.95 L276.10 115.69 Q280 114.64 280 118.64 L280 150Z" fill="#daffbf"/> <path d="M290 150 L290 50 Q290 46 293.90 44.95 L306.10 41.69 Q310 40.64 310 44.64 L310 150Z" fill="#daffbf"/> <path d="M320 150 L320 42 Q320 38 323.90 36.95 L336.10 33.69 Q340 32.64 340 36.64 L340 150Z" fill="#daffbf"/> <path d="M350 150 L350 56 Q350 52 353.90 50.95 L366.10 47.69 Q370 46.64 370 50.64 L370 150Z" fill="#daffbf"/> <path d="M380 150 L380 46 Q380 42 383.90 40.95 L396.10 37.69 Q400 36.64 400 40.64 L400 150Z" fill="#daffbf"/> <path d="M410 150 L410 39 Q410 35 413.90 33.95 L426.10 30.69 Q430 29.64 430 33.64 L430 150Z" fill="#daffbf"/> <path d="M440 150 L440 48 Q440 44 443.90 42.95 L456.10 39.69 Q460 38.64 460 42.64 L460 150Z" fill="#daffbf"/> </g> </svg> </div> <script> (function () { const pool = [45, 38, 50, 42, 55, 35, 48, 40, 120, 46, 38, 52, 42, 35, 44, 42, 30, 48, 55, 38, 110, 45, 40, 52, 35, 50, 44, 42, 36, 48]; const sticks = document.querySelectorAll('#monitor-sticks path'); const count = sticks.length; const slopeRise = 20 * Math.tan(15 * Math.PI / 180); const slopeLen = Math.sqrt(400 + slopeRise * slopeRise); const R = 4; const sdx = R * 20 / slopeLen; const sdy = R * slopeRise / slopeLen; const currentHeights = []; let offset = 0; for (let i = 0; i < count; i++) { currentHeights[i] = pool[i]; } function pathD(i, topY) { const l = 20 + i * 30; const r = l + 20; const tr = topY - slopeRise; return `M${l} 150L${l} ${topY + R}Q${l} ${topY} ${l + sdx} ${topY - sdy}L${r - sdx} ${tr + sdy}Q${r} ${tr} ${r} ${tr + R}L${r} 150Z`; } function easeInOut(t) { return t < 0.5 ? 2 * t * t : 1 - (-2 * t + 2) * (-2 * t + 2) / 2; } function shift() { const oldHeights = currentHeights.slice(); offset = (offset + 1) % pool.length; const newHeights = []; for (let i = 0; i < count; i++) { newHeights[i] = pool[(i + offset) % pool.length]; } const duration = 500; const start = performance.now(); function frame(now) { const t = easeInOut(Math.min((now - start) / duration, 1)); for (let i = 0; i < count; i++) { currentHeights[i] = oldHeights[i] + (newHeights[i] - oldHeights[i]) * t; sticks[i].setAttribute('d', pathD(i, currentHeights[i])); } if (t < 1) requestAnimationFrame(frame); } requestAnimationFrame(frame); } setInterval(shift, 2000); })(); </script> </div> <section> <div class="wrapper lg:py-16 max-w-screen-lg"> <h2> <span class="xl:block text-accent">Why run a website speed test?</span> <span>Every millisecond counts to your users.</span> </h2> <p> Page load speed is one of those things that affects almost everything else about your site. Your search ranking, conversion rate, bounce rate, ad cost, and brand perception, to name a few. Google uses Core Web Vitals as a search ranking signal, so a slow LCP can quietly cost you visibility before a single user ever notices. Web performance studies have shown that every extra 100&nbsp;ms of load time shaves a measurable amount off of your conversion rates. </p>