Aufbau eines komplett neuen WordPress Theme für die Autobranche
Das neue «Autohaus Theme» wurde konsequent mit dem Gutenberg Editor aufgebaut. Jeder Gutenberg Block enthält seinen eigenen Satz von HTML-, CSS- und JavaScript-Dateien, die für die korrekte Darstellung und Funktionalität des Blocks benötigt werden. Wir verwenden ausschliesslich Vanilla.js. Diese ist aufgrund des fehlenden Overheads schneller als jQuery, da jQuery zusätzliche Abhängigkeiten und Funktionen hat. Um die Ladezeit der Website zu verbessern, minimieren wir die Anzahl der Animationen, um die Menge an unnötig grossen Dateien zu reduzieren. Wir verwenden LazyLoading, dadurch werden Bilder und andere Medieninhalte nicht sofort geladen, sondern erst dann, wenn sie tatsächlich auf dem Bildschirm des Benutzers erscheinen. Dadurch wird die Ladezeit der Seite reduziert und die Benutzererfahrung verbessert, insbesondere auf langsamen oder mobilen Internet-Verbindungen. Wir verwenden das von Google entwickelte WebP Bild-Format, es bietet eine hervorragende Bildqualität und kleinere Dateigrössen als JPEG und PNG. Zum Schluss das Hosting: Der LiteSpeed-Webserver ist in der Lage, eine höhere Anzahl von Anfragen pro Sekunde zu verarbeiten als andere Webserver wie z.B. Apache und Nginx. Dies ist auf die Verwendung von fortschrittlichen Caching-Methoden und optimierten Algorithmen zurückzuführen.
Einige Möglichkeiten der Optimierung
Wie kann der PageSpeed einer WordPress-Website optimiert werden:
- Ein gutes Hosting-Unternehmen: Ein schnelles und zuverlässiges Hosting-Unternehmen ist der erste Schritt, um sicherzustellen, dass die Website schnell lädt
- Ein optimiertes Theme: Ein gut optimiertes Theme, das saubere Codes und schnelle Ladezeiten bietet
- Vermeiden unnötiger Plug-Ins: Nur die Plug-Ins verwenden, welche wirklich benötigt werden, um den Overhead zu reduzieren und die Ladezeiten zu verbessern
- Verwendung eines Caching-Plugins: Caching-Plugins speichern statische Versionen der Website und verbessern so die Ladezeiten
- Optimieren der Bilder: Bilder können die Ladezeiten verlangsamen, daher sollten Bilder in der richtigen Grösse und Qualität hochgeladen werden. Zusätzlich ein Komprimierungs-Plugin verwenden, um die Dateigrösse zu reduzieren
- Verwendung moderner Bildformate wie das von Google entwickelte WebP Format, es bietet eine hervorragende Bildqualität und kleinere Dateigrößen als JPEG und PNG
- Minimieren der CSS- und JavaScript-Dateien: Minimieren der CSS- und JavaScript-Dateien, indem unbenutzte Codeblöcke entfernt werden und der Code komprimiert wird
- Optimieren der Datenbank: Eine optimierte Datenbank kann die Ladezeiten verbessern, diese sollte regelmässig optimiert und bereinigt werden
- Verwenden Sie LazyLoading: LazyLoading ist eine Technik, bei der Bilder und andere Ressourcen erst geladen werden, wenn sie im sichtbaren Bereich des Benutzers sind, was die Ladezeiten reduziert
Durch die Implementierung dieser Optimierungen kann der PageSpeed einer WordPress-Website verbessert werden.
Wenn diese Optimierungen nicht genügen?
Verwenden einer anderen JavaScript-Bibliothek, jQuery oder Vanilla.js:
- Abhängigkeit: jQuery ist eine Bibliothek, die auf JavaScript aufbaut, während Vanilla.js eine Philosophie oder ein Ansatz für die Arbeit mit JavaScript ist, die darauf abzielt, auf Bibliotheken und Frameworks zu verzichten.
- Grösse: jQuery ist grösser als Vanilla.js, da es viele Funktionen und Methoden enthält, um den Umgang mit JavaScript zu erleichtern.
- Lernkurve: jQuery ist einfacher zu erlernen als Vanilla.js, da es spezielle Funktionen und Methoden bietet, um häufige Aufgaben zu erleichtern. Vanilla.js erfordert jedoch ein tieferes Verständnis von JavaScript und Web-APIs.
- Flexibilität: Vanilla.js bietet mehr Flexibilität, da es die Möglichkeit bietet, die Web-APIs direkt zu verwenden und den Code genau an Ihre Bedürfnisse anzupassen. jQuery ist jedoch auf spezielle Funktionen und Methoden beschränkt.
- Geschwindigkeit: Vanilla.js kann aufgrund des fehlenden Overheads schneller sein als jQuery, da jQuery zusätzliche Abhängigkeiten und Funktionen hat.
Vanilla.js ist also keine Bibliothek oder ein Framework selbst, sondern vielmehr eine Philosophie oder ein Ansatz für die Arbeit mit JavaScript. Es betont die Bedeutung von JavaScript als eine grundlegende Web-Technologie und fördert die Nutzung der nativen Funktionen von JavaScript.
Das Ziel von Vanilla.js ist es, JavaScript-Entwicklern die Möglichkeit zu geben, nativere Wege zur Lösung von Problemen zu finden und JavaScript besser zu verstehen, ohne auf externe Bibliotheken oder Frameworks angewiesen zu sein. Es kann auch dazu beitragen, die Leistung der Website zu verbessern, da keine zusätzlichen Bibliotheken oder Frameworks geladen werden müssen.
Ihre Anfrage
Kontaktieren Sie uns, wir zeigen Ihnen gern konkreter, wie das geht.
Kennen Sie all unsere Dienstleistungen?
Wir entwickeln starke, überzeugende Webseiten und entsprechende Apps – und wir kümmern uns um deren perfekte Anbindung an bestehende CRM oder EPS Systeme. Zudem kreieren wir Online Marketing Kampagnen, die wirken – Ihr starker Partner.
Online Marketing
Web Mastering
Lassen Sie uns gemeinsam starten.
Wir freuen uns auf eine gemeinsame Zusammenarbeit. Rufen Sie uns an – wir sind für Sie da.
