Francesco Schwarz @isellsoap@mastodon.social

Noticing substantial increase in overall @SpeedCurve@twitter.com CPU metrics from Sept. 4th onwards, which basically breaks all our perf. budgets. @WeltDev@twitter.com You are noticing this as well, correct?

It’s funny to see two different technical approaches to generate blob shaped things: once with SVG (https://www.blobmaker.app/), once with border-radius (https://9elements.github.io/fancy-border-radius/). SVG, of course, is way more flexible, but for simple shapes border-radius does the job, too! 🕺

“JavaScript: The Modern Parts” https://amontalenti.com/2019/08/10/javascript-the-modern-parts

Good overview and summary of JavaScript’s ecosystem in 1998, 2008 and 2018.

There is still plenty of room for improvement on the technical side, but I guess the most important thing for us as a team was to get sort of a “performance mindset”, to include the topic in our daily work life and to be open and transparent about the topic.

As a result the homepage FMP went down from ~ 6.3 seconds to ~ 3.5 seconds, and the article FMP from ~ 6 seconds to ~ 3.3 seconds. 🎉

For us the number one thing to improve overall perf. was to eliminate blocking JavaScript requests. On the homepage we went from around six blocking JS requests to zero. This was quite a tricky thing to achieve due to complex dependencies of third-party scripts like ads, etc.

For the most important site types (e.g. homepage or article) we set up budgets that we regularly monitor and adjust (downwards of course). We have a monitor in our room with the current status of all budgets. We get Slack notifications should a budget break for 3 times in a row.

So what do we measure and how do we measure it? Our most important metric for now is the “First Meaningful Paint” (FMP) https://developers.google.com/web/tools/lighthouse/audits/first-meaningful-paint, tested on a 3G connection on a mobile device. We monitor our perf. with @SpeedCurve@twitter.com (which runs WebPageTest tests in the background).

In the last couple of months we as the dev team of @SZ@twitter.com got the opportunity by our stakeholders to shift a big part of our focus to the topic of performance, which is basically a dev dream come true. Boss: ☝️ ”Make the website faster!” Me: 😍 “Yeeeeeeeees!”

Let me give you some insights into the performance culture and recent achievements of one of the bigger news sites in Germany. A tiny thread. 🤓

“Privacy is paramount to us, in everything we do.” While on my commute, I had to laugh hard when I read this sentence, coming from Google. 😂 Made my day. https://www.blog.google/products/chrome/building-a-more-private-web/

“Making of Byrne’s Euclid” https://www.c82.net/blog/?id=79 Absolutely stunned by this. Well done! 👏

“The purpose of life is right in front of us: It’s to create a reality we want to inhabit — to reach towards the better end of our conscious experience.” https://medium.com/personal-growth/the-purpose-of-life-is-right-in-front-of-you-c95f79d989ba Powerful!

RT @Joe8Bit@twitter.com
I saw a tweet asking why sometimes when you unsubscribe from an email list it says it can ‘take a few days’. Buckle up, as I have a RIDICULOUS story about this happening in The Enterprise™️...

RT @sdw@twitter.com
Pretty cool demonstration of how low-res our color perception is. https://twitter.com/hodefoting/status/1154428472602705921

RT @davidbauer@twitter.com
This is an excellent example for how to use a topic that gets a lot of attention to get people intetested in one that doesn‘t. https://twitter.com/rileydchampine/status/1152247422078390279

localghost 👻

RT @rauchg@twitter.com
Remember CSS-in-HTML?