2. Advent: 25% Rabatt auf WordPress Hosting und Hosted Exchange

Promocode
Advent225
Status

/

/

WordPress Tipps & Tricks: Pagespeed optimieren

WordPress Tipps & Tricks: Pagespeed optimieren

Veröffentlicht am 31. Januar 2024
  3 Min. Lesezeit
  Aktualisiert am 11. November 2024

WordPress ist das weltweit wohl meistverwendete Content Management System (CMS). Auch wir haben schon diverse Websites mit WordPress erstellt. In der losen Beitrags-Serie "WordPress Tipps & Tricks" geben wir unsere Erfahrungen aus der Anwendung weiter.

Teil 7: Pagespeed optimieren

Symbolbild für WordPress-Tipps zur Optimierung des Pagespeed in WordPress. Eine Glühbirne mit WordPress-Logo startet wie eine Rakete, daneben grafische Darstellungen für hohe Geschwindigkeit.

Inhalt

Kurze Google-Recherche, Klick auf einen passenden Link und dann der Frust: Das Laderädchen dreht und dreht… Nach einigen Sekunden hast du genug. Was auch immer du gesucht hast, du suchst dir jetzt einen anderen Anbieter. Kurz gesagt: Lange Ladezeiten sind schlecht fürs Geschäft. Ideal ist eine Ladezeit von unter zwei Sekunden. Je höher sie wird, desto mehr potenzielle Website-Besucher brechen ab. Pagespeed ist außerdem Bestandteil der Core Web Vitals – also der fürs Suchmaschinen-Ranking relevanten Faktoren.

Damit deine WordPress-Seite vorn rankt und deine Besucher beim Laden der Seite nicht die Nerven verlieren, hier einige Tipps, wie du den Pagespeed optimieren kannst.

1. Wähle das passende Webhosting

Das Hosting ist ein wichtiger Faktor für die Geschwindigkeit deiner Website. Wähle einen Hosting-Anbieter mit den für WordPress passenden Server-Ressourcen und zuverlässiger Infrastruktur. Ist es dir zusätzlich wichtig, wo deine Website-Daten gespeichert werden, achte auch auf den Serverstandort des Anbieters.

Tipp: Bei hosttech bieten wir ein speziell auf WordPress-Websites optimiertes Hosting an. Der Fokus liegt hier ganz auf Performance.

2. Entscheide dich für ein schnelles Theme

Beim Erstellen deiner WordPress-Website hast du die Qual der Wahl aus tausenden von Themes. Bei der Auswahl solltest du auch hier auf Geschwindigkeit achten. Auf Pagespeed optimierte WordPress-Themes sind beispielsweise Astra, GeneratePress und Jadro.

3. Verwende ein Caching-Plug-in

Mit einem Caching-Plug-in kannst du die Ladezeit deiner WordPress-Seite erheblich reduzieren. Caching erstellt eine statische Version deiner Website und liefert diese anstelle der dynamischen Version aus. Das heißt, für deine Website-Besucher muss nicht bei jedem Besuch die komplette Seite neu geladen werden, was die Ladezeiten massiv verkürzt. Einige der besten Caching-Plug-ins für WordPress sind WP Rocket, Cache Enabler und WP Super Cache.

4. Optimiere deine Bilder

Zu große Bilder können die Ladezeit deiner Website erheblich beeinträchtigen. Komprimiere deine Bilder vor dem Upload und lade sie in der effektiv benötigten Größe hoch. Auch gibt es zahlreiche Plug-ins für die Bild-Optimierung in WordPress. Weitere Tipps zum Optimieren von Bildern findest du im Beitrag WordPress Tipps & Tricks: Bilder optimieren.

5. Minimiere CSS- und JavaScript-Dateien

Auch umfangreiche CSS- und JavaScript-Dateien beeinflussen den Pagespeed deiner Seite. Minimiere deshalb CSS- und JavaScript-Dateien, indem du sie zusammenfasst und komprimierst. Plug-ins wie Autoptimize oder Hummingbird unterstützen dich dabei.

Einen Teil der WordPress Tipps & Tricks verpasst?

Brauchst du weitere Tipps für deine WordPress-Seite? In unserem WordPress-Guide findest du verschiedene Anleitungen übersichtlich zusammengefasst.

Inhalt

Artikel teilen

Link kopieren

Artikel teilen

Link kopieren
Bild von Cédric Juan

Developer & UX    16 Artikel

531
Kategorie
Simon Bass: Head of Development bei der Arbeit.

Vor zehn Jahren startete Simon als Entwickler bei hosttech. Heute ist er unser Head of Development, leitet sein Team und behält die Übersicht über alles. Im Jubiläums-Interview berichtet er von seinen alltäglichen Herausforderungen, den wichtigsten Veränderungen der letzten Jahre und den Momenten, die ihn auf seinem Weg geprägt haben.

Laptop mit geöffneter Design-Software, in der zahlreiche Icons für Webdesign und UI-Projekte angezeigt werden, mit hosttech Block und Tasse nebenbei.

Ob Mobile-App, Webshop oder Kunden-Dashboard – Icons sind im heutigen Web- und UI-Design nicht mehr wegzudenken. Erfahre mehr über die Rolle von Icons im Webdesign, wie du an gute Icons gelangst und wie du sie optimal einsetzt.

Headerbild zum Blogbeitrag zum Tag des Bloggens. Eine Frau in grüner Bluse sitzt an ihrem Büroarbeitsplatz vor dem Computer. Sie lacht. In der linken Hand hält sie eine Kaffeetasse, mit der rechten bedient sie die Computermaus. Die rechte Bildhälfte ist etwas abgedunkelt. Darauf ein Icon für eine Checkliste in rot.

Heute ist der Tag des Bloggens. Seit 2018 wird dieser offiziell im Kalender der kuriosen Feiertage geführt. Wir zeigen dir, welche Möglichkeiten ein Blog bietet und worauf du achten musst.

Entwickler arbeitet am Computer mit API-Code – Symbol für eine API-Schnittstelle verdeutlicht das Thema REST und RESTful APIs

Wenn es um Web-Schnittstellen (APIs) geht, kommen vielfach die Begriffe REST und RESTful API zum Einsatz. Hast du dich auch schon gefragt, was eigentlich der Unterschied ist? Dieser Beitrag liefert Antworten.

Titelbild zum Blogbeitrag von hosttech anlässlich des internationalen Caps Lock Day

AM 22. OKTOBER IST WORLD CAPS LOCK DAY! Keine Sorge, dieser Blogbeitrag ist NICHT komplett in Großbuchstaben geschrieben. Erfahre mehr über den kuriosen Feiertag für die Großschreibung.

Headerbild des Blogbeitrags zur Barrierefreiheit im Web. Eine Person mit Kopfhörern arbeitet an einem Laptop, der mit einer Braillezeile verbunden ist. Die Hand der Person ertastet die Braillezeichen – ein Beispiel für barrierefreie Computerarbeit für sehbehinderte Menschen.

Seit Ende Juni verpflichtet der European Accessibility Act (EAA) zur Barrierefreiheit in digitalen Angeboten in Europa. Websites, Apps und Online-Shops müssen so gestaltet sein, dass sie für alle Menschen zugänglich sind. Eine Zusammenfassung der wichtigsten Grundlagen und Umsetzungen des EAA.

Achtung: Zurzeit werden Phishing E-Mails mit gefälschtem hosttech-Absender versendet. Bitte komme keiner Forderung nach und lösche diese E-Mails.

myhosttech Kundencenter