cg-soft.de -Programmining

Elementor und Crocoblock vs. Google PageSpeed

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.

Elementor & Crocoblock sind aus SEO-Sicht nur zweite Wahl!

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!

Wie den PageSpeed mit Elementor & Crocoblock beschleunigen?

pagespeed

Die Optimierung ist mehrschichtig und umfasst folgende Einstellungen:

  1. Server-Konfiguration / PHP-Konfiguration (Caching Freigabe)
  2. Seitencache (Plugin Installationen)
  3. Reduzierung der Abfragen (Netzwerkverkehr)
  4. Transportprotokoll (http2)

Plugins

Installierte Plugins

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

Server Konfiguration

Gzip Header und Co.

Einstellungen - Feintuning

Warum HTTP/2 aktivieren?

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.


Plugin Load Filter - Einstellungen

Alle für den Seitenaufbau irrelevanten Plugins deaktivieren.

Hier ist Probieren angesagt ;o)

Elementor Einstellungen

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)

WordPress schneller machen | Remove, Disable, Cleanup Speed-optimize

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

Weiterlesen »