{"id":499,"date":"2024-02-20T11:04:54","date_gmt":"2024-02-20T19:04:54","guid":{"rendered":"https:\/\/blog.mozilla.org\/performance\/?p=499"},"modified":"2024-02-21T02:42:37","modified_gmt":"2024-02-21T10:42:37","slug":"web-performance-fosdem-2024","status":"publish","type":"post","link":"https:\/\/blog.mozilla.org\/performance\/2024\/02\/20\/web-performance-fosdem-2024\/","title":{"rendered":"Web Performance @ FOSDEM 2024"},"content":{"rendered":"<p><a href=\"https:\/\/fosdem.org\/\">FOSDEM<\/a> (Free and Open Source Software Developers&#8217; European Meeting) is one of the largest gatherings of open-source enthusiasts, developers, and advocates worldwide. Each year there are many focused developer rooms (devrooms), managed by volunteers, and <a href=\"https:\/\/fosdem.org\/2024\/\">this year&#8217;s edition on 3-4 February<\/a> saw the return of the Web Performance devroom managed by Peter Hedenskog from Wikimedia and myself (Dave Hunt) from Mozilla. Thanks to so many great talk proposals (we easily could have filled a full day), we were able to assemble a <a href=\"https:\/\/fosdem.org\/2024\/schedule\/track\/web-performance\/\">fantastic schedule<\/a>, and at times the room was full, with as many people standing outside hoping to get in!<\/p>\n<h2>Dive into the talks<\/h2>\n<p>Thanks to the FOSDEM organisers and preparation from our speakers, we successfully managed to squeeze nine talks into the morning with a tight turnaround time. Here\u2019s a rundown of the sessions:<\/p>\n<h3><b>1. The importance of Web Performance to Information Equity<\/b><b><br \/>\n<\/b><\/h3>\n<p><a href=\"https:\/\/fosdem.org\/2024\/schedule\/speaker\/LNXBGL\/\">Bas Schouten<\/a> kicked off the morning with <a href=\"https:\/\/fosdem.org\/2024\/schedule\/event\/fosdem-2024-2411-the-importance-of-web-performance-to-information-equity\/\">his informative talk<\/a> on the vital role web performance plays on ensuring equal access to information and services for those with slower devices.<\/p>\n<p style=\"text-align: left;\"><iframe src=\"https:\/\/drive.google.com\/file\/d\/1hmVxZouXsJ0C7h6yRKYLZlX8jsuwvggC\/preview\"><span style=\"display: inline-block; width: 0px; overflow: hidden; line-height: 0;\" data-mce-type=\"bookmark\" class=\"mce_SELRES_start\">\ufeff<\/span><\/iframe><\/p>\n<h3>2. Let&#8217;s build a RUM system with open source tools<\/h3>\n<p>Next up we had <a href=\"https:\/\/fosdem.org\/2024\/schedule\/speaker\/8K8PMA\/\">Tsvetan Stoychev<\/a> share <a href=\"https:\/\/fosdem.org\/2024\/schedule\/event\/fosdem-2024-2088-let-s-build-a-rum-system-with-open-source-tools\/\">what he&#8217;s learned working on Basic RUM<\/a> &#8211; an open source real user monitoring system.<\/p>\n<p style=\"text-align: left;\"><iframe src=\"https:\/\/drive.google.com\/file\/d\/1SPF4Min-L_Hjr4y4h45fIYSTmULjJhYB\/preview\"><span style=\"display: inline-block; width: 0px; overflow: hidden; line-height: 0;\" data-mce-type=\"bookmark\" class=\"mce_SELRES_start\">\ufeff<\/span><\/iframe><\/p>\n<h3>3. Better than loading fast\u2026 is loading instantly!<\/h3>\n<p>At this point the room was at capacity, with at least as many people waiting outside! Next, <a href=\"https:\/\/fosdem.org\/2024\/schedule\/speaker\/JKX97Y\/\">Barry Pollard<\/a> gave shared details on how to score near-perfect Core Web Vitals in <a href=\"https:\/\/fosdem.org\/2024\/schedule\/event\/fosdem-2024-2003-better-than-loading-fast-is-loading-instantly-\/\">his talk<\/a> on pre-fetching and pre-rendering.<\/p>\n<p style=\"text-align: left;\"><iframe src=\"https:\/\/drive.google.com\/file\/d\/1UlvCRizMsDVPGOGCrYqRhsd0rVwFxOgj\/preview\"><span style=\"display: inline-block; width: 0px; overflow: hidden; line-height: 0;\" data-mce-type=\"bookmark\" class=\"mce_SELRES_start\">\ufeff<\/span><\/iframe><\/p>\n<h3>4. Keyboard Interactions<\/h3>\n<p><a href=\"https:\/\/fosdem.org\/2024\/schedule\/speaker\/M7MMES\/\">Patricija Cerkaite<\/a> followed with <a href=\"https:\/\/fosdem.org\/2024\/schedule\/event\/fosdem-2024-2410-keyboard-interactions\/\">her talk<\/a> on how she helped to improve measuring keyboard interactions, and how this influenced Interaction to Next Paint, leading to a better experience for Input Method Editors (IME).<\/p>\n<p style=\"text-align: left;\"><iframe src=\"https:\/\/drive.google.com\/file\/d\/1jkkwNTcUtGkbvBIzVro9BADlMZhVebig\/preview\"><span style=\"display: inline-block; width: 0px; overflow: hidden; line-height: 0;\" data-mce-type=\"bookmark\" class=\"mce_SELRES_start\">\ufeff<\/span><\/iframe><\/p>\n<h3>5. Web Performance at Mozilla and Wikimedia<\/h3>\n<p>Midway through the morning, <a href=\"https:\/\/fosdem.org\/2024\/schedule\/speaker\/MHTMV8\/\">Peter Hedenskog<\/a> &amp; <a href=\"https:\/\/fosdem.org\/2024\/schedule\/speaker\/EQJBEL\/\">myself<\/a> shared some insights into how Wikimedia and Mozilla measure performance in <a href=\"https:\/\/fosdem.org\/2024\/schedule\/event\/fosdem-2024-2162-web-performance-at-mozilla-and-wikimedia\/\">our talk<\/a>. Peter shared a some public dashboards, and I ran through a recent example of a performance regression affecting our page load tests.<\/p>\n<p style=\"text-align: left;\"><iframe src=\"https:\/\/drive.google.com\/file\/d\/1fNUoimdy7y2jnuJVLKTbHN8a_oZgNZcf\/preview\"><span style=\"display: inline-block; width: 0px; overflow: hidden; line-height: 0;\" data-mce-type=\"bookmark\" class=\"mce_SELRES_start\">\ufeff<\/span><\/iframe><\/p>\n<h3>6. Understanding how the web browser works, or tracing your way out of (performance) problems<\/h3>\n<p>We handed the spotlight over to <a href=\"https:\/\/fosdem.org\/2024\/schedule\/speaker\/83PCTB\/\">Alexander Timin<\/a> for <a href=\"https:\/\/fosdem.org\/2024\/schedule\/event\/fosdem-2024-2777-understanding-how-the-web-browser-works-or-tracing-your-way-out-of-performance-problems\/\">his talk<\/a> on event tracing and browser engineering based on his experience working on the Chromium project.<\/p>\n<p style=\"text-align: left;\"><iframe src=\"https:\/\/drive.google.com\/file\/d\/1b5CFJ9fsENmNRV9vnj8iR__3PaTiT3zJ\/preview\"><span style=\"display: inline-block; width: 0px; overflow: hidden; line-height: 0;\" data-mce-type=\"bookmark\" class=\"mce_SELRES_start\">\ufeff<\/span><\/iframe><\/p>\n<h3>7. Fast JavaScript with Data-Oriented Design<\/h3>\n<p>The morning continued to go from strength to strength, with <a href=\"https:\/\/fosdem.org\/2024\/schedule\/speaker\/VX99AK\/\">Markus Stange<\/a> demonstrating <a href=\"https:\/\/fosdem.org\/2024\/schedule\/event\/fosdem-2024-2773-fast-javascript-with-data-oriented-design\/\">in his talk<\/a> how to iterate and optimise a small example project and showing how easy it is to use the Firefox Profiler.<\/p>\n<p style=\"text-align: left;\"><iframe src=\"https:\/\/drive.google.com\/file\/d\/1DyinqfgNxzRhC2FSKWIR8t9Tr6qe7MjW\/preview\"><span style=\"display: inline-block; width: 0px; overflow: hidden; line-height: 0;\" data-mce-type=\"bookmark\" class=\"mce_SELRES_start\">\ufeff<\/span><\/iframe><\/p>\n<h3>8. From Google AdSense to FOSS: Lightning-fast privacy-friendly banners<\/h3>\n<p>As we got closer to lunch, <a href=\"https:\/\/fosdem.org\/2024\/schedule\/speaker\/BFUW9W\/\">Tim Vereecke<\/a> teased us with hamburger banner ads <a href=\"https:\/\/fosdem.org\/2024\/schedule\/event\/fosdem-2024-2266-from-google-adsense-to-foss-lightning-fast-privacy-friendly-banners\/\">in his talk<\/a> on replacing Google AdSense with open source alternative Revive Adserver to address privacy and performance concerns.<\/p>\n<p style=\"text-align: left;\"><iframe src=\"https:\/\/drive.google.com\/file\/d\/193aoT_as07XaxWXQUmHKxdkLL1zUCXSB\/preview\"><span style=\"display: inline-block; width: 0px; overflow: hidden; line-height: 0;\" data-mce-type=\"bookmark\" class=\"mce_SELRES_start\">\ufeff<\/span><\/iframe><\/p>\n<h3>9. Insights from the RUM Archive<\/h3>\n<p>For our <a href=\"https:\/\/fosdem.org\/2024\/schedule\/event\/fosdem-2024-1975-insights-from-the-rum-archive\/\">final session<\/a> of the morning, <a href=\"https:\/\/fosdem.org\/2024\/schedule\/speaker\/ME8QJ7\/\">Robin Marx<\/a> introduced us to the RUM Archive, shared some insights and challenges with the data, and discussed the part real user monitoring plays alongside other performance analysis.<\/p>\n<p style=\"text-align: left;\"><iframe src=\"https:\/\/drive.google.com\/file\/d\/1cDlRUXUOHzOZ-IJeLlUI0HzWXgZNo-De\/preview\"><span style=\"display: inline-block; width: 0px; overflow: hidden; line-height: 0;\" data-mce-type=\"bookmark\" class=\"mce_SELRES_start\">\ufeff<\/span><\/iframe><\/p>\n<h3>Beyond the devroom<\/h3>\n<p>It was great to see that the topic of web performance wasn&#8217;t limited to our devroom, with talks such as <a href=\"https:\/\/fosdem.org\/2024\/schedule\/event\/fosdem-2024-1873-debugging-http-3-upload-speed-in-firefox\/\">Debugging HTTP\/3 upload speed in Firefox<\/a> in the <a href=\"https:\/\/fosdem.org\/2024\/schedule\/track\/mozilla\/\">Mozilla devroom<\/a>, <a href=\"https:\/\/fosdem.org\/2024\/schedule\/event\/fosdem-2024-1713-web-performance-leveraging-qwik-to-meet-google-s-core-web-vitals\/\">Web Performance: Leveraging Qwik to Meet Google&#8217;s Core Web Vitals<\/a> in the <a href=\"https:\/\/fosdem.org\/2024\/schedule\/track\/javascript\/\">JavaScript devroom<\/a>, and <a href=\"https:\/\/fosdem.org\/2024\/schedule\/event\/fosdem-2024-2716-firefox-power-profiling-a-powerful-visualization-of-web-sustainability\/\">Firefox power profiling: a powerful visualization of web sustainability<\/a> in the main track.<\/p>\n<h2>Acknowledgements<\/h2>\n<p>I would like to thank all the amazing FOSDEM volunteers for supporting the event. Thank you to our wonderful speakers and everyone who submitted a proposal for providing us with such an excellent schedule. Thank you to Peter Hedenskog for bringing his devroom management experience to the organisation and facilitation of the devroom. Thank you to Andrej Glavic, Julien Wajsberg, and Naz\u0131m Can Alt\u0131nova for their help managing the room and ensuring everything ran smoothly. See you next year!<\/p>\n","protected":false},"excerpt":{"rendered":"<p>FOSDEM (Free and Open Source Software Developers&#8217; European Meeting) is one of the largest gatherings of open-source enthusiasts, developers, and advocates worldwide. Each year there are many focused developer rooms &hellip; <a class=\"go\" href=\"https:\/\/blog.mozilla.org\/performance\/2024\/02\/20\/web-performance-fosdem-2024\/\">Read more<\/a><\/p>\n","protected":false},"author":513,"featured_media":500,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[457025],"tags":[],"_links":{"self":[{"href":"https:\/\/blog.mozilla.org\/performance\/wp-json\/wp\/v2\/posts\/499"}],"collection":[{"href":"https:\/\/blog.mozilla.org\/performance\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blog.mozilla.org\/performance\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blog.mozilla.org\/performance\/wp-json\/wp\/v2\/users\/513"}],"replies":[{"embeddable":true,"href":"https:\/\/blog.mozilla.org\/performance\/wp-json\/wp\/v2\/comments?post=499"}],"version-history":[{"count":0,"href":"https:\/\/blog.mozilla.org\/performance\/wp-json\/wp\/v2\/posts\/499\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/blog.mozilla.org\/performance\/wp-json\/wp\/v2\/media\/500"}],"wp:attachment":[{"href":"https:\/\/blog.mozilla.org\/performance\/wp-json\/wp\/v2\/media?parent=499"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blog.mozilla.org\/performance\/wp-json\/wp\/v2\/categories?post=499"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blog.mozilla.org\/performance\/wp-json\/wp\/v2\/tags?post=499"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}