Entwicklungsvarianten im Vergleich
1. Wordpress und Elementor
WordPress ist ein Content-Management-System (CMS), welches es Ihnen ermöglicht, Websites zu erstellen und Inhalte zu verwalten, ohne dass grundsätzlich programmiert werden muss. Die hat den Vorteil, dass das Pflegen der Webseite auch durch einen User ohne Entwicklungskenntnis durchgeführt werden kann. Inhalte werden mit einem sogenannten Editor erstellt, wobei der User weder über HTML noch über CSS Kenntnis verfügen muss. Der default Editor bei Wordpress ist der Gutenberg Editor, welcher seit der Einführung im Jahr 2018 als Standard gilt. Nun ist es so, dass es für Wordpress viele weitere Editoren gibt, wie beispielsweise Elementor, welche als Plugin dazu installiert werden können. Ein grosser Vorteil von Elementor gegenüber Gutenberg ist, dass Elementor mehr Design-Möglichkeiten bietet und dies ohne, dass programmiert werden muss. Mit dem Gutenberg Editor kann ein komplexes Design nur umgesetzt werden, wenn CSS und HTML Kenntisse vorhanden sind. Der Vorteil vom Gutenberg Editor liegt wiederum darin, dass kein zusätzliches Plugin in der Wordpress Umgebung installiert werden muss und somit die Ladegeschwindigkeit für Ihre Webseite nicht verlangsamt und die Systemumgebung nicht komplexer wird. Insofern nichts programmiert werden muss, ist er für Beginner auch einfacher zu bedienen.
Warum auf Wordpress und Elementor setzen?
Wordpress und Elementor sind erpropte und sehr erfolgreiche Software Produkte. Sie werden stetig weiter entwickelt: Features werden verbessert oder neue kommen dazu, Schwachstellen werden behoben und sie funktionieren fehlerfrei. Eine hohe Popularität, wie WordPress und Elementor sie geniessen, hat viele Vorteile. Man denke hier an die extrem grosse Entwickler-Community, welche für einen stetigen Know-how Astausch und Weiterentwicklungen sorgen. Dadurch entwickelt sich das Produkt stetig weiter und neue nützliche Funktionen können in Form von Plugins dazu installiert werden. Die Bandbreite von Plugins, welche in einer Wordpress Umgebung dazu installiert werden können ist gigantisch. Ich wage zu behaupten, dass es für jedes grössere Anliegen wie beispielsweise SEO Unterstützung dutzende von Plugins von verschiedenen Entwicklern auf dem Markt gibt, wobei für jedes Anliegen auch ein gratis Plugin dabei ist.
Ihre Vorteile zusammengefasst
- Kostenlos und Open Source: WordPress ist kostenlos und Open Source. Die Software kann frei verwendet und weiterentwickelt werden. Elementor Pro ist ab ungefähr CHF 100.- erhältlich.
- Grosse Community: Millionen von Menschen nutzen Wordpress und Elementor weltweit. Dadurch gibt es eine aktive Community, die ständig neue Themes, Plugins und Lösungen entwickelt.
- Flexibilität: WordPress eignet sich für verschiedene Arten von Websites – von Blogs über Unternehmensseiten bis hin zu E-Commerce-Shops.
- Einfache Bedienung: Die Benutzeroberfläche ist intuitiv, benutzerfreundlich und kann ohne Entwicklerkenntnis bedient werden.
- Erweiterbarkeit: Sie können mit Plugins und Themes die Funktionalität der Website einfach erweitern.
- Suchmaschinenfreundlich: WordPress bietet gute SEO-Grundlagen und starke SEO Plugins.
2. Eigenentwicklung
Eine Eigenentwicklung kann insbesondere dann interessant sein, wenn das Design sehr individuell gestaltet werden soll. Beispielsweise stösst Elementor an seine Grenzen, wenn es um stark individualisierte Animationen Design-Elemente geht.
Designs mit Elementor können zwar mit eigenem CSS und Javascript ergänz werden, jedoch führt dies bei komplexen und stark individualisierten Designs zu Konflikten. Einerseits führen die Layout-Vererbungen von Elementor dazu, dass im eigenen Code
viel übersteuert werden muss. Dies führt zu einer erhöhten Fehleranfälligkeit, gerade bei Versionsupdates von Wordpress und Elementor. Zusätzlich sind Elementor Umgebungen mit viel CSS Code nur schwer zu warten, da ein teil des Layouts über eigenen CSS Code
und der Rest über Elementor gesteuert wird. Bei einer kompletten Eigenentwicklung fallen diese Probleme nicht an, da der ganze Frontend Code zentral gesteuert werden kann. Nun gibt es im Bereich der Eigenentwicklung zahlreiche Möglichkeiten, eine Webseite zu Entwicklung.
Hierbei möchte ich drei Typen unterscheiden:
ein Headless CMS, ein traditionelles CMS und eine komplette Eigenentwicklung.
Headless CMS
Ein Headless CMS ist ein Content-Management-System bei welchem das Frontend komplett selbst programmiert wird. Dies bedeutet dass das CMS (bspw. Hubspot oder Jamstack) nur als Backend gebraucht wird und die Präsentationsebene komplett individualisiert werden kann, was sogleich auch den grössten Vorteil einer solchen Lösung darstellt. So können unterschiedliche Plattformen Inhalte des CMS ansteuern und anzeigen lassen. Dabei werden die Inhalte eines Headless CMS über APIs angesteuert und ans Frontend übergeben werden. Zusätzlich wird von einer zusätzlichen Sicherheit profitiert, da es grundsätzlich weniger Backend Schwachstellen gibt.Traditionelles CMS
Im Gegensatz zu Headless CMS sind werden bei traditionellen CMS-Systemen das Frontend sowie das Backend über das CMS gesteuert. Beispielsweise bietet Wordpress die Möglichkeit die ganzen Inhalte zu administrieren sowie das Design für das Frontend zu realisieren. Dies kann beispielsweise über den Standard-Editor Gutenberg oder auch über ein Dritt-Tool wie Elementor geschehen. Der Vorteil ist hier klar die Einfachheit der Lösung, sowohl auf der Seite der Anwender sowie der Entwickler. Der Nachteil ist, dass die Flexibilität eingeschränkt ist und für zusätzliche Funktionen oft ein Plugin installiert werden muss, was insgesamt zu längeren Ladezeiten der Webseite führt.Komplette Eigenentwicklung
Bei einer kompletten Eigenentwicklung wird das Frontend sowie das Backend komplett selbst entwickelt. Serverseitig lohnt es sich hier auf bekannte Bibliothek wie NodeJs und Express zu setzen, wobei beim Frontend üblicherweise auf eine Kombination aus HTML5, CSS3, REACT, Tailwind und Bootstrap gesetzt wird. Insofern die Inhalte der Webseite eher statisch sind, muss auch kein dediziertes Content Management System zum Einsatz kommen. Das Pflegen der Inhalte ist bei dieser Variante jedoch nur durch die Entwickler möglich.Ihre Vorteile zusammengefasst
- Volle Gestaltungsfreiheit: Bei einer Eigenentwicklung bestehen keine Einschränkungen aufgrund einer Plattform oder einer Vorlage. Es kann also eine komplett individualisierte Benutzererfahrung geschaffen werden.
- Performance Optimierung: Individuell programmierte Webseiten sind für schnelle Ladezeiten und eine hohe Performance optimiert, da unnötiger Code vermieden wird.
- Entwicklungsfreiheit: Zusätzliche Features, welche so oder so Eigenentwicklung benötigen, können einfacher und besser integriert werden, da die volle Kontrolle über den Frontend-Code besteht.