Edge DevTools Canary can now show you detailed stats on your CSS selectors when a style recalculation occurred. You just need to check the "Enable advanced rendering implementation" option and select a "Recalculate Styles" block.
Explainer - https://github.com/MicrosoftEdge/DevTools/blob/main/explainers/StyleTracing/explainer.md
It's much cheaper and easier than you think to start your own server on here.
If you use "managed hosting", it means the hosting company does all the techy stuff like installation, upgrades and maintenance.
The cheapest Mastodon server through managed hosting costs around 8 US dollars a month.
I've done a website all about using managed hosting at:
➡️ https://growyourown.services
...and here's a long article about making your own Mastodon server:
➡️ https://growyourown.services/making-your-own-mastodon-server-in-10-steps
The "Software Engineering at Google" book is free to read online: https://bit.ly/swe-book. Great insights on improving code quality & scaling engineering teams.
I don’t know who needs to hear this but optimizing your LCP images won't solve your LCP issues if the image request starts, for example, 4.3s after the page starts loading.
#webperf is not about isolated improvements. You need to analyze the whole picture to prioritize the implementations properly.
My first #WebPerf post here :)
Want to load your (LCP) hero image sooner?
Try <img fetchpriority=high> to boost its priority. Now used in production by Google Store, YouTube, eBay, Etsy, Yahoo. We also just deployed it on YouTube!
Learn more: https://web.dev/priority-hints