{"id":163111,"date":"2015-05-29T17:47:56","date_gmt":"2015-05-29T15:47:56","guid":{"rendered":"http:\/\/www.borncity.com\/blog\/?p=163111"},"modified":"2020-07-21T02:02:34","modified_gmt":"2020-07-21T00:02:34","slug":"seitenladezeiten-einfluss-auf-google-ranking-und-besucherabspnge","status":"publish","type":"post","link":"https:\/\/borncity.com\/blog\/2015\/05\/29\/seitenladezeiten-einfluss-auf-google-ranking-und-besucherabspnge\/","title":{"rendered":"Seitenladezeiten: Einfluss auf Google Ranking und Besucherabspünge"},"content":{"rendered":"

Heute mal ein Thema, welches sich an Betreiber von Webseiten richtet. Gro\u00dfe Internetseiten und vor allem Shops haben ein gro\u00dfes Problem wenn die eigene Internetseite nicht schnell genug l\u00e4dt, denn das kann dazu f\u00fchren, dass Besucher abspringen noch bevor sich die Seite aufgebaut hat. Dar\u00fcber hinaus ist bei vielen Suchmaschinen, wie Google, die Seitenladezeit inzwischen ein Kriterium, das direkten Einfluss auf das Ranking bei Suchanfragen hat. Daher ist die Optimierung der Seitenladezeiten der eigenen Webseite wichtiger denn je. <\/p>\n

<\/p>\n

Was kann man tun, um den Page Speed zu verringern? <\/h3>\n

Gute Frage, vor der ich als Betreiber des Blogs auch stehe. N\u00e4chste Frage? Nein\"\"! Denn, um den Page Speed, also die Zeit, die die Seite zum Laden braucht, auf ein Minimum zu reduzieren, hat der Webmaster mehrere M\u00f6glichkeiten. Jede dieser M\u00f6glichkeiten kann den Pagespeed verbessern. Jedoch nur eine geschickte Kombination und Anwendung aller vorhandenen M\u00f6glichkeiten f\u00fchrt dazu ein optimales Ergebnis zu erreichen. Welche dieser Verbesserungen am wirkungsvollsten sind h\u00e4ngt aber von der zu optimierenden Seite ab und Ihrer Kernfunktion.<\/p>\n

Mehrere CSS Sheets vermeiden <\/h3>\n

Viele Webmaster benutzen f\u00fcr ihre Webseiten mehrere CSS Sheets. Dies f\u00fchrt dazu, dass auf alle diese CSS Sheets zugegriffen werden muss und das diese geladen werden m\u00fcssen. So wird die Arbeitslast und damit auch die Ladezeit drastisch erh\u00f6ht. Um dies zu verhindern, sollten Webmaster stattdessen ihre Webseite so strukturieren, dass sie nur ein CSS Sheet verwenden. <\/p>\n

Das ist problemlos m\u00f6glich, indem man alle Style Sheets in einen einzigen Sheet zusammenfasst und dass aus dem Bereich des Dokuments auf andere Seiten verlinkt. So ist es m\u00f6glich, dass einzelne CSS Sheet zu cachen, was neben den verringerten HTTP Anfragen die Abrufzeit noch einmal verringert. Dar\u00fcber hinaus sollte man sowohl bei CSS wie auch bei Java auf inline-Styleangaben<\/a> verzichten und diese wie oben auslagern.
HTTP und HTML Requests verk\u00fcrzen und verringern <\/p>\n

Kurze und\/oder weniger Anfragen bedeuten logischerweise weniger Arbeit und damit schnellere Verarbeitung. Das f\u00fchrt dazu, dass eine Webseite mit wenigen oder kurzen Anfragen schneller abrufbereit ist. Daher lohnt es sich Daten von externen Quellen soweit wie m\u00f6glich zu verringern. <\/p>\n

Bilder – Die Bremse der Webseite! <\/h3>\n

Nichts verlangsamt das Laden einer Webseite so sehr, wie das Laden von Bildern. Vor allem gro\u00dfe Bilder mit hoher Aufl\u00f6sung k\u00f6nnen fatale Folgen f\u00fcr den Page Speed haben und sollten daher vermieden werden. Nichts desto trotz sind f\u00fcr fast alle Webseiten Bilder erforderlich. Sie stellen ein Produkt vor, oder es handelt sich um Screenshots oder \u00e4hnliches. Dar\u00fcber hinaus wird eine Webseite ohne Fotos schnell 'trocken' \u2013 bei B\u00fcchern haben wir den Begriff der 'Bleiw\u00fcste' \u2013 im Web w\u00fcrde ich von \"'Textwand' sprechen. <\/p>\n

Aus diesem Grund ist es wichtig, dass man Fotos, die auf einer Webseite verwendet werden, so gut wie m\u00f6glich optimiert, um die Ladezeit auf ein Minimum zu verk\u00fcrzen. Hierf\u00fcr empfiehlt sich vor allem die Verwendung von CSS Spikes, um die HTTP Requests zu verringern. Dar\u00fcber hinaus sollte man alle Fotos die auf Webseiten verwendet werden mit einem Bildbearbeitungsprogramm f\u00fcr das Web in ihrer Gr\u00f6\u00dfe und Darstellung optimieren. Alle g\u00e4ngigen Fotoprogramme, wie Photoshop bieten diese Funktion an.
Caching und Komprimierung <\/p>\n

Weitere M\u00f6glichkeiten zur Verbesserung des Page Speed ist die Komprimierung der Seiten mit gzip<\/a>. Dar\u00fcber hinaus kann das serverseitige Caching daf\u00fcr verwendet werden, dass der Server ein Abbild der Seite in seinen Cache zwischenspeichert. Kommt es so zu einer Anfrage von au\u00dfen, kann die Seite aus dem Zwischenspeicher direkt abgerufen werden und muss nicht komplett neu geladen werden. Heutzutage kann eine optimierte PHP- Version wie der Global Rocket Cache die Antwortzeit des Servers bei WordPress 4.1 von 384 ms auf 234 ms reduzieren. Beim Typo3 6.2 LTS Introduction Package wird die Antwortzeit sogar von 247 ms auf 77 ms reduziert. Nach den Daten der Mittwald CM Service GmbH & Co KG<\/a> sind also Verbesserungen von bis zu 320% m\u00f6glich.<\/p>\n

Server Optimierung <\/h3>\n

Neben den oben genannten M\u00f6glichkeiten der Verringerung des Page Speeds ist vor allem die Optimierung des eigenen Servers eine wichtige – wenn nicht sogar die wichtigste – Ma\u00dfnahme, um einen guten Page Speed zu erreichen. Zur Optimierung sollte man hier vor allem auf Content Delivery Netzwerke (CDN)<\/a> setzen, die es den Usern erlauben, Ressourcen von mehreren Stellen gleichzeig zu beziehen und so die Geschwindigkeit zu erh\u00f6hen. Dar\u00fcber hinaus sollte man auf den Einsatz von Weiterleitungen so gut es geht verzichten, da diese die Seitenladezeit deutlich erh\u00f6hen. Hier muss der Browser erst eine Anfrage an die neue Seite stellen und auf eine Antwort warten. Kostbare Zeit geht so verloren. <\/p>\n

Zu guter Letzt gilt es schlie\u00dflich, den Server selbst an die Verwendung und das Nutzeraufkommen anzupassen. Das hei\u00dft die servereigenen Prozesse und Child-Prozesse so zu optimieren, dass sie nicht nur ihre Aufgaben so gut es geht ausf\u00fchren k\u00f6nnen, sondern auch das durchschnittliche Besucheraufkommen problemlos handeln k\u00f6nnen. <\/p>\n<\/p>\n

Fazit:<\/strong> Generell kann man sagen, dass kein Webseiten-Besucher gerne wartet. Es lohnt sich daher immer wieder Google Analytics und die Google Webmastertools zu befragen, um feststellen zu k\u00f6nnen ab welchem Zeitpunkt und bei welcher Interaktion die Mehrheit der Seitenbesucher abspringt. Ist ein solches Problem erst einmal identifiziert k\u00f6nnen Tools wie PageSpeed Insights<\/a> helfen um die eigenen Optimierungen zu pr\u00fcfen. Eine Page Speed Optimierung setzt also eine umfassende Seitenanalyse mit nachfolgender Kontrolle voraus!<\/p>\n","protected":false},"excerpt":{"rendered":"

Heute mal ein Thema, welches sich an Betreiber von Webseiten richtet. Gro\u00dfe Internetseiten und vor allem Shops haben ein gro\u00dfes Problem wenn die eigene Internetseite nicht schnell genug l\u00e4dt, denn das kann dazu f\u00fchren, dass Besucher abspringen noch bevor sich … Weiterlesen →<\/span><\/a><\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[908,143],"tags":[4338,717,4132],"class_list":["post-163111","post","type-post","status-publish","format-standard","hentry","category-internet","category-tipps","tag-internet","tag-optimierung","tag-page-speed"],"_links":{"self":[{"href":"https:\/\/borncity.com\/blog\/wp-json\/wp\/v2\/posts\/163111","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/borncity.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/borncity.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/borncity.com\/blog\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/borncity.com\/blog\/wp-json\/wp\/v2\/comments?post=163111"}],"version-history":[{"count":0,"href":"https:\/\/borncity.com\/blog\/wp-json\/wp\/v2\/posts\/163111\/revisions"}],"wp:attachment":[{"href":"https:\/\/borncity.com\/blog\/wp-json\/wp\/v2\/media?parent=163111"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/borncity.com\/blog\/wp-json\/wp\/v2\/categories?post=163111"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/borncity.com\/blog\/wp-json\/wp\/v2\/tags?post=163111"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}