PerformanceObserver<p>The videos from our latest episode are up! Come catch a pair of great talks by <a class="mention" href="https://bsky.app/profile/verlok.bsky.social" rel="nofollow noopener noreferrer" target="_blank">@verlok.bsky.social</a> and <a class="mention" href="https://bsky.app/profile/ethangardner.com" rel="nofollow noopener noreferrer" target="_blank">@ethangardner.com</a>!
<a href="https://www.youtube.com/playlist?list=PLBcxPPmtqGi17q1n-ixn97Eufbw9QNXYP" rel="nofollow noopener noreferrer" target="_blank">www.youtube.com/playlist?lis...</a>
<a class="hashtag" href="https://bsky.app/search?q=%23webperf" rel="nofollow noopener noreferrer" target="_blank">#webperf</a><br><br><a href="https://www.youtube.com/playlist?list=PLBcxPPmtqGi17q1n-ixn97Eufbw9QNXYP" rel="nofollow noopener noreferrer" target="_blank">Episode 3 | PerformanceObserve...</a></p>
Recent searches
No recent searches
Search options
Not available on writing.exchange.
writing.exchange is one of the many independent Mastodon servers you can use to participate in the fediverse.
A small, intentional community for poets, authors, and every kind of writer.
Administered by:
Server stats:
326active users
writing.exchange: About · Profiles directory · Privacy policy
Mastodon: About · Get the app · Keyboard shortcuts · View source code · v4.3.7
#webperf
5 posts · 4 participants · 0 posts today
Sia Karamalegos<p>New article alert‼️</p><p>I wrote up my web perf Valentines series into a proper blog post:<br><a href="https://sia.codes/posts/web-perf-tips-2025/" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">sia.codes/posts/web-perf-tips-</span><span class="invisible">2025/</span></a></p><p><a href="https://front-end.social/tags/webperf" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>webperf</span></a></p>
PerformanceObserver<p>Reminder - PerformanceObserver is tomorrow! Take a break from the news and listen to <a class="mention" href="https://bsky.app/profile/ethangardner.com" rel="nofollow noopener noreferrer" target="_blank">@ethangardner.com</a> and <a class="mention" href="https://bsky.app/profile/verlok.bsky.social" rel="nofollow noopener noreferrer" target="_blank">@verlok.bsky.social</a> talk about <a class="hashtag" href="https://bsky.app/search?q=%23webperf" rel="nofollow noopener noreferrer" target="_blank">#webperf</a>
All details and add to calendar at
<a href="https://performanceobserver.dev/" rel="nofollow noopener noreferrer" target="_blank">performanceobserver.dev</a><br><br><a href="https://performanceobserver.dev/" rel="nofollow noopener noreferrer" target="_blank">PerformanceObserver: A virtual...</a></p>
Sia Karamalegos<p>Just cross-posted another one of my work posts on my website</p><p><a href="https://front-end.social/tags/Shopify" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Shopify</span></a> <a href="https://front-end.social/tags/webdev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>webdev</span></a> <a href="https://front-end.social/tags/webperf" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>webperf</span></a></p><p><a href="https://sia.codes/posts/responsive-images-on-shopify/" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">sia.codes/posts/responsive-ima</span><span class="invisible">ges-on-shopify/</span></a></p>
Sia Karamalegos<p>The Theme Vitals newsletter is out! Check out all the juicy new feature goodness for web performance and market shares of <a href="https://front-end.social/tags/Shopify" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Shopify</span></a> themes</p><p><a href="https://front-end.social/tags/webperf" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>webperf</span></a> <br> <br><a href="https://buttondown.com/theme-vitals/archive/shopify-theme-vitals-march-2025/" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">buttondown.com/theme-vitals/ar</span><span class="invisible">chive/shopify-theme-vitals-march-2025/</span></a></p>
Leon Brocard<p>I am in an old city with thick walls, narrow streets, and tall buildings. Mobile data signals don’t travel well. So every restaurant and shop has their own WiFi network. It’s like going back in time a few decades. Web performance is important here. <a href="https://fosstodon.org/tags/webPerf" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>webPerf</span></a></p>
Sia Karamalegos<p>MOAR new features!</p><p>Added a new chart tracking total Shopify websites per month and also spruced up the aggregations UI: <a href="https://themevitals.com/aggregations/" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="">themevitals.com/aggregations/</span><span class="invisible"></span></a></p><p><a href="https://front-end.social/tags/Shopify" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Shopify</span></a> <a href="https://front-end.social/tags/webperf" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>webperf</span></a></p>
Sia Karamalegos<p>New newsletter is out! <br><a href="https://sia.codes/newsletter/supporting-community/" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">sia.codes/newsletter/supportin</span><span class="invisible">g-community/</span></a></p><p><a href="https://front-end.social/tags/11ty" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>11ty</span></a> <a href="https://front-end.social/tags/webperf" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>webperf</span></a></p>
Sia Karamalegos<p>Just cross-published another one of my <a href="https://front-end.social/tags/Shopify" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Shopify</span></a> posts onto my personal blog...</p><p>If you've ever wondered how to approach responsive images on Shopify Liquid, here you go:<br><a href="https://sia.codes/posts/responsive-images-on-shopify/" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">sia.codes/posts/responsive-ima</span><span class="invisible">ges-on-shopify/</span></a></p><p><a href="https://front-end.social/tags/webperf" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>webperf</span></a> <a href="https://front-end.social/tags/webdev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>webdev</span></a></p>
Sia Karamalegos<p>New features in <a href="https://front-end.social/tags/Shopify" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Shopify</span></a> Theme Vitals (plus March data is live):</p><p>NEW: All themes with any data points in the latest data show up. You still need at least 50 data points to see <a href="https://front-end.social/tags/webperf" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>webperf</span></a> data, but you can see current URL counts, market rank, AND…</p><p>NEW: Theme versions. Shows the context behind performance numbers (e.g. the latest version has a perf improvement, but shops haven’t updated yet so the numbers don't reflect it).</p><p>Here’s the theme list so you can check it out:<br><a href="https://themevitals.com/themes/" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="">themevitals.com/themes/</span><span class="invisible"></span></a></p>
Tammy Everts<p>This month's performance hero is a person after my own heart – someone who is passionate about building a secure, accessible, performant web for EVERYONE, and who always leads with a deep compassion for users. Let's all join in celebrating Alex Russell (<span class="h-card" translate="no"><a href="https://toot.cafe/@slightlyoff" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@<span>slightlyoff</span></a></span>)!</p><p><a href="https://www.speedcurve.com/blog/performance-hero-alex-russell/" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://www.</span><span class="ellipsis">speedcurve.com/blog/performanc</span><span class="invisible">e-hero-alex-russell/</span></a></p><p><a href="https://webperf.social/tags/webperf" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>webperf</span></a> <a href="https://webperf.social/tags/ux" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>ux</span></a> <a href="https://webperf.social/tags/javascript" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>javascript</span></a> <a href="https://webperf.social/tags/js" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>js</span></a></p>
Inautilo<p><a href="https://mastodon.social/tags/Development" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Development</span></a> <a href="https://mastodon.social/tags/Previews" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Previews</span></a><br>Better typography with ‘text-wrap: pretty’ · Safari brings unmatched polish to web typography <a href="https://ilo.im/1637w9" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="">ilo.im/1637w9</span><span class="invisible"></span></a></p><p>_____<br><a href="https://mastodon.social/tags/Typography" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Typography</span></a> <a href="https://mastodon.social/tags/Justification" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Justification</span></a> <a href="https://mastodon.social/tags/Hyphenation" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Hyphenation</span></a> <a href="https://mastodon.social/tags/Design" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Design</span></a> <a href="https://mastodon.social/tags/WebDesign" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>WebDesign</span></a> <a href="https://mastodon.social/tags/WebPerf" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>WebPerf</span></a> <a href="https://mastodon.social/tags/WebDev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>WebDev</span></a> <a href="https://mastodon.social/tags/Frontend" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Frontend</span></a> <a href="https://mastodon.social/tags/CSS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>CSS</span></a></p>
PerformanceObserver<p>Hey folks, the next episode of PerformanceObserver is now scheduled for 16 April with <a class="mention" href="https://bsky.app/profile/verlok.bsky.social" rel="nofollow noopener noreferrer" target="_blank">@verlok.bsky.social</a> and <a class="mention" href="https://bsky.app/profile/ethangardner.com" rel="nofollow noopener noreferrer" target="_blank">@ethangardner.com</a> ! See all details at <a href="https://performanceobserver.dev/" rel="nofollow noopener noreferrer" target="_blank">performanceobserver.dev</a> including add to calendar links with the join instructions.
<a class="hashtag" href="https://bsky.app/search?q=%23webperf" rel="nofollow noopener noreferrer" target="_blank">#webperf</a><br><br><a href="https://performanceobserver.dev/" rel="nofollow noopener noreferrer" target="_blank">PerformanceObserver: A virtual...</a></p>
Paris Web<p>Tous les sujets comptent.<br><a href="https://mamot.fr/tags/accessibilit%C3%A9" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>accessibilité</span></a>, <a href="https://mamot.fr/tags/design" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>design</span></a>, <a href="https://mamot.fr/tags/dev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>dev</span></a>, <a href="https://mamot.fr/tags/webperf" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>webperf</span></a>, <a href="https://mamot.fr/tags/%C3%A9thique" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>éthique</span></a>… on veut de tout.</p><p>Maintenant, on attend vos sujets ici : <a href="https://appel.paris-web.fr/" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="">appel.paris-web.fr/</span><span class="invisible"></span></a></p><p>Bref.<br>Il vous reste 5 jours. ⏰</p>
benschwarz<p>🏆 I created a new <a href="https://front-end.social/tags/webperf" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>webperf</span></a> resource that ranks the world’s top websites by Core Web Vitals performance.</p><p>You can use it to see how the most well known companies perform against their competitors, it's a fascinating read 🤓</p><p><a href="https://calibreapp.com/tools/website-speed-leaderboard" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">calibreapp.com/tools/website-s</span><span class="invisible">peed-leaderboard</span></a></p>
PerformanceObserver<p>Hey folks, here’s your reminder that PerformanceObserver is back with our second episode tomorrow! <a class="mention" href="https://bsky.app/profile/webx.bsky.social" rel="nofollow noopener noreferrer" target="_blank">@webx.bsky.social</a> s and <a class="mention" href="https://bsky.app/profile/keerthanak17.bsky.social" rel="nofollow noopener noreferrer" target="_blank">@keerthanak17.bsky.social</a> will talk about LoAF and designing for bad performance. All details and add to calendar at <a href="https://performanceobserver.dev/" rel="nofollow noopener noreferrer" target="_blank">performanceobserver.dev</a>
<a class="hashtag" href="https://bsky.app/search?q=%23webperf" rel="nofollow noopener noreferrer" target="_blank">#webperf</a><br><br><a href="https://performanceobserver.dev/" rel="nofollow noopener noreferrer" target="_blank">PerformanceObserver: A virtual...</a></p>
Leon Brocard<p>PurgeCSS is a great tool for getting rid of unsused CSS. My personal site's CSS is now half the size that it used to be (both uncompressed and compressed)<br><a href="https://purgecss.com/" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="">purgecss.com/</span><span class="invisible"></span></a><br><a href="https://fosstodon.org/tags/webPerf" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>webPerf</span></a></p>
WebPerformance Report<p>🔔 Reminder!!! There's still time to get this week's <a href="https://webperf.social/tags/WebPerformance" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>WebPerformance</span></a> Report!<br>Don't miss out, subscribe now on our website:<br>👉 <a href="https://webperformancereport.com" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="">webperformancereport.com</span><span class="invisible"></span></a><br><a href="https://webperf.social/tags/webperf" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>webperf</span></a></p>
famebot<p>❤️🔥 <span class="h-card" translate="no"><a href="https://fosstodon.org/@lume" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@<span>lume</span></a></span> 🔥 version 2.5.3 is out + adds support for <source> elements to picture plugin! 🖼️ℹ️</p><p><a href="https://mastodon.social/tags/Lume" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Lume</span></a> <a href="https://mastodon.social/tags/SSG" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>SSG</span></a> <a href="https://mastodon.social/tags/WebDesign" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>WebDesign</span></a> <a href="https://mastodon.social/tags/WebDev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>WebDev</span></a> <a href="https://mastodon.social/tags/WebPerf" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>WebPerf</span></a> <a href="https://mastodon.social/tags/Deno" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Deno</span></a> 🦕 <span class="h-card" translate="no"><a href="https://fosstodon.org/@deno_land" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@<span>deno_land</span></a></span><br><a href="https://github.com/lumeland/lume/blob/main/CHANGELOG.md#253---2025-03-13" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">github.com/lumeland/lume/blob/</span><span class="invisible">main/CHANGELOG.md#253---2025-03-13</span></a></p>
SpeedCurve<p>Single-page apps have unique <a href="https://webperf.social/tags/webperf" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>webperf</span></a> challenges. Here are some common performance issues with SPAs and three things you can (and should!) do to optimize for them.</p><p><a href="https://www.speedcurve.com/web-performance-guide/optimizing-single-page-applications-spas/" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://www.</span><span class="ellipsis">speedcurve.com/web-performance</span><span class="invisible">-guide/optimizing-single-page-applications-spas/</span></a> </p><p><a href="https://webperf.social/tags/ux" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>ux</span></a> <a href="https://webperf.social/tags/pagespeed" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>pagespeed</span></a> <a href="https://webperf.social/tags/sitespeed" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>sitespeed</span></a></p>
ExploreLive feeds
Mastodon is the best way to keep up with what's happening.
Follow anyone across the fediverse and see it all in chronological order. No algorithms, ads, or clickbait in sight.
LoginDrag & drop to upload