fix(blog): add performance.now() blog article (#782)

* fix(blog): add performance.now() blog article

* chore: add amsterdam image

* chore: adjust slug

* chore replace photos

* chore: replace further photo

content/blog/performance-now-2024-conference/index.de.md

@@ -0,0 +1,32 @@
+---
+title: performance.now()
+summary: Zwei Frontend-Entwickler von geOps machten sich nach Amsterdam auf, um an der performance.now() teilzunehmen, einer zweitägigen Konferenz mit vierzehn erstklassigen Sessions, die die wichtigsten Erkenntnisse zur Web-Performance von heute behandeln. 
+author: Daniel Marsh-Hunn & Friedjoff Trautwein
+cover: /images/blog/performance-now-2024-conference/perfnow-sticker.png
+created: 2024-11-25
+slug: performance-now-2024
+tags:
+  - developers
+published: true
+---
+geOps-Entwickler sind angehalten, ihr Wissen und ihre Fähigkeiten regelmäßig zu erweitern. Dies kann unter anderem durch die Teilnahme an Konferenzen erreicht werden. Konferenzen geben nicht nur Einblicke in die neuesten Technologien, sondern bieten auch die Möglichkeit, die entsprechende Community zu treffen und sich mit Gleichgesinnten auszutauschen.
+
+Im November 2024 machten sich zwei Frontend-Entwickler von geOps nach Amsterdam auf, um an der [performance.now()](https://perfnow.nl/) teilzunehmen, einer zweitägigen Konferenz mit vierzehn erstklassigen Sessions, die die wichtigsten Erkenntnisse zur Web-Performance von heute behandeln. In Anbetracht der Bedeutung der Performance beim Laden von geOps-Karten und -Anwendungen war dies eine hervorragende Gelegenheit, sich mit diesem Thema eingehend zu befassen.
+
+![Tim Kadlec bei perf.now](/images/blog/performance-now-2024-conference/perfnow-2024-kadlec.png "Tim Kadlec bei perf.now")
+
+Die Konferenz fand in der atemberaubenden Zuiderkerk statt, einer zum Konferenzort umfunktionierten protestantischen Kirche aus dem 17. Jahrhundert. Die Teilnehmer wurden während der gesamten Veranstaltung mit Speisen und Getränken gut versorgt. Verschiedene Sponsoren waren anwesend und warben für ihre Produkte, u. a. [Mozilla](https://www.mozilla.org/), [Google](https://www.google.com/), [Akamai](https://www.akamai.com/) und [Sentry](https://sentry.io/).
+
+Die Vorträge waren äußerst interessant und professionell. Die Themen variierten zwischen verschiedenen Performance-bezogenen Bereichen, und wie nicht anders zu erwarten, wurden Begriffe wie „Ladezeiten“, „Caching“ und „Prefetching“ in den meisten Vorträgen erwähnt. Besonders interessant waren die Vorträge, die sich mit dem Performance-Aspekt etablierter Frontend-Themen beschäftigten.
+
+In seinem Vortrag [Accessibility is Performant](https://perfnow.nl/speakers#eric) zeigte [Eric Baily](https://social.ericwbailey.website/@eric) anhand von Beispielen, wie ein schlecht verwalteter Accessibility-Tree zum Absturz von Screenreadern führen kann, wodurch Websites für eingeschränkte Benutzer unzugänglich werden. In einem weiteren Vortrag über [Strategien für die Performance von Web-Fonts](https://perfnow.nl/speakers#mandy) erläuterte [Mandy Michael](https://front-end.social/@mandymichael) verschiedene Methoden, wie Schriften komprimiert und effizienter geladen werden können, um Wartezeiten zu verkürzen.
+
+Der Performance-Architekt [Paul Calvano](https://webperf.social/@paulcalvano) zeigte 17 Probleme bei Leistungsoptimierungen auf, die zu Leistungseinbußen statt zu Leistungsgewinnen führen, wie z. B. zu viele Preconnects, Preloads und Prefetches oder die Nichtkomprimierung von vorgeladenen Ressourcen. Mit Daten aus dem aktuellen [Web Almanac 2024](https://almanac.httparchive.org/en/2024/) wurde gezeigt, dass diese Probleme nicht gerade selten sind.
+
+Die meisten Vorträge betonten auch die verschiedenen Möglichkeiten der Performance-Messung und -Überprüfung. Das Google Chrome DevTools-Team präsentierte seine neuesten Funktionen im DevTools Performance-Tab. Tools, die Einblicke in Skripte von Drittanbietern geben, wie [RequestMapGenerator](https://requestmap.webperf.tools/), können dabei helfen, zu überwachen, wie viele externe Skripte geladen werden und wie sie die Leistung beeinflussen. Schließlich wurde [Google Lighthouse](https://developer.chrome.com/docs/lighthouse/overview) unzählige Male erwähnt, ein Tool zur Überprüfung von Leistung, Zugänglichkeit, progressiven Webanwendungen, SEO und mehr.
+
+Zuletzt hat [Annie Sullivan](https://www.linkedin.com/in/anniesullie/), die bei Google das Team für [Core Web Vitals](https://web.dev/explore/learn-core-web-vitals) leitet, in einem inspirierenden Vortrag ihre langjährige Erfahrung gebündelt weitergegeben und gezeigt, mit welchen Methoden die komplexen Herausforderungen in diesem Themenbereich gemeistert werden können.
+
+![Vortragende der performance.now()-Konferenz](/images/blog/performance-now-2024-conference/perf-now-speakers.png "Vortragende der performance.now-Konferenz")
+
+Alles in allem war die Konferenz ein großer Erfolg und die Teilnehmer konnten neue Anregungen und Ideen für ihre eigenen Projekte mitnehmen. Als geOps-Entwickler freuen wir uns über die Möglichkeit, tiefere Einblicke in die Leistung unserer Anwendungen zu gewinnen und sie noch weiter zu verbessern.

content/blog/performance-now-2024-conference/index.en.md

@@ -0,0 +1,34 @@
+---
+title: performance.now()
+summary: Zwei Frontend-Entwickler von geOps machten sich nach Amsterdam auf, um an der performance.now() teilzunehmen, einer zweitägigen Konferenz mit vierzehn erstklassigen Sessions, die die wichtigsten Erkenntnisse zur Web-Performance von heute behandeln. 
+author: Daniel Marsh-Hunn & Friedjoff Trautwein
+cover: /images/blog/performance-now-2024-conference/perfnow-sticker.png
+created: 2024-11-25
+slug: performance-now-2024
+tags:
+  - developers
+published: true
+---
+geOps developers are encouraged to regularly expand their knowledge and skill set. Among other things, this can be achieved by attending conferences. Not only do conferences often shed light into the forefront of modern technology, but they also offer opportunities to meet the corresponding community and connect with like-minded professionals.
+
+In November 2024 two geOps frontend developers headed to Amsterdam to attend [performance.now()](https://perfnow.nl/), a two-day single-track conference with fourteen world-class sessions covering today’s most important web performance insights. Considering the importance of performance in loading geOps maps and applications, this was an excellent opportunity for a deep dive into the domain.
+
+![Tim Kadlec at perf.now](/images/blog/performance-now-2024-conference/perfnow-2024-kadlec.png "Tim Kadlec at perf.now")
+
+The conference took place at the stunning Zuiderkerk, a 17th century protestant church turned into a conference venue. Attendees were well provided for, with food and drinks included throughout the whole event. Various sponsors were present promoting their products, [Mozilla](https://www.mozilla.org/), [Google](https://www.google.com/), [Akamai](https://www.akamai.com/) and [Sentry](https://sentry.io/) among others.
+
+The talks were extremely interesting and professional. The topics varied among several performance-related domains, and as one would expect, terms like “load times”, “caching” and “prefetching” were mentioned in most talks. Particularly interesting were presentations focusing on the performance angle of established frontend topics.
+
+In his talk [Accessibility is Performant](https://perfnow.nl/speakers#eric), [Eric Baily](https://social.ericwbailey.website/@eric) showed examples of how a poorly managed accessibility tree can cause screen readers to crash, causing sites to become inaccessible for users with disabilities. In a further presentation about [Font Performance Strategies](https://perfnow.nl/speakers#mandy), [Mandy Michael](https://front-end.social/@mandymichael) demonstrated a variety of ways how fonts can be compressed and loaded more efficiently to reduce wait times.
+
+In a different take on the topic of performance, performance architect [Paul Calvano](https://webperf.social/@paulcalvano) showed 17 examples of performance optimisation that backfire, causing performance loss instead of gains. This included, for example, excessive preconnects, preloads and prefetches or not compressing preloaded ressources. Data from the current [Web Almanac 2024](https://almanac.httparchive.org/en/2024/) showed that these problems are not uncommon.
+
+Most talks also emphasised on the various ways of measuring and auditing performance. The Google Chrome DevTools team presented their newest features in the DevTools performance tab. Tools for gaining insights on third party scripts, like [RequestMapGenerator](https://requestmap.webperf.tools/) can help monitor how many external scripts are loaded and how they impact performance. Finally [Google Lighthouse](https://developer.chrome.com/docs/lighthouse/overview) was mentioned countless times, a tool for auditing performance, accessibility, progressive web apps, SEO, and more.
+
+Finally, [Annie Sullivan](https://www.linkedin.com/in/anniesullie/), who heads the [Core Web Vitals](https://web.dev/explore/learn-core-web-vitals) team at Google, shared her many years of experience in an inspiring presentation and showed which methods can be used to overcome the complex challenges in this area.
+
+![performance.now() speakers](/images/blog/performance-now-2024-conference/perf-now-speakers.png "performance.now speakers")
+
+All in all, the conference was a great success and attendees acquired new input and ideas for their own projects. As geOps developers, we’re excited about the opportunity to gain deeper insights into our applications’ performance and enhance them even further.
+
+