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 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!”
“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!
Pretty cool demonstration of how low-res our color perception is. https://twitter.com/hodefoting/status/1154428472602705921
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
Want to write your webpack configs in TypeScript? There’s a pretty concise section in the official docs for that: https://webpack.js.org/configuration/configuration-languages/#typescript
Testing the sync between Mastadon and Twitter via https://moa.party
👨🏻💻 Frontend Developer at Süddeutsche Zeitung. Web enthusiast. Passionate about accessibility, design systems, performance. Typography nerd. Professional introvert. Runner.
Server run by the main developers of the project It is not focused on any particular niche interest - everyone is welcome as long as you follow our code of conduct!