Wie messe ich die Ladedauer meiner Webseiten?<\/h3>\n
Um die Ladedauer zu messen, gibt es verschiedene Tools unterschiedlicher Anbieter. Allen voran steht da sicherlich das hauseigene Tool von Google, die PageSpeedInsights und die Browsererweiterung Lighthouse. Doch man kann auch bei unabh\u00e4ngigen Anbietern wie Pingdom oder webpagetest.org messen. Wichtig ist, dass man Orientierungspunkte f\u00fcr eine normale Ladezeit hat und so die Ergebnisse der Messung einordnen kann. Das bieten fast alle Tools. Weiterhin ist bei der Auswahl des Hilfsmittels von Bedeutung, welche Fragen es beantworten kann. Daf\u00fcr m\u00fcssen Sie vorher umrei\u00dfen, was Sie von dem Tool erwarten. M\u00f6gliche Fragen an ein Messtool f\u00fcr die Ladezeit bzw. den Pagespeed k\u00f6nnen u.a. sein:<\/p>\n
- \n
- Wie lange l\u00e4dt die gesamte Webpr\u00e4senz?<\/li>\n
- Wie lange l\u00e4dt eine einzelne Unterseite?<\/li>\n
- Gibt es Messwerte, die stark abweichen?<\/li>\n
- Wie ist die Bewertung der Ladezeit im Vergleich?<\/li>\n
- Wo besteht Optimierungspotential?<\/li>\n
- Gibt es konkrete Vorschl\u00e4ge zur Optimierung?<\/li>\n
- \u2026<\/li>\n<\/ul>\n
Kostenlose Tools<\/h4>\n
Um die Ladedauer einer Website oder einzelner Unterseiten einer Internetpr\u00e4senz zu messen, reichen in der Regel kostenlose Tools aus. Sie messen zuverl\u00e4ssig und geben schon sehr viele Zusatzinformationen, zum Beispiel zur Optimierung, an die Hand. Im Rahmen der Nutzung von kostenpflichtigen SEO-Analyse-Tools kann es aber auch nicht schaden, deren Speedtests mit zu nutzen. Schauen wir uns die besten kostenlosen Tools zur Messung der Ladezeit einmal an.<\/p>\n
Lighthouse Browsererweiterung<\/h5>\n
Mit der Chrome-Erweiterung Lighthouse von Google kann man die Ladezeit seiner Website messen, aber bekommt auch weitere, wichtige Inputs, wie zum Beispiel zur Barrierefreiheit. Die Extension ist schon vorinstalliert, muss aber zun\u00e4chst aktiviert werden. Man findet sie in den Entwicklertools. \u00d6ffnen Sie diese mit STRG+UMSCHALT+\/ auf Ihrem PC (STRG+Option+\/ auf dem Mac). Unter weitere Tools findet man dann die Audits, die zu Lighthouse f\u00fchren. Die Option zur Messung der Ladegeschwindigkeit findet man unter dem Audit Performance. Hier sieht man dann einen Speedcore und weitere Messwerte, die dann in den PageSpeedInsights genauer beschrieben werden. Es ist also empfehlenswert, diese direkt aufzurufen.<\/p>\n
PageSpeed Insights von Google<\/h5>\n
Die PageSpeedInsights sind ein starkes Tool aus dem Hause Google, welches nicht nur reine Ladezeiten misst, sondern noch viele weitere Daten erfasst. Dabei werden jene nicht nur \u00fcbersichtlich und vergleichend dargestellt, sondern auch wertvolle Hinweise und Tipps zur Optimierung gegeben. Sie rufen sie ganz einfach \u00fcber developers.google.com\/speed\/pagespeed\/insights\/<\/a> auf.<\/p>\n
![\"\"](\"https:\/\/www.seojobboerse.de\/blog\/wp-content\/uploads\/2020\/09\/start-pagespeedinsights-google-aufruf.png\" "\\"Google")
\nGoogle PageSpeedInsights Startseite © Google<\/small><\/p>\nNun k\u00f6nnen Sie in die Suchzeile die gew\u00fcnschte URL eingeben. Das Ergebnisfenster zeigt folgende Erstansicht:<\/p>\n
![\"\"](\"https:\/\/www.seojobboerse.de\/blog\/wp-content\/uploads\/2020\/09\/Pagespeedinsights-main-url-aufruf.png\" "\\"Google")
\nGoogle PageSpeedInsights, Aufruf Seojobboerse.de © Google<\/small><\/p>\nSie sehen, wir haben noch ein bisschen was zu tun. Das erkennt man am System der Ampelfarben, mit denen der Speed Core im Vergleich zu anderen Websites angezeigt wird. Dieser bezieht sich mittlerweile durch den Mobile First-Rankingfaktor nur noch auf die mobilen Websites und sieht bei vielen nicht ganz so gut aus. Kein Grund zur Panik, denn das Tool zeigt im unteren Bereich detailliert auf, an welchen Stellen Optimierungen notwendig sind. Generell gilt, je gr\u00fcner Ihre Anzeige wird, desto besser stehen sie da. Akuter Handlungsbedarf besteht, wenn die Ampel rot zeigt, also Ihr Wert unter 50 liegt.<\/p>\n
Google arbeitet zur Ausgabe des Speedcores, der eine Zahl zwischen 0 und 100 ist, mit Felddaten und Labdaten. Felddaten sind monatlich erhobene Daten aus Chrome. Die Labdaten sind die, welche im Augenblick ermittelt wurden.<\/p>\n
Auch in anderen Tools von Google sind die Ladezeiten seiner Webpr\u00e4senz einsehbar. Google Analytics bietet dar\u00fcber hinaus noch die Trackingdaten, mit denen man direkt nachschauen kann, wie sich die Ladezeit auf die Conversion auswirkt. In der Google Search Console ist direkt ablesbar, wie lange der Googlebot f\u00fcr das Laden der Inhalte ben\u00f6tigt.<\/p>\n
Pingdom.com<\/h5>\n
Der Monitoring-Anbieter Pingdom.com<\/a> ist eine sehr h\u00e4ufig verwendete Alternative zu Google und ebenfalls kostenlos. Das Tool zur Messung der Ladezeit ber\u00fccksichtigt dieselben Faktoren wie auch die PageSpeedInsights von Google und zeigt ebenfalls M\u00f6glichkeiten zur Optimierung auf. Unter der ersten \u00dcbersicht finden Sie viele Statistiken die n\u00e4her beleuchten, welche Elemente die Ladezeit der Website behindern.<\/p>\n
![\"\"](\"https:\/\/www.seojobboerse.de\/blog\/wp-content\/uploads\/2020\/09\/pingdom-com-aufruf.png\" "\\"Pingdom.com,")
\nPingdom.com, Aufruf Seojobboerse.de © Pingdom.com<\/small><\/p>\nAuch Pingdom gibt einen Score an, an dem man sich vergleichend orientieren kann. Ebenso sind hier Ampelfarben f\u00fcr eine schnelle Einordnung im Einsatz. So ist auf einen Blick schnell sichtbar, wie z\u00fcgig die Webseite geladen wurde, wie gro\u00df sie ist, wo noch Optimierungspotential liegt und wie der Aufbau einer Seite genau abl\u00e4uft. Nachteilig sind die geringe Auswahl der Serverstandorte, welche die Ladezeit nicht genau kalkulierbar machen.<\/p>\n
GT Metrix<\/h5>\n
GT Metrix, erreichbar unter gtmetrix.com<\/a>, ist ein weiteres kostenloses Tool, mit dem man die Ladezeit seiner Website messen kann. Auch hier ist die Bedienung denkbar einfach. Nach der Eingabe der URL der zu testenden Seite, gibt es schon nach wenigen Augenblicken ein Ergebnis. Leider gibt es hier, wie Sie im Bild sehen, einen Nachteil. GTMetrix schaut immer nur mit dem \u201eBlick eines Besuchers aus Vancouver\u201c (Serverstandort) auf die Ladegeschwindigkeit.<\/p>\n
![](\"https:\/\/www.seojobboerse.de\/blog\/wp-content\/uploads\/2020\/09\/gtmetrix-test-abruf.png\" "\\"gtmetrix.com,")
\ngtmetrix.com, Aufruf Seojobboerse.de © gtmetrix.com<\/small><\/p>\nDie Ergebnisse werden in vier Bl\u00f6cken dargestellt. Zun\u00e4chst zeigt der wichtigste die Performance Scores Ihrer Seite und die Page Details wie Loadtime und Gr\u00f6\u00dfe der Website. Darunter finden Sie genaue Angaben und auch schon Optimierungsempfehlungen. \u00dcbrigens orientiert sich GT Metrix dabei an zwei Regelkatalogen, dem von Google und dem von Yahoo.<\/p>\n
Hinzu kommen \u00dcbersichten wie das Wasserfalldiagramm, die Zeitreihenanalyse und die kostenpflichtige Videofunktion. Im Wasserfalldiagramm finden sich die wichtigsten Daten der Analyse. Hier kann man die Datenpakete in ihrer chronologischen Reihenfolge mit ihrer Ladezeit \u00e4hnlich wie bei Pingdom.com sehen. Die Zeitreihenanalyse allerdings erm\u00f6glicht es, die Entwicklung \u00fcber mehrere Wochen hinweg zu beobachten. So kann man sehen, ob die Optimierungen, die man vorgenommen hat, etwas gebracht haben und dies anhand eines Graphen.<\/p>\n
WebPageTest<\/h5>\n
WebPageTest ist ein Open-Source-Tool, mit dem detaillierte Website-Messungen m\u00f6glich sind. Es ist \u00fcber die Adresse WebPageTest.org<\/a> erreichbar. Schon bei Aufruf sieht man, dass man hier ein paar mehr Einstellungen vornehmen muss, ehe man an die Ergebnisse kommt.<\/p>\n
![](\"https:\/\/www.seojobboerse.de\/blog\/wp-content\/uploads\/2020\/09\/webpagestest-org-startseite.png\" "\\"WebPageTest.org")
\nWebPageTest.org Startseite © WebPageTest.org<\/small><\/p>\nBei WebPageTest.org kann man die Messung nach Parametern genauer definieren. Daf\u00fcr werden Daten wie der Standort des Servers, der genutzte Browser und auch die Bandbreite, mit der gemessen werden soll, angegeben. So wird das Bild etwas individueller. Hat man dann die Ergebnisseite vor Augen, werden verschiedene Messwerte angezeigt. Einer, den man bei Google nicht finden kann, ist der Time to First Byte. Er zeigt serverseitige Probleme oder DNS-Konfigurationsprobleme auf. Auch die neuen Web Vitals von Google sind schon integriert.<\/p>\n
Site Speed Test von KeyCDN<\/h5>\n
Noch ein letztes Tool soll unsere \u00dcbersicht zu den besten, kostenlosen Werkzeugen zur Messung der Ladezeit abrunden. Beim Site Speed Test von KeyCDN wird ebenfalls festgelegt, aus welcher Region man testen m\u00f6chte. Erreichen k\u00f6nnen Sie das Tool unter tools.keycdn.com\/speed<\/a>. Das Ergebnis wird dann in einem Wasserfalldiagramm und einer Webseitenvorschau angezeigt. Auch hier bekommt man einen guten \u00dcberblick \u00fcber die Gesamtladezeiten, die Dateitypen und kann Optimierungspotentiale erkennen. das Kernergebnis wird in Schulnoten des amerikanischen Systems angezeigt.<\/p>\n
![](\"https:\/\/www.seojobboerse.de\/blog\/wp-content\/uploads\/2020\/09\/websitespeedtest-ergebnis-abruf.png\" "\\"Website")
\nWebsite Speed Test von KeyCDN.com, Aufruf Seojobboerse.de © KeyCDN.com<\/small><\/p>\n<\/p>\n
Tools zur Messung der Ladezeit im \u00dcberblick<\/h4>\n
\n
\n Tool<\/strong><\/td>\n Schneller \u00dcberblick \u00fcber die Ladezeit<\/strong><\/td>\n Vergleich mit anderen Websites<\/strong><\/td>\n Optimierungsvorschl\u00e4ge<\/strong><\/td>\n<\/tr>\n \n Lighthouse<\/td>\n ja<\/td>\n nein<\/td>\n nein<\/td>\n<\/tr>\n \n PageSpeed Insights von Google<\/td>\n ja<\/td>\n ja<\/td>\n ja<\/td>\n<\/tr>\n \n Pingdom.com<\/td>\n ja<\/td>\n ja<\/td>\n ja<\/td>\n<\/tr>\n \n GT Metrix<\/td>\n ja<\/td>\n ja<\/td>\n ja<\/td>\n<\/tr>\n \n WebPageTest<\/td>\n ja<\/td>\n ja<\/td>\n ja, sogar zu serverseitigen Problemen<\/td>\n<\/tr>\n \n Site Speed Test von KeyCDN<\/td>\n ja<\/td>\n ja<\/td>\n ja, aber reduziert<\/td>\n<\/tr>\n<\/table>\n <\/p>\n
\n
\n Tool<\/strong><\/td>\n Kostenlos?<\/strong><\/td>\n Nachteile?<\/strong><\/td>\n<\/tr>\n \n Lighthouse<\/td>\n ja<\/td>\n sehr marginaler \u00dcberblick<\/td>\n<\/tr>\n \n PageSpeed Insights von Google<\/td>\n ja, auch in vielen weiteren kostenfreien \u00dcberblicken und Tipps<\/td>\n keine<\/td>\n<\/tr>\n \n Pingdom.com<\/td>\n ja, weitere M\u00f6glichkeiten mit Pro-Account<\/td>\n geringe Auswahl der Serverstandorte f\u00fchrt zu Ungenauigkeiten<\/td>\n<\/tr>\n \n GT Metrix<\/td>\n ja, weitere M\u00f6glichkeiten wie Videoanalyse kostenpflichtig<\/td>\n nur Serverstandort Vancouver f\u00fchrt zu Ungenauigkeiten<\/td>\n<\/tr>\n \n WebPageTest<\/td>\n ja, weitere M\u00f6glichkeiten mit kostenpflichtigem Account<\/td>\n keine<\/td>\n<\/tr>\n \n Site Speed Test von KeyCDN<\/td>\n ja<\/td>\n Serverstandortauswahl gering, daher Gefahr von Ungenauigkeiten<\/td>\n<\/tr>\n<\/table>\n <\/p>\n
Ladezeiten verringern und Geschwindigkeit erh\u00f6hen – das kann man tun<\/h3>\n
Nun, wenn man also mit einem dieser Tools seine Ladezeit gemessen hat, bekommt man bei den meisten schon jede Menge Hinweise auf die Optimierungsm\u00f6glichkeiten. Zum Abschluss wollen wir Ihnen die wesentlichen Optimierungspotentiale und -ans\u00e4tze vorstellen, mit denen die Ladezeit seiner Website verbessert werden kann. Es geht hier vor allem um die Reduzierung von Serverantwortzeiten, die Bildoptimierung, das Caching sowie die Reduzierung von CSS und Javascript. Das sind nat\u00fcrlich noch nicht alle M\u00f6glichkeiten. Was man noch alles umsetzen kann, sehen Sie in den detaillierten Tipps der Tools.<\/p>\n
Minimierung von Serverantwortzeiten<\/h4>\n
Eine langsame Seitengeschwindigkeit muss nicht unbedingt an der Seite selbst liegen, Daher sollte der erste Blick auf die Antwortzeiten des Servers fallen. Befindet sich Ihre Seite beispielsweise auf einem Server mit vielen weiteren Websites, teilt man sich die Bandbreite. Das kann zu sehr langsamen Serverantwortzeiten f\u00fchren, die die Ladezeit beeintr\u00e4chtigt. Die Nutzung eines dedizierten Servers oder der Wechsel des Hosters kann hier eine M\u00f6glichkeit sein, um die Performance der Website zu verbessern.<\/p>\n
Optimierung der Bildgr\u00f6\u00dfen<\/h4>\n
Ein wichtiger Punkt bei der Verbesserung der Ladezeit einer Website sind die Bilder. Die Optimierung der Bildgr\u00f6\u00dfen und Bildformate bringen einen in Sachen Page Speed meist sehr schnell voran. Bilddateien sollten so gro\u00df wie n\u00f6tig und so klein wie m\u00f6glich sein. In Bildbearbeitungsprorammen wie z.B. Adobe Photoshop, kann man seine Bilder komprimieren, ohne dass die Qualit\u00e4t darunter (zu stark) leidet.<\/p>\n
Minimierung bzw. Auslagerung von CSS und JavaScript-Dateien<\/h4>\n
Lagert man CSS- und JavaScript-Dateien extern aus, kann dies zu einer Erh\u00f6hung der Ladezeit der Website f\u00fchren. Normalerweise werden beim Laden einer Website alle Dateien einzeln ge\u00f6ffnet, gelesen und ausgeliefert – nacheinander. Setzt man auf externe CSS- und Javascript-Dateien, k\u00f6nnen parallel weitere Dateien geladen werden. Zus\u00e4tzliche M\u00f6glichkeiten sind die Nutzung von asynchronem Javascript oder das Laden von Javascript im Footer. Daf\u00fcr allerdings ben\u00f6tigt man wirklich einen Fachmann oder eine Fachfrau in der Webentwicklung, die einen dabei unterst\u00fctzt. Als Laie st\u00f6\u00dft man sehr schnell an seine Grenzen.<\/p>\n
Caching<\/h4>\n
Die letzte M\u00f6glichkeit, die wir heute vorstellen m\u00f6chten, ist das Caching, Es gibt serverseitiges und Browser-Caching. Beim serverseitigen Caching werden nicht bei jedem Seitenaufruf alle dynamischen Inhalte der Seite neu geladen. Die Inhalte \u00e4ndern sich ja auch nicht st\u00e4ndig, sodass dies n\u00f6tig w\u00e4re. Solche Seiten werden als statische HTML-Dateien beim Server zwischengespeichert und stehen bei einem Aufruf sofort zur Verf\u00fcgung. Die Datenbank wird dadurch nicht belastet.<\/p>\n
Mit dem Browsercaching ist es m\u00f6glich, zeitweise Elemente und Dateien Ihrer Website auf dem Computer des Benutzers vorzuhalten. So muss nicht der gesamte Inhalt bei einem weiteren Besuch der Seite wieder ganz neu geladen werden. Dies trifft z.B. auf Bilder zu.<\/p>\n
Fazit zur Ladezeit von Websites und deren Messung<\/h3>\n
Sie haben gesehen, dass die Ladezeit einer Website f\u00fcr den Nutzer sehr wichtig ist. Langes Warten strapaziert die Geduld der Menschen und f\u00fchrt zum Verlassen der Seite, Das haben auch die Suchmaschinen, allen voran Google bemerkt, und die Ladezeit zum Rankingfaktor sowie wesentlichen Schl\u00fcsselzahl bei der User Experience (Nutzererfahrung) gemacht. Die Ladezeit zu messen, ist nicht schwer. Viele Tools, die gute Ergebnisse liefern, helfen bei der Erkennung von Optimierungspotentialen. Dabei unterscheiden sie sich zumeist nicht wesentlich voneinander. Will man aber ganz genaue Ergebnisse und auf Google optimieren, empfehlen wir, die hauseigenen Tools des Suchmaschinenanbieters wie die PageSpeedInsights zu verwenden.<\/p>\n","protected":false},"excerpt":{"rendered":"
Die Ladezeit von Websites ist seit dem Jahr 2018 auch in der mobilen Suche ein Rankingfaktor bei Google. Was also bisher als Page Speed bis dahin nur bei…<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"iawp_total_views":0,"footnotes":""},"categories":[1],"tags":[142,144,137,28,143,145],"class_list":["post-793","post","type-post","status-publish","format-standard","hentry","category-allgemein","tag-faktor","tag-ladezeit","tag-page","tag-ranking","tag-speed-geschwindigkeit","tag-webseite"],"views":4217,"_links":{"self":[{"href":"https:\/\/www.seojobboerse.de\/blog\/wp-json\/wp\/v2\/posts\/793","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.seojobboerse.de\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.seojobboerse.de\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.seojobboerse.de\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.seojobboerse.de\/blog\/wp-json\/wp\/v2\/comments?post=793"}],"version-history":[{"count":0,"href":"https:\/\/www.seojobboerse.de\/blog\/wp-json\/wp\/v2\/posts\/793\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.seojobboerse.de\/blog\/wp-json\/wp\/v2\/media?parent=793"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.seojobboerse.de\/blog\/wp-json\/wp\/v2\/categories?post=793"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.seojobboerse.de\/blog\/wp-json\/wp\/v2\/tags?post=793"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}