• Meetup 36: How does thinking about accessibility help improve performance?

    Save the date! Cologne Web Performance Meetup 36: How does thinking about accessibility help improve Performance? Talk and discussion with Graham Ritchie on Wednesday, July 7, 2021, 7 PM CEST.

    Graham Ritchie is a web accessibility expert and managing director at klu.io website design agency in Preston, Lancashire.
    https://klu.io/

    This meetup will be another online event in English, using zoom web conferencing. Admission is free. The meetup will not be recorded.
    Feel free to join us at 18:45 for some small talk and socializing.
    The actual talk will start at 19:00 followed by an open discussion.

    Thanks to Daniza Weiss and Ingo Steinke for organzing the event.
    Thanks to Avenga Germany and wao.io for support!

    https://avenga.com/
    https://wao.io/
    https://www.ingo-steinke.com/

    Follow CGNwebperf on twitter to stay up to date:
    https://twitter.com/cgnwebperf

    6
  • CGNwebperf #35: Stéphanie Walter: Design & Performance: the forgotten cases

    Wednesday, 5. May[masked] p.m. CET, Stéphanie Walter will join us online and tell us about design and the forgotten cases of performance optimization. Video meeting will start 15 minutes before so you can test your connection, camera etc. and have some small talk. The event will not be recorded.

    Due to the ongoing Covid-19 pandemic, this will be an online event using zoom. Please RSVP to the meetup event to receive video link and event updates!

    Speaker: Stéphanie Walter
    https://stephaniewalter.design
    Organizer: Sonja Felix, Ingo Steinke.
    Thanks to Avenga Germany for supporting our event!

    Schedule:
    18:45 Greeting, Small Talk, Soundcheck
    19:00 Talk, followed by discussion:

    Stéphanie Walter:
    Design and Performance: the forgotten cases

    What happens during those few milliseconds (or seconds) of loading between the white browser and the "perfectly loaded" page? What happens if a data is missing, if a server takes time to respond, responds to an error, a missing resource, etc.? Designing these "forgotten cases" greatly improves designer/developer collaboration on performance topics. Avoiding errors, empty screens or components with layout shifts also greatly improves user experience. Let’s talk about how to design for performance, perceived performance, for those forgotten cases and beyond, like for offline, background sync, etc.

    Bio:
    Stéphanie is a User Researcher and Designer who focuses on building user-centred, inclusive and accessible products and services. She spent the last 10 years helping her clients in different industries (banking, financial, automotive, healthcare, press, travel, etc.) deliver successful projects to their audience, all the way from strategy to the final products and services. She teaches and likes to share her passion for her work on her blog and at conferences. Her claim to fame: she once helped redesign monitoring panels for tower cranes. Don't hesitate to reach out to her for questions and advice.

    2
  • CGNwebperf #34: Ingo Steinke: Core Web Vitals: Web Performance and Usability

    Let's meet online on Wednesday, 3rd March[masked] p.m. CET for a talk by Ingo Steinke and an open discussion about Google's Core Web Vitals.

    Change of topic: our original guest will not be able to join us on 3rd March. Let's focus on a current topic and discuss Google's Core Web Vitals instead! Hopefully, there will be another chance to talk about JavaScript and CPU profiling later this year.

    ---
    Ingo Steinke:
    Optimizing Speed and Usability for Google's Core Web Vitals
    ---

    18:45 (6:45 p.m. CET) zoom meeting starts, time for small talk,
    19:00 (7:00 p.m. CET) talk, followed by discussion.

    ---

    On 3rd March 2021, Ingo Steinke will give a short introduction to the performance metrics that Google defined as "Core Web Vitals": Largest Contentful Paint (LCP), First Input Delay (FID), Cumulative Layout Shift (CLS) and where to find those in Lighthouse / PageSpeed Insights, WebPageTest and GTMetrix.

    After the presentation, everyone is invited to share their issues and insights trying to optimize usability and page speed to maintain a good search engine ranking beyond May 2021.

    Video meeting will start 15 minutes before so you can test your connection, camera etc. and have some small talk. The event will not be recorded.

    Due to the ongoing Covid-19 pandemic, this will be an online event using zoom. Please RSVP to the meetup event to receive video link and event updates!

    Speaker: Ingo Steinke
    Organizer: Sonja Felix, Ingo Steinke.
    Thanks to Avenga Germany for supporting our event!
    Sponsor: https://wao.io/

    7
  • CGNwebperf #33: Patrick Meenan + Tim Vereecke (Online Meetup in English)

    Patrick Meenan: Resource Prioritization for Web Performance.
    Tim Vereecke: Making RUM Responsive.

    Wednesday, 9. December[masked] p.m. CET (Central European Time).

    18:45 Getting Together / Small Talk / Sound Check.
    19:00 Talks and Discussion.
    After each talk, there will be time for discussion.

    Our video conference will start 15 minutes before so you can test your connection, camera etc. and have some small talk.
    The event will not be recorded.

    Due to the ongoing Covid-19 pandemic, this will be an online event using zoom. Please RSVP to the meetup event to receive video link and event updates!

    -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
    Resource Prioritization for Web Performance
    Patrick Meenan
    -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-

    Patrick will dive into the details of HTTP/2 prioritization, how it interacts with the browser and your content and how to get the most out of it. He will also explore the various ways it can go wrong in a production environment and how to validate your deployment to make sure it is working optimally. He will also explore recent developments with HTTP/3 and the changes that will bring to the table.

    -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
    Making RUM Responsive
    Tim Vereecke
    -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-

    Categorizing device types by desktop, mobile and tablet no longer works in 2020. It is oversimplified, meaningless and likely breaks your current performance analysis on a modern responsive website. As #perfmatters we need meaningful monitoring that takes into account the modern web: - Screen dimensions - Device pixel ratios - Image and CSS breakpoints - Connections Keeping it both simple and meaningful is however not easy! Learn about the different approaches and how to apply this to your existing RUM monitoring solutions: be it free (Google Analytics), open source (Boomerang) or commercial.

    -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-

    Organizer: Ingo Steinke, Sonja Felix.
    Hosted by wao.io, Avenga Germany, and friends.
    Thanks to Avenga Germany for supporting our event!

    To make sure our meetups provide fun, welcoming and professional environments, be sure to accept our Code of Conduct:
    https://www.meetup.com/cologne-germany-high-performance-website-optimization-group/pages/31103229/Code_of_Conduct_(Verhaltenskodex)

    5
  • CGNwebperf #31: Andrew Petryk: Premature Optimization + Meet for Speed (English)

    Cologne Web Performance Meetup #31
    Wednesday, 19 August 2020 (Online):

    18:45 Optional Meet and Greet and Soundcheck,
    19:00 Andrew Petryk: Premature Optimization.
    then: Q&A about Andrew's talk.
    then: Meet for Speed: Live Analysis + Optimization.

    This will be an online meetup in English.

    https://zoom.us/j/98751158651

    -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-

    Andrew Petryk: Premature Optimization

    Want your applications to work faster? All of us do.
    So, should you optimize your apps? Probably, no.
    Let's talk about the performance and when not to optimize it.
    And how You can most of your Java backend.
    And if You still think that Java is a slow, verbose, not modern language for legacy enterprise only, I will change your mind.

    About Andrew Petryk:
    Java Engineering Manager at Avenga
    https://www.linkedin.com/in/andrew-petryk/

    -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-

    Sebastian Thielen: Meet for Speed
    Let's do another live analysis and web performance optimization!
    Bring your website and get some insights from the community.

    About Sebastian Thielen:
    Product Manager at wao.io
    https://wao.io/de/about-us/experts/sebastian-thielen/

    -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-

    The event is hosted by Avenga.com and wao.io.
    Organizer: Ingo Steinke
    https://www.linkedin.com/in/ingosteinke/

    https://avenga.com/
    https://wao.io/

    8
  • CGNwebperf #30 Anleitung zum Unglücklichsein - SPA (Slow Pace Application)

    Anleitung zum Unglücklichsein - SPA (Slow Pace Application)

    Du möchtest deinen Nutzern eine möglichst schlecht benutzbare und unperformante Single Page Application zur Verfügung stellen? Dann ist dies genau der richtige Talk für dich! Wir zeigen dir heute eine nette kleine performante SPA und werden diese dann Schritt für Schritt verschlimmern, sodass Nutzer eine möglichst schlechte Erfahrung haben und den Tab einfach nur frustriert schließen wollen :D Der Talk wird auf unterhaltsame Weise darauf eingehen, wie man die Performance einer SPA sinnvoll misst, wie man die Messergebnisse interpretiert und was typische Performance-Blocker in JavaScript, React, HTML und CSS sind.

    19:00 Vortrag von Anna Backs und Christina Zenzes: Anleitung zum Unglücklichsein - SPA (Slow Pace Application)
    im Anschluss Gelegenheit zu Q&A und Small Talk!

    Das Meetup wird aufgrund der aktuellen Lage nicht vor Ort stattfinden, sondern als Videokonferenz. Wir werden Link und Passwort rechtzeitig bekannt geben.

    Mit freundlicher Unterstützung durch Avenga und wao.io
    https://avenga.com/
    https://wao.io/

    13
  • CGNwebperf #29 Performance-Optimierung ohne Code-Änderung

    Avenga Germany GmbH

    Wie mache ich meine Seite schneller, ohne dass ich weiß was ich am Code ändern muss? Wir zeigen dir, wie du herausfindest, ob deine Seite zu den Sprintern oder eher den Schnecken gehört. Keine Kenntnisse nötig - bring nur deine Webseite mit oder die des Unternehmens, in dem du arbeitest.

    Der Termin findet am[masked] als Online-Meetup statt:
    https://meet.jit.si/CGNwebperf

    18:45 Begrüßung / Soundcheck
    19:00 Vortrag und Live-Analyse: Performance Optimierung - Was kann ich ohne Code-Änderung tun? mit Angelina Farsch und Ingo Steinke
    21:00 Ende

    Vielen Dank für die rege Teilnahme an unserer Themen-Umfrage. 37,5% votierten für "Performance-Optimierung ist technisch - ein Widerspruch?". Das wird unser Thema am[masked]: "Performance-Optimierung - Was kann ich ohne Code-Änderung tun?" Im Juni wird es dann wieder ein technologischer Schwerpunkt - lasst Euch überraschen!

    Mit freundlicher Unterstützung durch Avenga und wao.io
    https://avenga.com/
    https://wao.io/

    11
  • CGNwebperf #28: Doug Sillars

    Avenga Germany GmbH

    Hello Webspeeders,

    I would like to invite you to our next meetup with Doug Sillars:
    Video killed my data plan: adding video to websites without breaking the bank

    Doug Sillars
    Bio: Developer Evangelist on mobile and web performance
    Author: High Performance Android Apps
    https://twitter.com/dougsillars
    https://dougsillars.com/

    The talk will be in English.

    Doors open at 18:30, the talk will start at 19:00.

    Food, drinks and space will be sponsored generously by Sevenval (powered by Avenga) https://www.avenga.com/

    Best regards
    Ingo
    https://wao.io/

    4
  • CGNwebperf #27: Tim Vereecke und Christian Lorenz

    STARTPLATZ

    Hallo Webspeeder,

    ich möchte euch herzlich zu unserem nächsten Meetup einladen. Es wird zwei Talk‘s geben:

    1.) Tim Vereecke: Data(s)haver strategies

    More and more people are making use of the data saver mode built into their browser (Opera Turbo, Yandex Turbo Mode, Chrome Data Saver). As website owners we should listen and serve a lightweight version when the data-saver request header is present.

    I’ll share the approaches, trade-offs and results from my journey shaving off bytes on http://scalemates.com. With around 30K daily visitors it is the largest scale modeling website in the world.

    I have been using performance budgets for many years, but the new light version (consuming 50% less bandwidth on an iPhone) unexpectedly broke this model. I will also address how the use of a data budget matrix solved the issues I faced.

    > Tim Vereecke (@TimVereecke) loves speeding up websites and likes to understand the technical and business aspects of WebPerf since 15+ years. He is a web performance architect at Akamai and also runs http://scalemates.com : the largest (and fastest) scale modeling website on the planet.

    2.) Christian Lorenz: Was soll das denn? CSS in JS.

    Alle paar Monate mal was Neues. CSS in JS hört sich erstmal total unsinnig an, könnte aber für den Webperformance orientierten Entwickler eine echte Alternative sein. In diesem Talk werden Vor- und Nachteile des CSS-in-JS Stacks vorgestellt, besprochen und wahrscheinlich auch diskutiert.

    > Christian Lorenz (https://www.lorenz-kraft.de/): "Ob Backend, Frontend oder beides zusammen. Als Kölsche Jung isser sich vor nix Pfui."

    LG
    Stefan

    3