Veganism Social

Inautilo<a href="https://mastodon.social/tags/Development" class="mention hashtag" rel="nofollow noopener" target="_blank">#Development</a> <a href="https://mastodon.social/tags/Guides" class="mention hashtag" rel="nofollow noopener" target="_blank">#Guides</a> The HTML ‘canvas’ element · Why is ‘canvas’ actually necessary alongside SVG? <a href="https://ilo.im/163jyn" rel="nofollow noopener" translate="no" target="_blank">https://ilo.im/163jyn</a>_____ <a href="https://mastodon.social/tags/HTML" class="mention hashtag" rel="nofollow noopener" target="_blank">#HTML</a> <a href="https://mastodon.social/tags/Canvas" class="mention hashtag" rel="nofollow noopener" target="_blank">#Canvas</a> <a href="https://mastodon.social/tags/SVG" class="mention hashtag" rel="nofollow noopener" target="_blank">#SVG</a> <a href="https://mastodon.social/tags/Content" class="mention hashtag" rel="nofollow noopener" target="_blank">#Content</a> <a href="https://mastodon.social/tags/Accessibility" class="mention hashtag" rel="nofollow noopener" target="_blank">#Accessibility</a> <a href="https://mastodon.social/tags/WebPerf" class="mention hashtag" rel="nofollow noopener" target="_blank">#WebPerf</a> <a href="https://mastodon.social/tags/WebDev" class="mention hashtag" rel="nofollow noopener" target="_blank">#WebDev</a> <a href="https://mastodon.social/tags/Frontend" class="mention hashtag" rel="nofollow noopener" target="_blank">#Frontend</a> <a href="https://mastodon.social/tags/JavaScript" class="mention hashtag" rel="nofollow noopener" target="_blank">#JavaScript</a>

benschwarz🆕 Core Web Vitals test tool update:Now you can view up to 9 months of <a href="https://front-end.social/tags/webperf" class="mention hashtag" rel="nofollow noopener" target="_blank">#webperf</a> metrics for your sites, for free. Step 1: Type in URL, receive dashboard 😎<a href="https://calibreapp.com/tools/core-web-vitals-test" rel="nofollow noopener" translate="no" target="_blank">https://calibreapp.com/tools/core-web-vitals-test</a>

Sia KaramalegosNEW FEATURE ALERT for Theme Vitals...I just added time series charts for the median performance of all themes by Core Web Vitals metric. Check it out: <a href="https://themevitals.com/aggregations/" rel="nofollow noopener" translate="no" target="_blank">https://themevitals.com/aggregations/</a>No big deal just deploying on a Friday evening 😅<a href="https://front-end.social/tags/Shopify" class="mention hashtag" rel="nofollow noopener" target="_blank">#Shopify</a> <a href="https://front-end.social/tags/webperf" class="mention hashtag" rel="nofollow noopener" target="_blank">#webperf</a>

Inautilo<a href="https://mastodon.social/tags/Development" class="mention hashtag" rel="nofollow noopener" target="_blank">#Development</a> <a href="https://mastodon.social/tags/Launches" class="mention hashtag" rel="nofollow noopener" target="_blank">#Launches</a> CSS Boilerplate · A default CSS structure for projects of any size <a href="https://ilo.im/163i67" rel="nofollow noopener" translate="no" target="_blank">https://ilo.im/163i67</a>_____ <a href="https://mastodon.social/tags/Boilerplate" class="mention hashtag" rel="nofollow noopener" target="_blank">#Boilerplate</a> <a href="https://mastodon.social/tags/CSS" class="mention hashtag" rel="nofollow noopener" target="_blank">#CSS</a> <a href="https://mastodon.social/tags/CssReset" class="mention hashtag" rel="nofollow noopener" target="_blank">#CssReset</a> <a href="https://mastodon.social/tags/CssNesting" class="mention hashtag" rel="nofollow noopener" target="_blank">#CssNesting</a> <a href="https://mastodon.social/tags/WebPerf" class="mention hashtag" rel="nofollow noopener" target="_blank">#WebPerf</a> <a href="https://mastodon.social/tags/WebDev" class="mention hashtag" rel="nofollow noopener" target="_blank">#WebDev</a> <a href="https://mastodon.social/tags/Frontend" class="mention hashtag" rel="nofollow noopener" target="_blank">#Frontend</a> <a href="https://mastodon.social/tags/HTML" class="mention hashtag" rel="nofollow noopener" target="_blank">#HTML</a>

Inautilo<a href="https://mastodon.social/tags/Design" class="mention hashtag" rel="nofollow noopener" target="_blank">#Design</a> <a href="https://mastodon.social/tags/Inspirations" class="mention hashtag" rel="nofollow noopener" target="_blank">#Inspirations</a> Users hate waiting · How to make loading screens a bit enjoyable <a href="https://ilo.im/163dwy" rel="nofollow noopener" translate="no" target="_blank">https://ilo.im/163dwy</a>_____ <a href="https://mastodon.social/tags/Perception" class="mention hashtag" rel="nofollow noopener" target="_blank">#Perception</a> <a href="https://mastodon.social/tags/Impatience" class="mention hashtag" rel="nofollow noopener" target="_blank">#Impatience</a> <a href="https://mastodon.social/tags/Accessibility" class="mention hashtag" rel="nofollow noopener" target="_blank">#Accessibility</a> <a href="https://mastodon.social/tags/Usability" class="mention hashtag" rel="nofollow noopener" target="_blank">#Usability</a> <a href="https://mastodon.social/tags/DesignPatterns" class="mention hashtag" rel="nofollow noopener" target="_blank">#DesignPatterns</a> <a href="https://mastodon.social/tags/ProductDesign" class="mention hashtag" rel="nofollow noopener" target="_blank">#ProductDesign</a> <a href="https://mastodon.social/tags/UxDesign" class="mention hashtag" rel="nofollow noopener" target="_blank">#UxDesign</a> <a href="https://mastodon.social/tags/UiDesign" class="mention hashtag" rel="nofollow noopener" target="_blank">#UiDesign</a> <a href="https://mastodon.social/tags/WebDesign" class="mention hashtag" rel="nofollow noopener" target="_blank">#WebDesign</a> <a href="https://mastodon.social/tags/WebPerf" class="mention hashtag" rel="nofollow noopener" target="_blank">#WebPerf</a>

SpeedCurveUsers will abandon your page if it appears empty and inactive for more than 3 seconds. If they see content rendering or the skeleton of a page loading, you'll buy more time and patience.Here's how to do it: <a href="https://www.speedcurve.com/web-performance-guide/using-critical-css-for-faster-rendering/" rel="nofollow noopener" translate="no" target="_blank">https://www.speedcurve.com/web-performance-guide/using-critical-css-for-faster-rendering/</a><a href="https://webperf.social/tags/webperf" class="mention hashtag" rel="nofollow noopener" target="_blank">#webperf</a> <a href="https://webperf.social/tags/ux" class="mention hashtag" rel="nofollow noopener" target="_blank">#ux</a> <a href="https://webperf.social/tags/sitespeed" class="mention hashtag" rel="nofollow noopener" target="_blank">#sitespeed</a> <a href="https://webperf.social/tags/pagespeed" class="mention hashtag" rel="nofollow noopener" target="_blank">#pagespeed</a> <a href="https://webperf.social/tags/css" class="mention hashtag" rel="nofollow noopener" target="_blank">#css</a>

Inautilo<a href="https://mastodon.social/tags/Development" class="mention hashtag" rel="nofollow noopener" target="_blank">#Development</a> <a href="https://mastodon.social/tags/Techniques" class="mention hashtag" rel="nofollow noopener" target="_blank">#Techniques</a> Web performance tips for 2025 · Tiny lessons for turbo-charged websites <a href="https://ilo.im/163c1p" rel="nofollow noopener" translate="no" target="_blank">https://ilo.im/163c1p</a>_____ <a href="https://mastodon.social/tags/WebPerf" class="mention hashtag" rel="nofollow noopener" target="_blank">#WebPerf</a> <a href="https://mastodon.social/tags/Website" class="mention hashtag" rel="nofollow noopener" target="_blank">#Website</a> <a href="https://mastodon.social/tags/WebVitals" class="mention hashtag" rel="nofollow noopener" target="_blank">#WebVitals</a> <a href="https://mastodon.social/tags/CrUX" class="mention hashtag" rel="nofollow noopener" target="_blank">#CrUX</a> <a href="https://mastodon.social/tags/Browser" class="mention hashtag" rel="nofollow noopener" target="_blank">#Browser</a> <a href="https://mastodon.social/tags/WebDev" class="mention hashtag" rel="nofollow noopener" target="_blank">#WebDev</a> <a href="https://mastodon.social/tags/Frontend" class="mention hashtag" rel="nofollow noopener" target="_blank">#Frontend</a>

Inautilo<a href="https://mastodon.social/tags/Development" class="mention hashtag" rel="nofollow noopener" target="_blank">#Development</a> <a href="https://mastodon.social/tags/Explorations" class="mention hashtag" rel="nofollow noopener" target="_blank">#Explorations</a> The new Cookie Store API · A welcome alternative to the ‘document.cookie’ API <a href="https://ilo.im/163cda" rel="nofollow noopener" translate="no" target="_blank">https://ilo.im/163cda</a>_____ <a href="https://mastodon.social/tags/Cookie" class="mention hashtag" rel="nofollow noopener" target="_blank">#Cookie</a> <a href="https://mastodon.social/tags/JavaScript" class="mention hashtag" rel="nofollow noopener" target="_blank">#JavaScript</a> <a href="https://mastodon.social/tags/API" class="mention hashtag" rel="nofollow noopener" target="_blank">#API</a> <a href="https://mastodon.social/tags/Browser" class="mention hashtag" rel="nofollow noopener" target="_blank">#Browser</a> <a href="https://mastodon.social/tags/WebPerf" class="mention hashtag" rel="nofollow noopener" target="_blank">#WebPerf</a> <a href="https://mastodon.social/tags/WebDev" class="mention hashtag" rel="nofollow noopener" target="_blank">#WebDev</a> <a href="https://mastodon.social/tags/Frontend" class="mention hashtag" rel="nofollow noopener" target="_blank">#Frontend</a>

Sia KaramalegosNew article alert‼️I wrote up my web perf Valentines series into a proper blog post: <a href="https://sia.codes/posts/web-perf-tips-2025/" rel="nofollow noopener" translate="no" target="_blank">https://sia.codes/posts/web-perf-tips-2025/</a><a href="https://front-end.social/tags/webperf" class="mention hashtag" rel="nofollow noopener" target="_blank">#webperf</a>

Sia KaramalegosJust cross-posted another one of my work posts on my website<a href="https://front-end.social/tags/Shopify" class="mention hashtag" rel="nofollow noopener" target="_blank">#Shopify</a> <a href="https://front-end.social/tags/webdev" class="mention hashtag" rel="nofollow noopener" target="_blank">#webdev</a> <a href="https://front-end.social/tags/webperf" class="mention hashtag" rel="nofollow noopener" target="_blank">#webperf</a><a href="https://sia.codes/posts/responsive-images-on-shopify/" rel="nofollow noopener" translate="no" target="_blank">https://sia.codes/posts/responsive-images-on-shopify/</a>

Leon BrocardI 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" target="_blank">#webPerf</a>

Joan LeónReal User Monitoring (RUM) lets you see how users experience your siteThis <a href="https://webperf.social/@speedcurve" class="u-url mention" rel="nofollow noopener" target="_blank">@speedcurve</a> snapshot shows how perf impacts UX — only 43% of users were happy! 😬Better perf = better UX = better resultsAre you tracking RUM yet?<a href="https://webperf.social/tags/WebPerf" class="mention hashtag" rel="nofollow noopener" target="_blank">#WebPerf</a> <a href="https://webperf.social/tags/UX" class="mention hashtag" rel="nofollow noopener" target="_blank">#UX</a> <a href="https://webperf.social/tags/RUM" class="mention hashtag" rel="nofollow noopener" target="_blank">#RUM</a> <a href="https://webperf.social/tags/SpeedCurve" class="mention hashtag" rel="nofollow noopener" target="_blank">#SpeedCurve</a>

Sia KaramalegosNew features in <a href="https://front-end.social/tags/Shopify" class="mention hashtag" rel="nofollow noopener" target="_blank">#Shopify</a> Theme Vitals (plus March data is live):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" target="_blank">#webperf</a> data, but you can see current URL counts, market rank, AND…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).Here’s the theme list so you can check it out: <a href="https://themevitals.com/themes/" rel="nofollow noopener" translate="no" target="_blank">https://themevitals.com/themes/</a>

Tammy EvertsThis 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 (<a href="https://toot.cafe/@slightlyoff" class="u-url mention" rel="nofollow noopener" target="_blank">@slightlyoff</a>)!<a href="https://www.speedcurve.com/blog/performance-hero-alex-russell/" rel="nofollow noopener" translate="no" target="_blank">https://www.speedcurve.com/blog/performance-hero-alex-russell/</a><a href="https://webperf.social/tags/webperf" class="mention hashtag" rel="nofollow noopener" target="_blank">#webperf</a> <a href="https://webperf.social/tags/ux" class="mention hashtag" rel="nofollow noopener" target="_blank">#ux</a> <a href="https://webperf.social/tags/javascript" class="mention hashtag" rel="nofollow noopener" target="_blank">#javascript</a> <a href="https://webperf.social/tags/js" class="mention hashtag" rel="nofollow noopener" target="_blank">#js</a>

Inautilo<a href="https://mastodon.social/tags/Development" class="mention hashtag" rel="nofollow noopener" target="_blank">#Development</a> <a href="https://mastodon.social/tags/Previews" class="mention hashtag" rel="nofollow noopener" target="_blank">#Previews</a> Better typography with ‘text-wrap: pretty’ · Safari brings unmatched polish to web typography <a href="https://ilo.im/1637w9" rel="nofollow noopener" translate="no" target="_blank">https://ilo.im/1637w9</a>_____ <a href="https://mastodon.social/tags/Typography" class="mention hashtag" rel="nofollow noopener" target="_blank">#Typography</a> <a href="https://mastodon.social/tags/Justification" class="mention hashtag" rel="nofollow noopener" target="_blank">#Justification</a> <a href="https://mastodon.social/tags/Hyphenation" class="mention hashtag" rel="nofollow noopener" target="_blank">#Hyphenation</a> <a href="https://mastodon.social/tags/Design" class="mention hashtag" rel="nofollow noopener" target="_blank">#Design</a> <a href="https://mastodon.social/tags/WebDesign" class="mention hashtag" rel="nofollow noopener" target="_blank">#WebDesign</a> <a href="https://mastodon.social/tags/WebPerf" class="mention hashtag" rel="nofollow noopener" target="_blank">#WebPerf</a> <a href="https://mastodon.social/tags/WebDev" class="mention hashtag" rel="nofollow noopener" target="_blank">#WebDev</a> <a href="https://mastodon.social/tags/Frontend" class="mention hashtag" rel="nofollow noopener" target="_blank">#Frontend</a> <a href="https://mastodon.social/tags/CSS" class="mention hashtag" rel="nofollow noopener" target="_blank">#CSS</a>

Inautilo“Slow websites and websites that don’t work without JavaScript should be taxed.” — Sara Soueidan____ <a href="https://mastodon.social/tags/Development" class="mention hashtag" rel="nofollow noopener" target="_blank">#Development</a> <a href="https://mastodon.social/tags/Taxes" class="mention hashtag" rel="nofollow noopener" target="_blank">#Taxes</a> <a href="https://mastodon.social/tags/Website" class="mention hashtag" rel="nofollow noopener" target="_blank">#Website</a> <a href="https://mastodon.social/tags/Accessibility" class="mention hashtag" rel="nofollow noopener" target="_blank">#Accessibility</a> <a href="https://mastodon.social/tags/WebPerf" class="mention hashtag" rel="nofollow noopener" target="_blank">#WebPerf</a> <a href="https://mastodon.social/tags/WebDev" class="mention hashtag" rel="nofollow noopener" target="_blank">#WebDev</a> <a href="https://mastodon.social/tags/Frontend" class="mention hashtag" rel="nofollow noopener" target="_blank">#Frontend</a> <a href="https://mastodon.social/tags/JavaScript" class="mention hashtag" rel="nofollow noopener" target="_blank">#JavaScript</a> <a href="https://mastodon.social/tags/Quotes" class="mention hashtag" rel="nofollow noopener" target="_blank">#Quotes</a>

Tammy EvertsFACT: Business folks at your company DO NOT care about page speed metrics. But that doesn't mean they don't care about page speed! It means you need to connect it to metrics they DO care about – like conversion rate, revenue, and bounce rate. Here's how to do that.<a href="https://www.speedcurve.com/blog/site-speed-business-correlation/" rel="nofollow noopener" translate="no" target="_blank">https://www.speedcurve.com/blog/site-speed-business-correlation/</a><a href="https://webperf.social/tags/webperf" class="mention hashtag" rel="nofollow noopener" target="_blank">#webperf</a> <a href="https://webperf.social/tags/pagespeed" class="mention hashtag" rel="nofollow noopener" target="_blank">#pagespeed</a> <a href="https://webperf.social/tags/sitespeed" class="mention hashtag" rel="nofollow noopener" target="_blank">#sitespeed</a> <a href="https://webperf.social/tags/ux" class="mention hashtag" rel="nofollow noopener" target="_blank">#ux</a> <a href="https://webperf.social/tags/corewebvitals" class="mention hashtag" rel="nofollow noopener" target="_blank">#corewebvitals</a>

Ryan TownsendLQIP may not be coming to browers any time soon but this is a really tidy implementation that will only get better with improved `attr()` support in CSS. <a href="https://webperf.social/tags/webperf" class="mention hashtag" rel="nofollow noopener" target="_blank">#webperf</a> <a href="https://fosstodon.org/@dbushell/114273476576238042" rel="nofollow noopener" translate="no" target="_blank">https://fosstodon.org/@dbushell/114273476576238042</a>

Phillip Lovelace“explore how Chrome determines the request priority for images…” <a href="https://mastodon.social/tags/webperf" class="mention hashtag" rel="nofollow noopener" target="_blank">#webperf</a> <a href="https://www.debugbear.com/blog/chrome-image-request-prioritization" rel="nofollow noopener" translate="no" target="_blank">https://www.debugbear.com/blog/chrome-image-request-prioritization</a>

Inautilo<a href="https://mastodon.social/tags/Development" class="mention hashtag" rel="nofollow noopener" target="_blank">#Development</a> <a href="https://mastodon.social/tags/Guides" class="mention hashtag" rel="nofollow noopener" target="_blank">#Guides</a> Must-know Interop features 2025 · A learning guide for the next couple of months <a href="https://ilo.im/1631b4" rel="nofollow noopener" translate="no" target="_blank">https://ilo.im/1631b4</a>_____ <a href="https://mastodon.social/tags/Browser" class="mention hashtag" rel="nofollow noopener" target="_blank">#Browser</a> <a href="https://mastodon.social/tags/Interoperability" class="mention hashtag" rel="nofollow noopener" target="_blank">#Interoperability</a> <a href="https://mastodon.social/tags/AnchorPositioning" class="mention hashtag" rel="nofollow noopener" target="_blank">#AnchorPositioning</a> <a href="https://mastodon.social/tags/ViewTransitions" class="mention hashtag" rel="nofollow noopener" target="_blank">#ViewTransitions</a> <a href="https://mastodon.social/tags/WebVitals" class="mention hashtag" rel="nofollow noopener" target="_blank">#WebVitals</a> <a href="https://mastodon.social/tags/WebPerf" class="mention hashtag" rel="nofollow noopener" target="_blank">#WebPerf</a> <a href="https://mastodon.social/tags/WebDev" class="mention hashtag" rel="nofollow noopener" target="_blank">#WebDev</a> <a href="https://mastodon.social/tags/Frontend" class="mention hashtag" rel="nofollow noopener" target="_blank">#Frontend</a> <a href="https://mastodon.social/tags/CSS" class="mention hashtag" rel="nofollow noopener" target="_blank">#CSS</a> <a href="https://mastodon.social/tags/JavaScript" class="mention hashtag" rel="nofollow noopener" target="_blank">#JavaScript</a>

Recent searches

Search options

Administered by:

Server stats:

#webperf