PageSpeed ist ein Maß für die Geschwindigkeit, mit der Webseiten geladen werden. Es ist ein wichtiger Faktor, wenn es darum geht, die Benutzererfahrung zu optimieren. Es bezieht sich nicht nur auf die Ladezeit, sondern auch auf die Anzahl der Requests, die eine Webseite macht. Eine schnelle Webseite ermöglicht es den Besuchern, sich leichter zurechtzufinden und zu navigieren.
Google hat den PageSpeed als Rankingfaktor für seine Suchmaschine integriert. Je höher der PageSpeed einer Webseite ist, desto besser ist ihre Position in den Suchergebnissen. Dadurch erhöht sich die Wahrscheinlichkeit, dass Besucher die Webseite finden und besuchen. Daher ist es wichtig, dass Webseitenbesitzer darauf achten, dass ihre Webseiten schnell laden und eine hohe PageSpeed-Bewertung erhalten.
Der Elementor Page Builder ist ein leistungsstarkes Plugin für WordPress, mit dem Benutzer die Gestaltung und das Erstellen von Webseiten vereinfachen können. Elementor ermöglicht es Benutzern, Webseiten durch Drag-and-drop ohne viel Hintergrundwissen zu erstellen. Es enthält zahlreiche Funktionen, darunter Vorlagen, Widgets, Design-Tools und mehr.
Der Elementor Page Builder hat jedoch auch einige Nachteile. Zum Beispiel ist einige Zeit erforderlich, um die Benutzeroberfläche und alle Funktionen zu erlernen. Elementor bläht zudem den Quelltext auf und macht den Seitenaufbau langsamer.
Die JetPlugins by Crocoblock dienen dazu, die Funktionalität von WordPress zu erweitern und zu verbessern. Mit den JetPlugins können Benutzer eine Vielzahl von Funktionen hinzufügen, darunter Elementor-Vorlagen, WooCommerce-Integrationen, Popup-Funktionen und mehr.
Der Nachteil vom WordPress-Plugins ist, dass sie die Seitenladezeiten weiter in den „Keller“ ziehen. Die JetPlugins erzeugen zusätzlichen Ballast an CSS und JS Dateien, teilweise sind die Plugins nicht sauber in PHP programmiert. Die Speicherfreigabe (RAM) zur Laufzeit ist leider nicht vorgesehen oder nur rudimentär implementiert.
Aus SEO-Sicht ist der Oxygen-Builder die bessere Wahl!
Die Optimierung ist mehrschichtig und umfasst folgende Einstellungen:
AI Assistant for Elementor Lite – Auto Content Writer, OpenAI, GPT – 1.6.1 By Livemesh
APCu Manager – 3.5.2 By Pierre Lannoy / PerfOps One
Cache Enabler – 1.8.13 By KeyCDN
Code Snippets – 3.4.0 By Code Snippets Pro
Complianz | GDPR/CCPA Cookie Consent – 6.4.5 By Really Simple Plugins
Contact Form 7 – 5.7.6 By Takayuki Miyoshi
Crocoblock Wizard – 1.2.8 By Crocoblock
DecaLog – 3.7.1 By Pierre Lannoy / PerfOps One
Duplicate Menu – 0.2.2 By Jonathan Christopher
Duplicate Page – 4.5.2 By mndpsingh287
Elementor – 3.13.2 By Elementor.com
Elementor Pro – 3.13.1 By Elementor.com
EWWW Image Optimizer – 7.0.0 By Exactly WWW
GP Premium – 2.3.1 By Tom Usborne
JetBlocks For Elementor – 1.3.5 By Crocoblock
JetBlog For Elementor – 2.3.1 By Crocoblock
JetElements For Elementor – 2.6.9 By Crocoblock
JetEngine – 3.1.5 By Crocoblock
JetEngine – dynamic tables builder – 1.0.7 By Crocoblock
JetFormBuilder User Login Action – 2.0.0 By Crocoblock
JetMenu – 2.4.0 By Crocoblock
JetPopup – 2.0.0 By Crocoblock
JetReviews For Elementor – 2.3.1 By Crocoblock
JetSearch – 3.0.3 By Crocoblock
JetSmartFilters – 3.1.1 By Crocoblock
JetSticky For Elementor – 1.0.3 By Crocoblock
JetStyleManager – 1.3.6 By Crocoblock
JetTabs For Elementor – 2.1.21 By Crocoblock
JetThemeCore – 2.0.7 By Crocoblock
JetTricks – 1.4.4 By Crocoblock
JetWidgets For Elementor – 1.0.14 By Crocoblock
OPcache Manager – 2.9.1 By Pierre Lannoy / PerfOps One
Permalink Manager Lite – 2.4.1 By Maciej Bis
plugin load filter – 4.0.13 By enomoto@celtislab
plugin load filter addon – 1.0.2 By enomoto@celtislab
Query Monitor – 3.12.3 By John Blackbourn
Rank Math SEO – 1.0.115 By Rank Math
SVG Support – 2.5.5 By Benbodhi
Torque – Optimise the transport of your Website – 0.7.2 By Hexydec
WP-Sweep – 1.1.8 By Lester ‚GaMerZ‘ Chan
== Plugins Cache / Image-Optimization ==
Cache Enabler
Author: KeyCDN
EWWW Image Optimizer
Author: Exactly WWW
== Must-Use Plugins / deactivate Plugin-Tool ==
plugin load filter [plf-filter]
Author: enomoto@celtislab
HTTP/2 ist ein neues Kommunikationsprotokoll, das die Art und Weise, wie Webseiten aufgerufen werden, deutlich verbessert. Es ermöglicht dem Server, mehrere Anfragen an einen Browser gleichzeitig zu senden, was die Latenzzeiten und die Wartezeiten für die Nutzer erheblich reduziert. Darüber hinaus können mehr Daten in jeder Anfrage gesendet werden, was den Datenverkehr weiter reduziert. HTTP/2 ermöglicht es den Browsern auch, bestimmte Anfragen zu priorisieren, was die Ladezeiten für wichtige Seiten und Inhalte noch weiter verringert. Dies bedeutet, dass Webseiten jetzt schneller geladen werden können, was die Nutzererfahrung erheblich verbessert.
Einer der größten Nachteile bei Nichtaktivierung des HTTP/2 Protokolls:
Wenn eine Seite viele Bilder, Videos, Skripte, Stylesheets und andere Dateien enthält, kann es lange dauern, bis alle Dateien heruntergeladen und die Seite vollständig angezeigt wird. Dies kann frustrierend und abschreckend für die Besucher sein.
Langsame Seitenladezeiten beeinträchtigen den PagesSpeed.
Alle für den Seitenaufbau irrelevanten Plugins deaktivieren.
Hier ist Probieren angesagt ;o)
| Elementor-Experimente | |
|---|---|
| Optimierte DOM Ausgabe: | Standardmäßig aktiviert |
| Verbessertes Laden von Assets: | Standardmäßig aktiviert |
| Verbessertes Laden von CSS: | Standardmäßig aktiviert |
| Inline-Schriftarten-Symbole: | Aktiv |
| Verbesserungen der Zugänglichkeit: | Standardmäßig aktiviert |
| Zusätzliche benutzerdefinierte Breakpoints: | Standardmäßig aktiviert |
| admin_menu_rearrangement: | Standardmäßig deaktiviert |
| Flexbox Container: | Standardmäßig deaktiviert |
| Upgrade Swiper Library: | Standardmäßig deaktiviert |
| Grid Container: | Standardmäßig deaktiviert |
| Default to New Theme Builder: | Standardmäßig aktiviert |
| Editor Top Bar: | Standardmäßig deaktiviert |
| Startseiten: | Standardmäßig aktiviert |
| Nested Elements: | Standardmäßig deaktiviert |
| Lazy Load Background Images: | Aktiv |
| Page Transitions: | Standardmäßig aktiviert |
| Notes: | Standardmäßig aktiviert |
| Loop: | Standardmäßig aktiviert |
| Form Submissions: | Standardmäßig aktiviert |
| Scroll Snap: | Standardmäßig aktiviert |
| Menü: | Standardmäßig deaktiviert |
Die Verbesserung des Pagespeed ist ein wichtiger Bestandteil der Suchmaschinenoptimierung und der Googleoptimierung. Es gibt verschiedene Möglichkeiten, den Pagespeed zu verbessern, mit dieser von mir aufgezeigten Konfiguration ist es möglich, mit Elementor und Crockoblock einen Pagespeed über 90 zu erreichen ;o)
Ein wichtiger Aspekt des Seitenaufbaus einer Website ist die Optimierung der Ladezeit. Die Reduzierung des Quelltextes ist eine gängige Technik, um die Ladezeit zu optimieren. Dazu können ungenutzte WordPress-Code-Elemente entfernt bzw. deaktiviert werden, die die Größe des Quelltextes erhöhen. Dieser Schritt kann dazu beitragen, die Ladezeiten von WordPress zu verkürzen. Darüber hinaus kann auch die