Elementor Free vs Pro

Bereits die Free-Version von Elementor kann mit zahlreichen Premium-Page-Buildern mithalten. Die Widgets in Elementor Free können mit kostenlosen Add-ons erweitert werden. Selbst die kostenfreien Templates bieten ein sehr gutes Design und können sich sehen lassen. Für alle Neueinsteiger bietet die Free-Version einen optimalen Startpunkt. Ohne Vorkenntnisse im Programmierungsbereich ist es für Anfänger möglich, sich schnell mit den Einstellungsmöglichkeiten vertraut zu machen. Durch die Vorlagen lässt sich der Design-Prozess sehr verkürzen, was Zeit spart und Ressourcen schont.

Die Pro Variante bietet im Gegensatz zu Elementor Free erweiterbare Theme-Builder Funktionen. In der kostenlosen Variante zeigt Elementor die klassische Page Builder Funktionalität. So ist es zum Beispiel nur möglich, Elemente von Beiträgen oder einzelnen Seiten im Inhaltsbereich zu gestalten. Elementor Pro ermöglicht eine gestalterische Anpassung sich wiederholender Elemente wie Sidebar, Kopf- oder Fußzeile (was sehr viel Arbeit spart, wenn man mal über zig Seiten hinweg das gleiche Element anpassen muss bei Änderungen). Auch Archiv- oder Indexseiten eines Designs lassen sich mit Elementor Pro automatisch übertragen.

Elementor, die Core Web Vitals und generell Performance

Elementor hat sich selbst auf die Fahne geschrieben in Zukunft jede Veränderung an der Site auf Performance hin zu prüfen. Jedes Update am Plugin wird vor Veröffentlichung erstmal einem Performance-Audit unterworfen, so dass keine Probleme mit der Geschwindigkeit zu erwarten sind. Zudem plant Elementor für die kommenden Updates Optimierungen, die auch für die Core Web Vitals Vorteile bringen und hat bereits Optimierungen eingebaut:

• Nur Code Laden, der benötigt wird
• Lazy Loading
• Request Minimierung
• Native Browsersupports nutzen statt eigene Scripte auszuliefern
• Optimierung von internen JavaScript und CSS Files
• Optimierter Backend und Rendering Prozess inkl. Caching
• Schlankerer und besserer Code-Output

Natürlich hängt die Performance einer Elementor Site nicht nur an Elementor. Auch installierte Plugins haben Einfluss. Auch das verwendete Theme spielt eine große Rolle. Somit kann man schwer eine klare Aussage geben, ob alle Elementor Sites die Core Web Vitals bestehen werden. Fest steht allerdings, dass das Team um Elementor herum alles tun wird, dass Elementor hier nicht zum Flaschenhals wird.

.htaccess Tricks für eine bessere Performance bei Elementor Webseiten

In dem Hauptverzeichnis eurer WordPress-Installation, liegt immer auch die sogenannte .htaccess, welche bereits einige Regeln enthält, die WordPress oder verschiedene Plugin hinzugefügt haben. Diese Datei ist sehr mächtig und kann, mit den richtigen Snippets ausgestattet, für eine deutlich bessere Performance sorgen. Damit ihr nicht lange suchen müsst, habe ich euch die besten Code-Schnipsel für eure .htaccess herausgesucht.

# GZIP Komprimierung komplett aktivieren
 <IfModule mod_deflate.c>
 SetOutputFilter DEFLATE
 </IfModule>

# Browser Caching

# Bilder etc.
<FilesMatch "\.(ico|pdf|jpg|jpeg|png|gif|js|css)$">
Header set Cache-Control "max-age= 31536000"
</FilesMatch>

# HTML-Seiten für 1 Minute im Cache
<FilesMatch "\.(html|htm)$">
Header set Cache-Control "max-age=60"
</FilesMatch>

# Image Hotlinking verbieten (Website eintragen)
RewriteEngine on
RewriteCond %{HTTP_REFERER} !^$
RewriteCond %{HTTP_REFERER} !^http(s)?://(www\.)?WEBSITE.at [NC]
RewriteRule \.(jpg|jpeg|png|gif)$ http://deinbild.jpg [NC,R,L]