Adobe Experience Manager gilt als das weltweit fortschrittlichste Content-Management-System, doch das hat seinen Preis — viele Möglichkeiten zur Optimierung und Nutzung der AEM-Performance werden aufgrund seiner komplexen Architektur und mangelnden Bekanntheit oft verpasst.
Angesichts der hohen Kosten einer AEM-Lizenz ist ein solches Szenario wahrscheinlich mehr als frustrierend. Und obwohl es keine magische Beruhigungspille für jeden Fall gibt, können wir eine Reihe von Praktiken anbieten, die schnell messbare Ergebnisse liefern, ohne wochenlang Dokumentationen durchforsten zu müssen.
AEM-Architekturübersicht
Ohne in technische Details einzutauchen, werden wir kurz die AEM-Architektur skizzieren. Dieser Überblick ist unerlässlich, da er die Kernprinzipien hervorhebt, die sich direkt auf die primäre Metrik zur Bewertung der Leistung Ihrer Website auswirken: die Antwortzeit auf die Anfrage eines Besuchers.
Kurz gesagt, die AEM-Architektur ist in vier Hauptinstanzen organisiert: Author, Publisher, Dispatcher und Load Balancer. Stellen Sie sie sich wie eine gut koordinierte Tanzgruppe vor: Der Author schreibt die Schritte, der Publisher führt sie aus, der Dispatcher dirigiert und der Load Balancer sorgt dafür, dass alle im Takt bleiben. Sie stellen sicher, dass neue Inhalte nahtlos gestartet werden und für Benutzer schnell geladen werden.
Die Author -Instanz ist eine Art Sandbox zum Erstellen und Bearbeiten von Inhalten. Hier werden Webseiten erstellt, kategorisiert und geändert sowie alle auf Ihrer Website verwendeten Medien gespeichert.
Die Publisher -Instanz ist eine Live-Version Ihrer Inhalte, die Benutzern zur Ansicht zur Verfügung steht. Sobald der Inhalt in der Author-Umgebung zur Veröffentlichung freigegeben ist, wird er an die Publisher-Ebene gesendet.
Die Dispatcher -Instanz ist für Caching und Load Balancing verantwortlich, d.h. für die Steuerung des Datenverkehrs auf Routen, die die kürzestmöglichen Ladezeiten bieten.
Schließlich, der Load Balancer. Ja, die Aufgabe des Load Balancings wird bereits vom Dispatcher ausgeführt, aber diese Umgebung dient dazu, den Traffic von Content-Erstellern und Nutzern zwischen den Author-, Publisher- und Dispatcher-Umgebungen zu verteilen, falls es mehr als eine gibt.Unter perfekten Bedingungen ist es eine perfekt choreografierte Performance, bei der niemand einen Takt verpasst. Das AEM CCMS-Konzept betont die Skalierbarkeit und Agilität von AEM und ermöglicht es dem System, mit Ihrem Unternehmen zu wachsen. Doch in großen Projekten, wenn die Inhaltsmengen zunehmen, steigt auch das Risiko von Störungen über verschiedene Komponenten hinweg. Es ist entscheidend zu verstehen, wie man diese Probleme überwachen, verhindern und idealerweise antizipieren kann. Die folgenden Praktiken werden Ihnen dabei helfen.
Inhaltsoptimierung
Adobe Experience Manager umfasst verschiedene Arten von Assets, die als Inhalte kategorisiert sind. Für jeden Typ gibt es fortlaufende Optimierungsmöglichkeiten, die es sich lohnt zu verfolgen, um ein hohes Maß an AEM-Performance aufrechtzuerhalten.
Verbesserung der Bildladezeit
Die Qualität von Bildern ist entscheidend für die Wahrnehmung Ihrer Website. Sie beeinflusst maßgeblich, wie Besucher sie sehen. Doch hochwertige Bilder können Ladezeiten und die Website-Performance verlangsamen. Mit den untenstehenden Methoden können Sie Ihre Arbeit mit visuellen Assets so ausbalancieren, dass Sie eine schnelle Reaktion erzielen und die visuelle Attraktivität der Website in den Augen des Besuchers nicht verlieren.
- Lazy-Load-Ansatz. Ja, es ist ein seltener „langsam starten, weit kommen“-Fall. Die Lazy-Loading-Technik bedeutet, dass das Laden bestimmter Seitenkomponenten, oft Bilder, verzögert wird, bis sie notwendig werden, d.h. bis der Benutzer mit ihnen interagiert. Adobe Experience Manager unterstützt Lazy Loading standardmäßig. Dies geschieht über die Bildkomponente der AEM Core Components. Alles, was Sie tun müssen, ist, diese Option im Design-Dialog (unter Richtlinien) auszuwählen.
- Formatoptimierung. Von den vielen heutigen Bildformaten eignen sich einige besser für bestimmte Bedingungen. Zum Beispiel können Sie SVG-Dateien ohne Qualitätsverlust in der Größe ändern.
- Adaptive Techniken. Mobile Nutzer benötigen nicht die gleiche Bildqualität, die Ihre Website-Besucher auf dem Desktop sehen. AEM unterstützt die Dynamic Media-Methode, die im Vergleich zur alten Rendering-Methode mehr Ressourcen spart.
- Bild-Caching. Kategorisieren Sie die Bilder auf Ihrer Website danach, wie oft sie rotieren. Dies hilft Ihnen zu verstehen, welche visuellen Assets Sie länger im Cache halten können.
Code-Minifizierung
Diese Methode bezieht sich auf die Eliminierung unnötiger oder veralteter Daten, ohne die Browserverarbeitung der Website zu beeinträchtigen. Während des Minifizierungsprozesses werden Code- und Formatierungskommentare eliminiert, ungenutzter Code entfernt, kürzere Variablen- und Funktionsnamen verwendet und so weiter.
Dies reduziert die Größe von Ressourcen (JavaScript) und, der Vorteil, der uns am meisten interessiert, verbessert die Ladezeit der Seite. AEM unterstützt die Minifizierung von JavaScript-Dateien, indem es minifizierten Code für semantische Änderungen generiert.
Experience- und Content-Fragmente
Konzeptgemäß wurden Content- und Experience-Fragmente (CF und XF)-Funktionen eingeführt, um das Content-Management und die Wiederverwendung zu vereinfachen, aber sie können auch zur Entwicklung nützlicher Caching-Strategien verwendet werden.
Caching und Rendering
Wir haben das Thema Caching bei der AEM-Performance-Optimierung bereits angesprochen. Nun werden wir es detaillierter betrachten. Die richtige Caching- und Rendering-Strategie hilft Ihnen, das Beste aus Ihrer AEM-Implementierung herauszuholen. Dabei sollten Ihre Ressourcen und das erforderliche Leistungsniveau berücksichtigt werden.
AEM Rendering-Optimierung
Zuerst befassen wir uns mit den Konzepten von Client-Side Rendering (CSR) und Server-Side Rendering (SSR). Der Hauptunterschied zwischen CSR und SSR liegt darin, wo das Rendering stattfindet. Beim CSR übernimmt der Client das Rendering. Der Server liefert lediglich eine leere HTML-Datei aus. Von diesem Punkt an übernimmt der Browser den restlichen Rendering-Prozess. Beim Server-Side Rendering (SSR) rendert der Server die Seite, bevor er sie an den Client sendet.
Bei inhaltsreichen Single Page Applications (SPAs) könnten Sie Server-Side Rendering für einen Teil des Inhalts in Betracht ziehen, um die anfängliche Seitenladezeit zu beschleunigen. Obwohl AEM die SSR-Funktion in solchen Fällen vollständig unterstützt, wird empfohlen, sorgfältig zu prüfen, ob der Aufwand den Nutzen wert ist, insbesondere im Hinblick auf die langfristige Wartung.
SSR ist besonders nützlich, wenn Ihre Website in einem der folgenden Bereiche einen Schub benötigt:
- SEO: Ist SSR notwendig, um sicherzustellen, dass Ihre Website von Suchmaschinen richtig indexiert wird? Trotz Fortschritten können Suchmaschinen bei JavaScript wählerisch sein. Daher könnte SSR immer noch der beste Freund Ihrer Website sein (und vergessen Sie nicht, die Best Practices von AEM SEO zu befolgen).
- Seitengeschwindigkeit: Wie beeinflusst SSR die Geschwindigkeit in realen Umgebungen und die Benutzererfahrung? Wenn Ihre Benutzer ungeduldig und anspruchsvoll sind (und wer ist das heutzutage nicht?), ist dies ein wichtiger Punkt, den es zu beachten gilt.
AEM Caching-Optimierung
Die Rolle des Dispatcher Caches steht hier im Mittelpunkt. Eine der besten Praktiken zur AEM-Leistungsoptimierung ist das Caching von AEM-Seiten oder -Fragmenten im AEM Dispatcher. In diesem Fall dient der Dispatcher Cache als Reverse-Proxy-Cache, der zwischen AEM und dem Browser des Endbenutzers liegt. Der Cache speichert nachfolgende Kopien von Inhalten, die direkt aus dem Cache angefordert werden können, anstatt vom AEM selbst.
Was diese Funktion noch attraktiver macht, ist die Tatsache, dass Benutzer den Dispatcher Cache so konfigurieren können, dass er bestimmte Arten von Inhalten wie Bilder oder JavaScript-Dateien zwischenspeichert oder in Stufen, von Seiten bis zu Abschnitten der Website, cacht.
Testen und Optimierung
Sie sind fast fertig. Es fehlt nur noch ein kleines Puzzleteil – lassen Sie uns überprüfen, ob alle implementierten Methoden wie erwartet funktionieren. Für die AEM-Leistungsprüfung und Feinabstimmung gibt es verschiedene Methoden und Tools, die unabhängig oder kommerziell verfügbar sind.
AEM-Leistungsprüfung
Tests können auf Publisher-Instanzen, Author-Instanzen oder beiden durchgeführt werden, je nach Ihren Anforderungen. Es gibt viele Strategien und Methoden, aber verwenden Sie jene, die reale Bedingungen so genau wie möglich nachbilden.
- Simulation der Realität. Dies ist eine offensichtliche Bedingung für erfolgreiches Testen, aber nicht immer leicht zu befolgen. Verwenden Sie produktionsähnliche Inhaltsmengen. Testen Sie den Code, die Hardware und die Netzwerkkonfiguration, die für die Produktion vorbereitet werden.
- Testziele. Vor dem Testen müssen wir die Lasten und akzeptablen Antwortzeiten festlegen. Bei einer Migration muss die Antwortzeit höchstens der aktuellen Produktionsumgebung entsprechen. Was die Laststufe betrifft, so ist es eine gute Praxis, die Laststufe auf das Doppelte der tatsächlichen Spitzenlast einzustellen.
- Tools. Es sind viele kommerzielle Test-Tools verfügbar. Zum Beispiel kann Adobes Tough Day verschiedene AEM-Instanzen einem Lasttest unterziehen und Leistungsdaten sammeln. Um mobile oder responsive Websites zu testen, verwenden Sie Tools, die langsame Verbindungen wie 3G oder Edge simulieren.
AEM Leistungsoptimierung
Ein guter Startpunkt für die Feinabstimmung Ihrer Website ist ein Vergleich mit Branchenstandards und Top-Wettbewerbern. Dies stellt sicher, dass Sie mit den aktuellen Branchenstandards im Einklang bleiben und gibt Ihnen einen klaren Überblick über die Technologien, die Sie in naher Zukunft einführen müssen, um der Konkurrenz voraus zu sein.
Einige kostenpflichtige Dienste ermöglichen es Ihnen, die Leistung und das Ranking Ihrer Website mit denen Ihrer Wettbewerber zu vergleichen. SimilarWeb, Ahrefs und Semrush sind gute Beispiele für solche Dienste. Alternativ können Sie die Website-Performance von Wettbewerbern manuell analysieren, indem Sie deren Metriken mit Branchenstandards und der Performance Ihrer eigenen Website vergleichen.
Zu den internen Ressourcen und Tools, die für die abschließende Leistungsoptimierung nützlich sind, gehören Monitoring Performance und Developer Mode. Monitoring Performance ist eine Reihe von Dokumentationen, die bei der Problemdiagnose hilft und Optimierungsmöglichkeiten aufzeigt. Der Wechsel in den Developer Mode in der Author-Benutzeroberfläche ermöglicht es Ihnen, die Renderzeiten für jede Seitenkomponente und Fehlertrace zu überprüfen.
Abschließende Gedanken
Die AEM-Leistungsoptimierung ist ein komplexes Thema. Sie erfordert einen vielschichtigen Ansatz und viele Ressourcen, wie oben gezeigt. Die strukturierten Informationen in diesem Artikel sollten Sie darauf vorbereiten, diese Aufgabe Schritt für Schritt anzugehen.
Doch, wenn Sie den verständlichen Wunsch haben, diese Aufgabe an Profis zu delegieren, ist auch diese Option verfügbar. Erfahrene AEM-Berater verfügen über das Fachwissen und die Ressourcen, um das Beste aus Ihrer AEM-Implementierung herauszuholen und Ihnen feinabgestimmte Methoden anzubieten, die auf Ihre Geschäftsziele zugeschnitten sind.
