Treo(@__treo) 's Twitter Profile Photo

๐Ÿ†• Introducing navigation types support ๐Ÿ†•

โ€ข Instant access to reload, bf-cache, http-cache, and prerender types
โ€ข Explore navigations on the map and find anomalies
โ€ข Based on the newest CrUX BQ data

Check your site: treo.sh/sitespeed

๐Ÿ†• Introducing navigation types support ๐Ÿ†•

โ€ข Instant access to reload, bf-cache, http-cache, and prerender types
โ€ข Explore navigations on the map and find #webperf anomalies
โ€ข Based on the newest CrUX BQ data

Check your site: treo.sh/sitespeed
account_circle
Rafael Lebre(@lebreRafael) 's Twitter Profile Photo

Using a Web Font (specially if not from Google Fonts) and having problems with CLS caused by the font swap? Take a look at this article
publishing-project.rivendellweb.net/calculating-foโ€ฆ
Notice that the article does not cover size-adjust, so you will need to find that number in a try/fail approach

Using a Web Font (specially if not from Google Fonts) and having problems with CLS caused by the font swap? Take a look at this article
publishing-project.rivendellweb.net/calculating-foโ€ฆ
Notice that the article does not cover size-adjust, so you will need to find that number in a try/fail approach
#webperf
account_circle
Rafael Lebre(@lebreRafael) 's Twitter Profile Photo

TIL that an HTML comment (<!-- -->) breaks a text tag in 2 and open room for a CLS in the second one when a custom font loads.
Open this pen, throttle your network on devools, open console and rerun the pen. Try the same without HTML comment
codepen.io/Rafael-Lebre/pโ€ฆ

TIL that an HTML comment (<!-- -->) breaks a text tag in 2 and open room for a CLS in the second one when a custom font loads.
Open this pen, throttle your network on devools, open console and rerun the pen. Try the same without HTML comment
codepen.io/Rafael-Lebre/pโ€ฆ
#webperf
account_circle
Treo(@__treo) 's Twitter Profile Photo

Google team announced navigation types two days ago and we're the first to give you the full power of the CrUX BigQuery dataset to improve your site's

twitter.com/ChromeUXReportโ€ฆ

account_circle
Tammy Everts(@tameverts) 's Twitter Profile Photo

Putting the last touches on the next issue of the Speed Matters newsletter. Shockingly, it includes content beyond INP! ๐Ÿ˜‰

Browse the archive and join the 14K discerning folks on our subscriber list: speedcurve.com/newsletter/

Putting the last touches on the next issue of the Speed Matters newsletter. Shockingly, it includes #webperf content beyond INP! ๐Ÿ˜‰

Browse the archive and join the 14K discerning folks on our subscriber list: speedcurve.com/newsletter/ #ux
account_circle
Tim Vereecke(@TimVereecke) 's Twitter Profile Photo

Some extreme tuning to remove extra bytes have reduced the problem on most of my pages. The initial rendering now has enough information to avoid CLS of due to the search form being incomplete.

Some extreme tuning to remove extra bytes have reduced the problem on most of my pages. The initial rendering now has enough information to avoid CLS of due to the search form being incomplete. #webperf
account_circle
Henri Helvetica ๐Ÿ‡ญ๐Ÿ‡น ๐Ÿ‘จ๐Ÿพโ€๐Ÿš€ ๐Ÿš€(@HenriHelvetica) 's Twitter Profile Photo

At the next Toronto Web Perf, we have Sentry's own Lazar Nikolov. He will share performance elements of RSCs. Join us:
๐Ÿ“… Wednesday April 17
๐Ÿ“ Mozilla Toronto
๐ŸŽŸ๏ธ + details: bit.ly/100dop-day64
RT? โšก๏ธ

At the next @towebperf, we have @getsentry's own @NikolovLazar. He will share performance elements of RSCs. Join us:
๐Ÿ“… Wednesday April 17 
๐Ÿ“ Mozilla Toronto
๐ŸŽŸ๏ธ + details: bit.ly/100dop-day64
#webperf RT? โšก๏ธ
#100DaysOfPerf
account_circle
WebPerformance Report(@WebPerfReport) 's Twitter Profile Photo

๐ŸŽ‰ WebPerformance Report Week #14. Delivered โœ…
Ready for next week's WebPerformance Report? Join our community by subscribing from our website:
๐Ÿ‘‰ webperformancereport.com
ormance

๐ŸŽ‰ WebPerformance Report Week #14. Delivered โœ… 
Ready for next week's @WebPerfReport? Join our community by subscribing from our website:
๐Ÿ‘‰ webperformancereport.com
#webperf #corewebvitals #webperformance #buildinpublic
account_circle
Pablo Lara H(@pablolarah) 's Twitter Profile Photo

๐ŸŸ  Cache Ruins Everything Around Me
show 753
Syntax is Wes Bos & Scott Tolinski - Syntax.fm
Discussion about cache invalidation issues when caching user-specific data, solutions & drawbacks like flash of unstyled content.


syntax.fm/show/753/cacheโ€ฆ

๐ŸŸ  Cache Ruins Everything Around Me
show 753
@syntaxfm is @wesbos & @stolinski
Discussion about cache invalidation issues  when caching user-specific data, solutions & drawbacks like flash of unstyled  content.
#caching #webdev #webperf 

syntax.fm/show/753/cacheโ€ฆ
account_circle
Bhaskar Gyan Vardhan(@anotherJsGuy) 's Twitter Profile Photo

Two Small changes and our ๐—ฝ๐Ÿณ๐Ÿฑ ๐—œ๐—ก๐—ฃ reduced by ๐Ÿฐ๐Ÿฌ%
(from 189 to 116)

1. Wrapping Analytics and logger in ๐—ฟ๐—ฒ๐—พ๐˜‚๐—ฒ๐˜€๐˜๐—”๐—ป๐—ถ๐—บ๐—ฎ๐˜๐—ถ๐—ผ๐—ป๐—™๐—ฟ๐—ฎ๐—บ๐—ฒ
2. Wrapping dom manipulation in ๐—ฟ๐—ฒ๐—พ๐˜‚๐—ฒ๐˜€๐˜๐—”๐—ป๐—ถ๐—บ๐—ฎ๐˜๐—ถ๐—ผ๐—ป๐—™๐—ฟ๐—ฎ๐—บ๐—ฒ

kit

Two Small changes and our ๐—ฝ๐Ÿณ๐Ÿฑ ๐—œ๐—ก๐—ฃ reduced by ๐Ÿฐ๐Ÿฌ% 
(from 189 to 116)

1. Wrapping Analytics and logger in ๐—ฟ๐—ฒ๐—พ๐˜‚๐—ฒ๐˜€๐˜๐—”๐—ป๐—ถ๐—บ๐—ฎ๐˜๐—ถ๐—ผ๐—ป๐—™๐—ฟ๐—ฎ๐—บ๐—ฒ
2. Wrapping dom manipulation in ๐—ฟ๐—ฒ๐—พ๐˜‚๐—ฒ๐˜€๐˜๐—”๐—ป๐—ถ๐—บ๐—ฎ๐˜๐—ถ๐—ผ๐—ป๐—™๐—ฟ๐—ฎ๐—บ๐—ฒ

#CoreWebVitals #INP #WebPerf  #Svelte #Sveltekit
account_circle
Henri Helvetica ๐Ÿ‡ญ๐Ÿ‡น ๐Ÿ‘จ๐Ÿพโ€๐Ÿš€ ๐Ÿš€(@HenriHelvetica) 's Twitter Profile Photo

.Firefox DevTools have always exposed really interesting features. Julien Wajsberg + Nazim Can will be our guests April 17th, sharing new FF devtools features for best analysis and debugging. JOIN US:
๐ŸŽŸ๏ธ bit.ly/100dop-day64

.@FirefoxDevTools have always exposed really interesting features. @jwajsberg + Nazim Can will be our guests April 17th, sharing new FF devtools features for best #webperf analysis and debugging. JOIN US:
๐ŸŽŸ๏ธ bit.ly/100dop-day64
#100DaysOfPerf
account_circle
Vladimรญr Machรกฤek(@8machy) 's Twitter Profile Photo

๐Ÿ”ฅWebperf tip:

Have a large dom?
Prerender your templates into the <template /> element and render it, when it needs to be rendered

Great for things like:
โœ…Dropdowns
โœ…Dialogs
โœ…Toggable things
โœ…Non visible content in the carousel
...

๐Ÿ”ฅWebperf tip:

Have a large dom?
Prerender your templates into the <template /> element and render it, when it needs to be rendered

Great for things like:
โœ…Dropdowns
โœ…Dialogs
โœ…Toggable things
โœ…Non visible content in the carousel
...

#html #javascript #react #vue #php
account_circle
AlertBot(@AlertBot) 's Twitter Profile Photo

Downtime happens. That's why there's AlertBot.

Fight back against website downtime and try out AlertBot FREE today! AlertBot.com

happens ormance

Downtime happens. That's why there's AlertBot.

Fight back against website downtime and try out AlertBot FREE today! AlertBot.com

#webperf #downtimehappens #downtime #websitemonitoring #webperformance
account_circle