Ricard Torres<p>Just learned of the existence of the "Speculation Rules API"</p><p>➡️ <a href="https://developer.mozilla.org/en-US/docs/Web/API/Speculation_Rules_API" target="_blank" rel="nofollow noopener noreferrer" translate="no"><span class="invisible">https://</span><span class="ellipsis">developer.mozilla.org/en-US/do</span><span class="invisible">cs/Web/API/Speculation_Rules_API</span></a></p><p><a href="https://ricard.social/tags/WebPerformance" class="mention hashtag" rel="tag">#<span>WebPerformance</span></a> <a href="https://ricard.social/tags/WebDevelopment" class="mention hashtag" rel="tag">#<span>WebDevelopment</span></a> <a href="https://ricard.social/tags/Frontend" class="mention hashtag" rel="tag">#<span>Frontend</span></a></p>
Recent searches
No recent searches
Search options
Not available on ricard.social.
ricard.social is one of the many independent Mastodon servers you can use to participate in the fediverse.
This is the private Mastodon instance of Ricard Torres.
Administered by:
Server stats:
2active users
ricard.social: About · Profiles directory · Privacy policy
Mastodon: About · Get the app · Keyboard shortcuts · View source code · v4.3.6
#WebPerformance
0 posts · 0 participants · 0 posts today
Ricard Torres<p>Are there even cases when a <a href="https://ricard.social/tags/CSS" class="mention hashtag" rel="tag">#<span>CSS</span></a> implementations of a <a href="https://ricard.social/tags/JavaScript" class="mention hashtag" rel="tag">#<span>JavaScript</span></a> :javascript: behavior performs worse than JS?</p><p>"A case study on scroll-driven animations performance"</p><p>➡️ <a href="https://developer.chrome.com/blog/scroll-animation-performance-case-study/" target="_blank" rel="nofollow noopener noreferrer" translate="no"><span class="invisible">https://</span><span class="ellipsis">developer.chrome.com/blog/scro</span><span class="invisible">ll-animation-performance-case-study/</span></a></p><p><a href="https://ricard.social/tags/Frontend" class="mention hashtag" rel="tag">#<span>Frontend</span></a> <a href="https://ricard.social/tags/WebPerformance" class="mention hashtag" rel="tag">#<span>WebPerformance</span></a> <a href="https://ricard.social/tags/WebDevelopment" class="mention hashtag" rel="tag">#<span>WebDevelopment</span></a></p>
Ricard Torres<p>"How Back/forward Cache Helped Yahoo! JAPAN News Increase Revenue by 9% on Mobile"</p><p>➡️ <a href="https://web.dev/yahoo-japan-news-bfcache/" target="_blank" rel="nofollow noopener noreferrer" translate="no"><span class="invisible">https://</span><span class="ellipsis">web.dev/yahoo-japan-news-bfcac</span><span class="invisible">he/</span></a></p><p><a href="https://ricard.social/tags/WebPerformance" class="mention hashtag" rel="tag">#<span>WebPerformance</span></a> <a href="https://ricard.social/tags/Frontend" class="mention hashtag" rel="tag">#<span>Frontend</span></a></p>
Ricard Torres<p>🆕 FE Coffee Break</p><p>In this episode Chucho and I have invited our colleague Ines Akrap, Senior Web Performance Engineer, for insights into Core Web Vitals in 2023.</p><p>Listen or watch:</p><p>➡️ <a href="https://frontendcoffeebreak.transistor.fm/s1/18" target="_blank" rel="nofollow noopener noreferrer" translate="no"><span class="invisible">https://</span><span class="ellipsis">frontendcoffeebreak.transistor</span><span class="invisible">.fm/s1/18</span></a></p><p><a href="https://ricard.social/tags/Podcast" class="mention hashtag" rel="tag">#<span>Podcast</span></a> <a href="https://ricard.social/tags/Frontend" class="mention hashtag" rel="tag">#<span>Frontend</span></a> <a href="https://ricard.social/tags/WebPerformance" class="mention hashtag" rel="tag">#<span>WebPerformance</span></a></p>
Ricard Torres<p>"How to optimize web responsiveness with Interaction to Next Paint"</p><p>➡️ <a href="https://www.youtube.com/watch?v=KZ1kxzsJZ5g" target="_blank" rel="nofollow noopener noreferrer" translate="no"><span class="invisible">https://www.</span><span class="ellipsis">youtube.com/watch?v=KZ1kxzsJZ5</span><span class="invisible">g</span></a></p><p><a href="https://ricard.social/tags/WebPerformance" class="mention hashtag" rel="tag">#<span>WebPerformance</span></a> <a href="https://ricard.social/tags/Frontend" class="mention hashtag" rel="tag">#<span>Frontend</span></a> <a href="https://ricard.social/tags/JavaScript" class="mention hashtag" rel="tag">#<span>JavaScript</span></a> :javascript: <a href="https://ricard.social/tags/WebDevelopment" class="mention hashtag" rel="tag">#<span>WebDevelopment</span></a></p>
Ricard Torres<p>These reads are always interesting 👇 </p><p>"300ms Faster: Reducing Wikipedia's Total Blocking Time"</p><p>"How two simple steps improved the responsiveness of Wikipedia's mobile site"</p><p>➡️ <a href="https://www.nray.dev/blog/300ms-faster-reducing-wikipedias-total-blocking-time/" target="_blank" rel="nofollow noopener noreferrer" translate="no"><span class="invisible">https://www.</span><span class="ellipsis">nray.dev/blog/300ms-faster-red</span><span class="invisible">ucing-wikipedias-total-blocking-time/</span></a></p><p><a href="https://ricard.social/tags/WebPerformance" class="mention hashtag" rel="tag">#<span>WebPerformance</span></a> <a href="https://ricard.social/tags/Frontend" class="mention hashtag" rel="tag">#<span>Frontend</span></a></p>
Ricard Torres<p><span class="h-card" translate="no"><a href="https://webperf.social/@tunetheweb" class="u-url mention">@<span>tunetheweb</span></a></span> very comprehensive post, thank you for sharing the good stuff! </p><p><a href="https://ricard.social/tags/WebPerformance" class="mention hashtag" rel="tag">#<span>WebPerformance</span></a></p>
Ricard Torres<p>"Our top Core Web Vitals recommendations for 2023"</p><p>"A collection of best practices for optimizing websites' Core Web Vitals performance based on the state of the web in 2023"</p><p>➡️ <a href="https://web.dev/top-cwv-2023/" target="_blank" rel="nofollow noopener noreferrer" translate="no"><span class="invisible">https://</span><span class="">web.dev/top-cwv-2023/</span><span class="invisible"></span></a></p><p><a href="https://ricard.social/tags/WebPerformance" class="mention hashtag" rel="tag">#<span>WebPerformance</span></a></p>
Ricard Torres<p>"Prerender pages in Chrome for instant page navigations"</p><p>➡️ <a href="https://developer.chrome.com/blog/prerender-pages/" target="_blank" rel="nofollow noopener noreferrer" translate="no"><span class="invisible">https://</span><span class="ellipsis">developer.chrome.com/blog/prer</span><span class="invisible">ender-pages/</span></a></p><p><a href="https://ricard.social/tags/WebPerformance" class="mention hashtag" rel="tag">#<span>WebPerformance</span></a></p>
Ricard Torres<p>"Optimising Largest Contentful Paint | Harry Roberts | performance.now() 2022"</p><p>➡️ <a href="https://www.youtube.com/watch?v=JhTR2fz68ec" target="_blank" rel="nofollow noopener noreferrer" translate="no"><span class="invisible">https://www.</span><span class="ellipsis">youtube.com/watch?v=JhTR2fz68e</span><span class="invisible">c</span></a></p><p><a href="https://ricard.social/tags/WebPerformance" class="mention hashtag" rel="tag">#<span>WebPerformance</span></a> <a href="https://ricard.social/tags/Frontend" class="mention hashtag" rel="tag">#<span>Frontend</span></a> <a href="https://ricard.social/tags/WebDevelopment" class="mention hashtag" rel="tag">#<span>WebDevelopment</span></a></p>
Ricard Torres<p>"Optimizing A Vue App " from <span class="h-card" translate="no"><a href="https://front-end.social/@michelle" class="u-url mention">@<span>michelle</span></a></span> </p><p><a href="https://www.smashingmagazine.com/2022/11/optimizing-vue-app/" target="_blank" rel="nofollow noopener noreferrer" translate="no"><span class="invisible">https://www.</span><span class="ellipsis">smashingmagazine.com/2022/11/o</span><span class="invisible">ptimizing-vue-app/</span></a></p><p><a href="https://ricard.social/tags/WebPerformance" class="mention hashtag" rel="tag">#<span>WebPerformance</span></a> <a href="https://ricard.social/tags/Frontend" class="mention hashtag" rel="tag">#<span>Frontend</span></a> <a href="https://ricard.social/tags/Vue" class="mention hashtag" rel="tag">#<span>Vue</span></a></p>
Ricard Torres<p>The old architecture still works. Separate CSS and <a href="https://ricard.social/tags/JavaScript" class="mention hashtag" rel="tag">#<span>JavaScript</span></a> , inline critical render path, etc. </p><p>I never liked <a href="https://ricard.social/tags/CSS" class="mention hashtag" rel="tag">#<span>CSS</span></a> in <a href="https://ricard.social/tags/JS" class="mention hashtag" rel="tag">#<span>JS</span></a>. Do you?</p><p>"Why We're Breaking Up with CSS-in-JS "</p><p><a href="https://dev.to/srmagura/why-were-breaking-up-wiht-css-in-js-4g9b" target="_blank" rel="nofollow noopener noreferrer" translate="no"><span class="invisible">https://</span><span class="ellipsis">dev.to/srmagura/why-were-break</span><span class="invisible">ing-up-wiht-css-in-js-4g9b</span></a></p><p><a href="https://ricard.social/tags/WebPerformance" class="mention hashtag" rel="tag">#<span>WebPerformance</span></a></p>
SearchLive 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