{"id":3898,"date":"2021-02-05T11:46:27","date_gmt":"2021-02-05T11:46:27","guid":{"rendered":"https:\/\/www.webklar.ch\/?p=3898"},"modified":"2022-11-15T10:04:16","modified_gmt":"2022-11-15T10:04:16","slug":"optimierung-der-ladezeit-einer-wordpress-website","status":"publish","type":"post","link":"https:\/\/test.webklar.ch\/fr\/optimisation-du-temps-de-chargement-dun-site-wordpress\/","title":{"rendered":"Optimisation du temps de chargement d'un site web WordPress"},"content":{"rendered":"
\n\t\t\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

Die Ladezeit einer Website ist einer der Schl\u00fcsselelemente f\u00fcr den Erfolg der Website. Die Kunden warten heute durchschnittlich nicht l\u00e4nger als 3 Sekunden, bis die Website erscheint, andernfalls springen sie ab und Leser und Kunden gehen verloren. Websites mit schlechten Ladezeiten werden von Google ebenfalls abgestraft und aus dem Index genommen oder nach hinten geschoben. Die Ladezeit einer WordPress h\u00e4ngt von zahlreichen Faktoren ab. Die Optimierung des Webspeed ist eine komplexe und komplizierte Aufgabe. Wie man die Ladezeit der eigenen WordPress-Website pr\u00fcft und wie man sie optimiert, erz\u00e4hle ich Ihnen in diesem Beitrag.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t

\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t

Pr\u00fcfung der Ladezeit<\/h2>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

Wer sich daran macht, die eigene Website oder die Website eines Kunden zu verbessern, tut gut daran, die Website mehrfach mit verschiedenen Testanbietern durchzuf\u00fchren. Schnell wird jeder feststellen, dass die Daten st\u00e4ndig schwanken. Das ist zum einen auf die st\u00e4ndige Ver\u00e4nderung der Netzauslastung zur\u00fcckzuf\u00fchren und zum andern auch auf die Fehleranf\u00e4lligkeit und Messungenauigkeit der Testplattformen. Doch alle zusammen zeigen ein ganzes Bild und die Fehler, welche bei der Website bestehen und deren Behebung zur Erh\u00f6hung des Webspeeds f\u00fchren. Die wichtigsten Anbieter will ich kurz der Reihe nach vorstellen:<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t

\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t

1. Google Pagespeed Insights<\/a><\/h3>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

Das Testtool von Google ist das Wichtigste von allen, schliesslich orientiert sich Google an genau diesen Messwerten. Sind die Werte hier schlecht, hat das Konsequenzen auf das Google-Ranking. Dieselben Daten finden sich auch in der Google Search Control (fr\u00fcher Google Webmaster) wieder. Websites, die hier schlechte Ladezeiten aufweisen, fallen nach und nach aus dem Index oder werden so weit nach hinten geschoben, dass sie niemand mehr \u00fcber Google findet.<\/p>

Dabei gibt Google auch gleich zwei Werte vor, die nicht in den roten Bereich fallen d\u00fcrfen: Zum einen ist das der „Largest Contenful Paint (LCP)“<\/strong>, was die Zeit f\u00fcr das Laden des gr\u00f6ssten Elementes auf der Seite bezeichnet. Zum anderen ist das die „Cumulative Layout Shift (CLS)“<\/strong> oder auf gut Deutsch die kumulative Layoutverschiebung. Sie zeigt auf, wie ruhig oder unruhig sich die Seite aufbaut oder ob sie auf- und abruckelt, was als st\u00f6rendes Erlebnis bewertet wird. Wer insbesondere in diesen Punkten rote Werte hat, wird im Index abgestraft, wer gr\u00fcne Werte hat, im Index gef\u00f6rdert. Insbesondere f\u00fcr grosse Seiten, wie dies Medien kennen, ist dies von grosser Bedeutung. Ob man will oder nicht, dieses Testtool ist das Mass aller Dinge f\u00fcr Google, danach muss sich jeder, der im Ranking Erfolg haben will, richten.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t

\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t

2. Pingdom<\/a><\/h3>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

Pingdom ist eine der bekanntesten Testseiten f\u00fcr Webspeed. Die Plattform bietet die Auswahl verschiedener Serverstandorte und zeigt detailliert auf, wie viele Request der Server f\u00fcrs Laden bearbeiten musste, und welche Kategorien wie viele Ressourcen in Anspruch nehmen. Mit Tipps und Hinweisen ist man aber eher sp\u00e4rlich bedient. Zudem sind die Werte manchmal besonders gut, wenn sie bei anderen Testtools schlechter sind. Pingdom Tools bietet wertvolle Anhaltspunkte, doch die Endbewertung w\u00fcrde ich nicht f\u00fcr bare M\u00fcnze nehmen.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t

\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t

3. GT Metrix<\/a><\/h3>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

GT Metrix ist eine der f\u00fchrenden Plattformen, die Auskunft dar\u00fcber gibt, wie schnell die getestete Website l\u00e4dt und f\u00fcr Kunden erkennbar ist. Dabei gibt es bei GT Metrix einen Member und einen non-Member-Bereich und f\u00fcr Mitglieder einen kostenlosen und bezahlten Service. Members k\u00f6nnen beispielsweise den Serverstandort frei ausw\u00e4hlen. Erst k\u00fcrzlich hat GT Metrix seinen gesamtes Erscheinungsbild ver\u00e4ndert und das nicht unbedingt zum Besseren. GT Metrix h\u00e4lt viele Detailinformationen bereit und zeigt die Schwachstellen der Website auf. Einer der wirklich tollen Punkte ist der „Waterfall“, der aufzeigt, was wann mit welcher Geschwindigkeit geladen wurde. Webentwickler erkennen daran schnell, woran es beim Laden hapert. Leider scheint mir die Zuverl\u00e4ssigkeit der Daten etwas fragw\u00fcrdig, denn die Ergebnisse bei GT Metrix stark, doch die zahlreichen Informationen und Tipps sind eine echte Hilfe.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t

\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t

4. Yellow Lab Tools<\/a><\/h3>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

Yellow Lab Tools ist eine sehr spezielle Plattform f\u00fcr Webspeed. Zuerst w\u00e4hlt man das Format des Endger\u00e4tes, danach die zu testende Websiteadresse. Zuoberst auf der Website wird Gesamtscore der Ladezeit angezeigt. Darunter folgen Kriterien wie das Gr\u00f6sse der Website, die Server-Requests, DOM-Tiefe, CSS und Java, Schriften usw. Hier wird detailliert aufgezeigt mit Link zur Website, wo es hapert. Hier findet man Informationen, die man anderswo nicht erh\u00e4lt oder nicht findet. eine sehr aufschlussreiche Testplattform mit grosser Stabilit\u00e4t bez\u00fcglich der Messwerte.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t

\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t

5. Fast or Slow<\/a><\/h3>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

Als letzte Plattform stelle ich die international ausgerichtete Website Fast or Slow vor. Der Vorteil hier besteht darin, dass gleichzeitig die Ladezeit der Website an 18 Standorten auf 6 Kontinenten gemessen werden. Das ist nat\u00fcrlich perfekt f\u00fcr Website-Betreiber, die eine internationale Kundschaft erreichen wollen und sehen, ob sie diese auch in vern\u00fcnftiger Zeit erreichen.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t

\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

Wie man sieht, gibt es zahlreiche solcher Plattformen, doch ein gutes Bild erh\u00e4lt man vor allem, wenn man alle benutzt und die Fehler der einzelnen Testplattformen \u00fcberpr\u00fcft und behebt. Es gibt noch weitere Plattformen wie z.B. Dotcom-Tools, tools.keycdn, Uptrends oder Webpagetest, die alle ebenfalls interessante Werte liefern.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t

\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t

Fehlerquellen f\u00fcr mangelhafte Ladezeit<\/h2>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

Nachdem man gepr\u00fcft hat, wie schnell die Ladezeit ist und worin Fehler bestehen, geht es darum, die Fehler zu verstehen und gekonnt zu beheben. Das klingt manchmal einfacher als es ist. Insbesondere f\u00fcr Laien sind solche fachspezifischen Angaben wie ein Buch mit 7 Siegeln.<\/p>

Insbesondere die Komplexit\u00e4t der Materie und WordPress bringen es mit sich, das die Optimierung einer Ladezeit ein grosses Unterfangen ist und mit st\u00e4ndiger Arbeit verbunden ist. Das liegt vor allem daran, dass jedes neue Plugin, jeder neue Inhalt, der hinzugef\u00fcgt werden und jede kleine \u00c4nderung an der Website wieder grosse Schatten werfen kann und die Ladezeit ver\u00e4ndern. Ich will deshalb nur punktuell aufz\u00e4hlen, welche Bereiche f\u00fcr den Ladeprozess problematisch sein k\u00f6nnen.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t

\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t

a. Server \/ PHP-Version<\/h3>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

Normalerweise befindet sich die Website auf einem fremden Server. H\u00e4ufig werden Apache-Server genutzt, doch f\u00fcr WordPress gibt es mehr und mehr spezialisierte Server mit neueren Technologien. Auch das unterschiedliche Angebot der Webhoster f\u00fchrt zu unterschiedlichen Resultaten und auch die gew\u00e4hlte PHP-Version. Je besser der Server ist und je moderner die PHP-Version, desto schneller ist die Ladezeit.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t

\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t

b. Datenbank<\/h3>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

Das Herzst\u00fcck jeder WordPress-Website ist seine Datenbank. Man w\u00fcrde nicht glauben, wie h\u00e4ufig ich es erlebt habe, dass Datenbanken doppelt oder sogar mehrfach gef\u00fchrt wurden, nur weil Webentwickler und Kunden keine Ahnung von WordPress haben. Das bl\u00e4ht die Datenbank auf und braucht mehr Prozessorleistung. Zudem muss man wissen, dass WordPress bei jedem Artikel oder jeder Seite Revisionen in der Datenbank ablegt. Das kann so gross werden, dass der Server \u00fcberlastet wird und deshalb sehr langsam arbeitet oder abst\u00fcrzt. Doch das ist nur etwas f\u00fcr Profis.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t

\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t

c. Empfangsger\u00e4t & Browser<\/h3>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

Das kann nat\u00fcrlich nur der Empf\u00e4nger beeinflussen bzw. der Besucher der Website, doch das hat ebenfalls einen starken Einfluss auf die Ladegeschwindigkeit. Das Handy empf\u00e4ngt nat\u00fcrlich deutlich schlechter als der Desktop-PC, aber auch der Browser tut das seinige dazu. Insbesondere der neue Microsoft Edge ist ein schneller Browser, gef\u00fchlt schneller als Googles Chrome. Darauf sollten User achten!<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t

\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t

d. Template<\/h3>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

Einer der h\u00e4ufig genannten Punkte, dessen Bedeutung jedoch \u00fcbersch\u00e4tzt wird, ist das gew\u00e4hlte Template. Je schlanker es gebaut ist, desto weniger muss geladen werden, doch neben all den mitunter grossen Plugins spart sich das Template richtiggehend aus. Auch wenn es modern geworden ist, ein leichtes Template wie Astra<\/strong> oder Ocean WP<\/strong> zu w\u00e4hlen und die Seiten mit einem Pagebuilder zu gestalten, hat die Gr\u00f6sse des Templates nicht einen allzu grossen Einfluss auf die Ladezeit, sondern vielmehr auf die Arbeitsweise des Entwicklers. Dennoch empfehle ich auch heute schlanke Themes mit wenig Ballast, weil man den eh nicht braucht.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t

\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t

e. Mediendateien (Bild, Video, Banner)<\/h3>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

Auch heutzutage findet man Websiten mit allzu grossen Mediendateien (Bilder, Videos, Animationen), die viel kleiner denselben Dienst tun. Auch sollte man darauf achten, dass die Dateien in responsiver Gr\u00f6sse geladen werden, d.h. bei Hand-Empfang soll das kleine Handy-Bild geladen werden und nicht das grosse Desktop-Bild. Ich habe es schon mehrfach erlebt, dass Webseitenbetreiber Bilder mit 3-6 MB Gr\u00f6sse geladen haben und sich wundern, dass die Ladezeit schlecht ist. Da kann man sich als Profi nur wundern. Also, Bilder m\u00fcssen klein sein und mit Lazyload-Funktion ausgestattet, damit erst geladen werden, wenn sie ins Sichtfenster gelangen. Dasselbe gilt f\u00fcr Videos und dort sollte man mit einem Vorschaubild arbeiten und sich \u00fcberlegen, ob und wie man das Video einbetten will oder es\u00a0 lediglich verlinken. Hier besteht ein grosses Optimierung-Potential.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t

\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t

f. Schriften<\/h3>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

Man w\u00fcrde es nicht vermuten, aber Schriften sind f\u00fcr den Ladeprozess ebenfalls ziemlich grosse Dateien. Dazu gesellen sich die Problematik der Ansteuerung und der Anzahl Schriften. Aus meiner Erfahrung macht es nicht viel Unterschied, ob man die Schriften auf dem eigenen Server lagert oder sie vom Google-Server bezieht. Problematischer ist die Anzahl Schriften. F\u00fcr eine sch\u00f6ne gestaltung arbeiten Designer nat\u00fcrlich gerne mit verschiedenen Schriften und deren Formaten, doch f\u00fcr den Computer ist jedes andere Schriftformat wie eine neue Schrift. Hat man auf der gleichen Seite die Schrift Georgia, Georgia Bold und Georgia kursiv gew\u00e4hlt, dann liefert der Server volle drei Schriften und das dauert logischerweise l\u00e4nger als wenn er nur eine Schrift l\u00e4dt. Auf diese Weise hat eine Website schnell einmal 5-15 Schriften. Hier m\u00fcssen sich die Webentwickler entscheiden: Was ist wichtiger? Design oder Ladezeit? Oder eben die bestm\u00f6gliche Balance finden.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t

\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t

g. Website-Gr\u00f6sse<\/h3>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

Man vergisst bei der Website-Gestaltung h\u00e4ufig, dass eine grosse Website, die \u00fcber 10 Bl\u00f6cke besteht viel l\u00e4nger laden muss als eine Seite mit nur 2 Bl\u00f6cken. Das ist einfach nur logisch und wird von Google auch mit dem Hinweis auf eine zu grosse „DOM“-Tiefe gemahnt. Mit der DOM-Tiefe ist die wachsende Baumstruktur der Website gemeint, die mit jeder Information, jedem Text und jedem Bild w\u00e4chst, das man hinzuf\u00fcgt. Als Webentwickeler sollte man darauf achten, dass man keine allzu grossen Seiten aufbaut. Auch hier gilt es eine vern\u00fcnftige Balance zwischen Designw\u00fcnschen und Ladezeit zu finden.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t

\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t

h. Plugins, Anzahl Plugins<\/h3>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

Die wohl gr\u00f6sste Problematik von WordPress besteht in seiner Plugin-Architektur. Bei \u00fcber 60’000 Plugins weiss kein Mensch, welches Plugin mit welchem kann und mit welchem nicht. Zudem zeigen sich solche Konflikte nicht immer umgehend, sondern auch zeitverz\u00f6gert noch 1 Woche oder so. Deshalb sollte man die Website so schlank als m\u00f6glich halten. Je mehr Plugins eingesetzt werden, desto l\u00e4nger kann die Ladezeit werden. Zudem gibt es kein Warnsystem f\u00fcr Plugin-Konflikte, die einen negativen Einfluss auf das System haben. Man sollte die gew\u00e4hlten Plugins, die man einsetzt, gut kennen oder man l\u00e4uft Gefahr, Probleme zu bekommen.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t

\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t

h. CSS- und JS-Architektur<\/h3>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

Mit steigender Anzahl Plugins steigt auch die Zahl geladener CSS- und JS-Dateien, die den Ladeprozess extrem verz\u00f6gern. Es gibt hier keine Logik und keine eindeutige Systematik. Es gibt aber Gottseidank f\u00e4hige Plugins, die helfen, dieses Grundproblem von WordPress zu beheben, aber es sind m\u00e4chtige Plugins, die das Layout brechen k\u00f6nnen und deshalb nur in Profi-H\u00e4nde geh\u00f6ren.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t

\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t

i. Caching\/Minimierung<\/h3>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

Ein h\u00e4ufig verendetes Mittel, die Ladezeit zu optimieren, ist die Verwendung von Caching-Plugins, doch die Verlangen viel Know-how und bieten auch eine Gefahr. Mit diesen Cachhing-Plugins, die immer mit Minifizierungs-F\u00e4higkeiten von CSS- und JS-Dateien ausgestattet sind, kann man die Ladezeit wirksam verbessern. Doch man muss aufpassen, dass es mit dem Template, dem Server und anderen Plugins kann, sonst kann es nachhaltig das Layout brechen und das Design der Website zerst\u00f6ren. Ein grosses Potential mit grossem Risiko, das nur von Profis umgesetzt werden sollte.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t

\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t

j. CDN<\/h3>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

Das Kurzwort CDN steht f\u00fcr Computer Delivery Network. Darunter versteht man die Auslieferung der bestehenden Website \u00fcber verschiedene Serverstandorte weltweit. Es leuchtet jedem ein, dass ein Server in China viel schneller Daten an einen Chinesen ausliefert als ein Server, der in Europa steht. Platziert man also die Website weltweit auf m\u00f6glichst vielen Servern, ist die Ladezeit insbesondere international und interkontinental viel schneller. Zudem bietet dieses System den Vorteil, dass wenn die Website in Europa abst\u00fcrzt, der User in \u00dcbersee noch die alte Version der Website sieht und damit arbeiten kann. Ob das CDN auf kurze Entfernung etwas bringt, ist umstritten, es gibt auch Meinungen, die sagen, das CDN verlangsame die Website. Hier kann man nur einen Test versuchen und dann entscheiden. Dazu unterscheiden sich die CDN-Anbieter massiv. W\u00e4hrend beispielsweise Cloudflare mit einem Gratiseinsteigerpaket auf die Masse abzielt, konzentriert sich Akamai auf gr\u00f6sste Datenmengen, die blitzschnell ausgeliefert werden, und daf\u00fcr mit ein paar hundert Euro pro Monat zu Buche schlagen und nur etwas f\u00fcr Unternehmen sind, die mit dem Internet Geld verdienen.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t

\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t

Fazit zur Ladezeit-Optimierung<\/h2>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

Wie Sie sehen, ist die Optimierung einer WordPress-Website eine sehr komplexe und anspruchsvolle Sache. Wer behauptet, man m\u00fcsse nur ein Plugin einsetzen und dann laufe alles besser, hat entweder keine Ahnung oder l\u00fcgt einfach. Wer nicht selbst in der Lage ist oder keine Lust hat, stunden- oder tagelang die Website-Ladezeit zu perfektionieren, muss sich an richtige Profis wenden. Wer niemanden kennt, wendet sich einfach an uns und Ihr Ladezeit-Problem wird bald gel\u00f6st sein.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t

\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\tJa, ich habe ein Problem mit der Ladezeit, helfen Sie mir bitte!<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"

Die Ladezeit einer Website ist einer der Schl\u00fcsselelemente f\u00fcr den Erfolg der Website. Die Kunden warten heute durchschnittlich nicht l\u00e4nger als 3 Sekunden, bis die Website erscheint, andernfalls springen sie ab und Leser und Kunden gehen verloren. Websites mit schlechten Ladezeiten werden von Google ebenfalls abgestraft und aus dem Index genommen oder nach hinten geschoben.… <\/p>","protected":false},"author":1,"featured_media":997,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"neve_meta_sidebar":"","neve_meta_container":"","neve_meta_enable_content_width":"","neve_meta_content_width":0,"neve_meta_title_alignment":"","neve_meta_author_avatar":"","neve_post_elements_order":"","neve_meta_disable_header":"","neve_meta_disable_footer":"","neve_meta_disable_title":"","footnotes":""},"categories":[84],"tags":[201,204,200,203,202,205,206],"class_list":["post-3898","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-wordpress-tipps-news","tag-geschwindigkeit-wordpress-optimieren","tag-ladezeit-wordpress-verbessern","tag-pagespeed-wordpress-optimieren","tag-wordpress-beschleunigen","tag-wordpress-pagespeed-optimization","tag-wordpress-speed-optimieren","tag-wordpress-website-beschleunigen"],"aioseo_notices":[],"aioseo_head":"\n\t\t\n\t\n\t\n\t\n\t\n\t\n\t\n\t\n\t\n\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t