eupolicy.social is one of the many independent Mastodon servers you can use to participate in the fediverse.
This Mastodon server is a friendly and respectful discussion space for people working in areas related to EU policy. When you request to create an account, please tell us something about you.

Server stats:

205
active users

#webperf

2 posts1 participant0 posts today
Inautilo<p><a href="https://mastodon.social/tags/Development" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Development</span></a> <a href="https://mastodon.social/tags/Analyses" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Analyses</span></a><br>React won, innovation lost · ”React is no longer winning by technical merit.” <a href="https://ilo.im/166wd5" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="">ilo.im/166wd5</span><span class="invisible"></span></a></p><p>_____<br><a href="https://mastodon.social/tags/Frameworks" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Frameworks</span></a> <a href="https://mastodon.social/tags/React" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>React</span></a> <a href="https://mastodon.social/tags/SolidJS" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>SolidJS</span></a> <a href="https://mastodon.social/tags/Svelte" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Svelte</span></a> <a href="https://mastodon.social/tags/Qwik" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Qwik</span></a> <a href="https://mastodon.social/tags/JavaScript" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>JavaScript</span></a> <a href="https://mastodon.social/tags/TechDebt" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>TechDebt</span></a> <a href="https://mastodon.social/tags/WebPerf" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>WebPerf</span></a> <a href="https://mastodon.social/tags/WebDev" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>WebDev</span></a> <a href="https://mastodon.social/tags/Frontend" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Frontend</span></a></p>
Inautilo<p><a href="https://mastodon.social/tags/Development" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Development</span></a> <a href="https://mastodon.social/tags/Announcements" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Announcements</span></a><br>Web Analytics by default · Cloudflare soon enables powerful analytics on its free plan <a href="https://ilo.im/166yrh" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="">ilo.im/166yrh</span><span class="invisible"></span></a></p><p>_____<br><a href="https://mastodon.social/tags/Cloudflare" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Cloudflare</span></a> <a href="https://mastodon.social/tags/Website" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Website</span></a> <a href="https://mastodon.social/tags/Privacy" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Privacy</span></a> <a href="https://mastodon.social/tags/WebAnalytics" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>WebAnalytics</span></a> <a href="https://mastodon.social/tags/RUM" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>RUM</span></a> <a href="https://mastodon.social/tags/WebPerf" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>WebPerf</span></a> <a href="https://mastodon.social/tags/WebDev" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>WebDev</span></a> <a href="https://mastodon.social/tags/Frontend" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Frontend</span></a> <a href="https://mastodon.social/tags/Backend" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Backend</span></a></p>
Inautilo<p><a href="https://mastodon.social/tags/Development" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Development</span></a> <a href="https://mastodon.social/tags/Guidelines" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Guidelines</span></a><br>Preloading fonts for performance? · When preloading helps, and when it hurts <a href="https://ilo.im/166oxo" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="">ilo.im/166oxo</span><span class="invisible"></span></a></p><p>_____<br><a href="https://mastodon.social/tags/Preloading" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Preloading</span></a> <a href="https://mastodon.social/tags/Fonts" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Fonts</span></a> <a href="https://mastodon.social/tags/WebPerf" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>WebPerf</span></a> <a href="https://mastodon.social/tags/WebVitals" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>WebVitals</span></a> <a href="https://mastodon.social/tags/FCP" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>FCP</span></a> <a href="https://mastodon.social/tags/Browser" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Browser</span></a> <a href="https://mastodon.social/tags/WebDev" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>WebDev</span></a> <a href="https://mastodon.social/tags/Frontend" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Frontend</span></a></p>
Inautilo<p><a href="https://mastodon.social/tags/Development" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Development</span></a> <a href="https://mastodon.social/tags/Announcements" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Announcements</span></a><br>CrUX Dashboard deprecation · Google prioritizes CrUX Vis for performance data <a href="https://ilo.im/166qll" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="">ilo.im/166qll</span><span class="invisible"></span></a></p><p>_____<br><a href="https://mastodon.social/tags/Google" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Google</span></a> <a href="https://mastodon.social/tags/Dashboard" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Dashboard</span></a> <a href="https://mastodon.social/tags/Chrome" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Chrome</span></a> <a href="https://mastodon.social/tags/Browser" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Browser</span></a> <a href="https://mastodon.social/tags/Data" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Data</span></a> <a href="https://mastodon.social/tags/CrUX" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>CrUX</span></a> <a href="https://mastodon.social/tags/API" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>API</span></a> <a href="https://mastodon.social/tags/WebPerf" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>WebPerf</span></a> <a href="https://mastodon.social/tags/WebDev" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>WebDev</span></a> <a href="https://mastodon.social/tags/Frontend" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Frontend</span></a></p>
Inautilo<p><a href="https://mastodon.social/tags/Development" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Development</span></a> <a href="https://mastodon.social/tags/Releases" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Releases</span></a><br>The Node.js Handbook, 2025 edition · A full guide to Node.js from basics to advanced <a href="https://ilo.im/166pm6" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="">ilo.im/166pm6</span><span class="invisible"></span></a></p><p>_____<br><a href="https://mastodon.social/tags/NodeJS" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>NodeJS</span></a> <a href="https://mastodon.social/tags/JavaScript" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>JavaScript</span></a> <a href="https://mastodon.social/tags/APIs" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>APIs</span></a> <a href="https://mastodon.social/tags/ESM" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>ESM</span></a> <a href="https://mastodon.social/tags/Server" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Server</span></a> <a href="https://mastodon.social/tags/Security" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Security</span></a> <a href="https://mastodon.social/tags/WebPerf" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>WebPerf</span></a> <a href="https://mastodon.social/tags/WebDev" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>WebDev</span></a> <a href="https://mastodon.social/tags/Backend" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Backend</span></a></p>
meduz'<p>It’s a bit frustrating to discover that plain inline SVGs perform better than inline sprites using `&lt;symbol&gt;` :nard:.</p><p><span class="h-card" translate="no"><a href="https://social.lol/@tylersticka" class="u-url mention" rel="nofollow noopener" target="_blank">@<span>tylersticka</span></a></span> has an excellent article (<a href="https://cloudfour.com/thinks/svg-icon-stress-test/" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">cloudfour.com/thinks/svg-icon-</span><span class="invisible">stress-test/</span></a>) and test website (<a href="https://svg-icon-stress-test.netlify.app/" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">svg-icon-stress-test.netlify.a</span><span class="invisible">pp/</span></a>) for this.</p><p>Also not noted in the article, but according to Chromium dev tools, the memory heap for the test website is the following:<br>- zero icons: 9 MB<br>- 1000 inline SVGs: 16.5 MB<br>- 1000 symbol sprites: 21.6 MB</p><p><a href="https://m.nintendojo.fr/tags/HTML" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>HTML</span></a> <a href="https://m.nintendojo.fr/tags/WebPerf" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>WebPerf</span></a> <a href="https://m.nintendojo.fr/tags/SVG" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>SVG</span></a></p>
Sia Karamalegos<p>Hey folks, I'm looking to schedule the next PerformanceObserver meetup and need some new CFP submissions. </p><p>I have a few experienced <a href="https://front-end.social/tags/webperf" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>webperf</span></a> speakers on there, but I like to break it up with either newer speakers or new-to-webperf speakers. </p><p><a href="https://performanceobserver.dev/call-for-papers/" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">performanceobserver.dev/call-f</span><span class="invisible">or-papers/</span></a></p>
PerformanceObserver<p>Episode 6 will be September 16! In this episode, <a class="mention h-card" href="https://bsky.app/profile/timvereecke.bsky.social" rel="nofollow noopener" target="_blank">@timvereecke.bsky.social</a> introduces us to UNO, the missing link in any TTFB analysis. Then, Julian Jandl walks us through a case study on how to overcome third-party challenges in large enterprises using Partytown. <a class="hashtag" rel="nofollow noopener" href="https://bsky.app/search?q=%23webperf" target="_blank">#webperf</a> <a href="https://performanceobserver.dev/" rel="nofollow noopener" target="_blank">performanceobserver.dev</a><br><br><a href="https://performanceobserver.dev/" rel="nofollow noopener" target="_blank">PerformanceObserver: A virtual...</a></p>
Inautilo<p><a href="https://mastodon.social/tags/Development" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Development</span></a> <a href="https://mastodon.social/tags/Analyses" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Analyses</span></a><br>Why browsers throttle JavaScript timers · “setTimeout(0) is not really setTimeout(0).” <a href="https://ilo.im/166jbx" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="">ilo.im/166jbx</span><span class="invisible"></span></a></p><p>_____<br><a href="https://mastodon.social/tags/Timers" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Timers</span></a> <a href="https://mastodon.social/tags/JavaScript" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>JavaScript</span></a> <a href="https://mastodon.social/tags/Browsers" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Browsers</span></a> <a href="https://mastodon.social/tags/APIs" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>APIs</span></a> <a href="https://mastodon.social/tags/WebPerf" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>WebPerf</span></a> <a href="https://mastodon.social/tags/WebDev" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>WebDev</span></a> <a href="https://mastodon.social/tags/Frontend" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Frontend</span></a></p>

Anyone else using Compression Dictionary Transport to compress response bodies with a site-specific dictionary?
The first time you visit astray.com/recipes/ in Chrome, the response body is compressed with Brotli and takes 2,186 bytes. In the background the browser downloads a 400 byte dictionary.
The next time you visit astray.com/recipes/ the body is compressed with Brotli (using the shared dictionary) and takes only 1,799 bytes.
The savings add up with each request.
#webperf #http

www.astray.comAstray RecipesSearch 187,847 recipes. You can search by recipe title or by ingredient. For example: 'pavlova', 'pasta tomato zucchini', or 'pasta AND tomato OR zucchini'
Replied in thread

@Wilto

Fwiw: I've seen arr.length = 0; as a way to empty an array after taking a slice copy, before processing its contents, to ensure atomicity around a buffer.

This is usually an unverified micro-optimisation that may even be counter-productive depending on browser/engine; compared to simpler = [];

However one valid use is multiple variables/props pointing to it, then it can avoid a split brain problem.