{"id":9017,"date":"2017-10-11T20:38:33","date_gmt":"2017-10-11T18:38:33","guid":{"rendered":"https:\/\/waltersblog.ch\/2017\/10\/11\/website-performance-und-seo\/"},"modified":"2017-10-11T20:38:33","modified_gmt":"2017-10-11T18:38:33","slug":"website-performance-und-seo","status":"publish","type":"post","link":"https:\/\/walterlernt.ch\/blog\/website-performance-und-seo\/","title":{"rendered":"Website-Performance und SEO"},"content":{"rendered":"<h2>Wie schnell muss meine Website laden?<\/h2>\n<p>Google bevorzugt Websites, die benutzerfreundlich sind. Websites, die schnell laden, sind benutzerfreundlich.<\/p>\n<p>Internet-Nutzer hatten schon immer mehr Freude an schnellen Websites und Suchmaschinen wie <a href=\"https:\/\/webmasters.googleblog.com\/2010\/04\/using-site-speed-in-web-search-ranking.html\" target=\"_blank\" rel=\"noopener\">Google hat schon vor Jahren ihr Interesse and schnell ladenden Websites<\/a> \u00f6ffentlich gemacht.<\/p>\n<p>Nach wie vor m\u00fcssen Websites <em>gut<\/em> und <em>relevant<\/em> sein, um bei den Suchresultaten von Google eine gute Positionierung zu erhalten. Es braucht viel mehr als schnelle Ladezeiten, aber ohne diese schnellen Ladezeiten wird es enorm schwierig.<\/p>\n<h2>Je schneller desto besser?<\/h2>\n<p>Ja \u2013 also, eigentlich nein: Klar, schneller ist in der Regel besser, es gibt aber auch ein <em>schnell genug<\/em>.<\/p>\n<p>Viele Besuchern wollen in den ersten 3 Sekunden auf einer Website entschieden haben, ob sie am richtigen oder falschen Ort angelangt sind. Im Fall von <em>richtig<\/em> bleibt man auf der Website und scrollt oder klickt in die Tiefe. Oder, man geht einfach wieder zur\u00fcck zur Google-Suche.<\/p>\n<h3>Mein Tipp zur Ladegeschwindigkeit<\/h3>\n<p>Die <em>empfundene Ladezeit<\/em> soll <strong>nicht mehr als 2 bis 3 Sekunden<\/strong> betragen. In dieser Zeit soll eine Website nutzbar sein. Wenn der Besucher wenigstens mit dem Inhalt beginnen kann, dann ist die <em>empfundene Ladezeit<\/em> schnell genug, auch wenn die <em>echte Ladezeit<\/em> noch nicht ideal ist.<\/p>\n<p>Wenn deine Website in weniger als 2 Sekunden l\u00e4dt, dann kannst du dieses K\u00e4stchen abhaken: Deine Website ist schnell genug. Es gibt wichtigeres zu tun, als die 2 Sekunden noch weiter zu reduzieren.<\/p>\n<h2>Pingdom<\/h2>\n<h3>Ein cooles Tool f\u00fcr Performance-Tests<\/h3>\n<p>Unter <a href=\"https:\/\/tools.pingdom.com\" target=\"_blank\" rel=\"noopener\">tools.pingdom.com<\/a> kannst du die Geschwindigkeit einer Website messen.<\/p>\n<p>Zuerst interessiere ich mich f\u00fcr diese zwei Resultate aus dem Test:<\/p>\n<ul>\n<li><strong>Load time:<\/strong>\u00a0Wie schnell l\u00e4dt meine Website?<\/li>\n<li><strong>Faster than:<\/strong> Wie sieht meine Websites im Vergleich zum Markt aus<\/li>\n<\/ul>\n<p>Wenn diese Zahlen auf Verbesserungspotential hindeuten, dann schaue ich mir den Rest genauer an:<\/p>\n<h3>So sieht der Speedtest bei Pingdom aus:<\/h3>\n<figure id=\"attachment_9083\" aria-describedby=\"caption-attachment-9083\" style=\"width: 971px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/walterlernt.ch\/blog\/wp-content\/uploads\/2022\/08\/pingdom.png\" alt=\"Website-Speedtest bei Pingdom mit wp-kurse.ch\" width=\"971\" height=\"297\" \/><figcaption id=\"caption-attachment-9083\" class=\"wp-caption-text\"><a href=\"https:\/\/wp-kurse.ch\/\" target=\"_blank\" rel=\"noopener\">wp-kurse.ch<\/a> getestet mit tools.pingdom.com<\/figcaption><\/figure>\n<h3>0.3 Sekunden<\/h3>\n<p>Meine Website l\u00e4dt schneller als 98% der getesteten Websites. <strong>Diese Website ist schnell genug.<\/strong> Ich muss nichts mehr unternehmen, das die Geschwindigkeit erh\u00f6ht. Die Hausaufgaben sind gemacht.<\/p>\n<p><a href=\"http:\/\/tools.pingdom.com\" target=\"_blank\" rel=\"noopener\">Pingdom Speedtests<\/a> zeigen aber noch viel mehr. Mir gef\u00e4llt zum Beispiel die Grafik, die darstellt, welche Elemente der Website brauchten wie lange&#8230; Das sieht so aus:<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/walterlernt.ch\/blog\/wp-content\/uploads\/2022\/08\/diagramm.png\" alt=\"\" width=\"996\" height=\"582\" \/><\/p>\n<p>Ich sehe die Dateigr\u00f6sse und die Ladezeiten von einzelnen Elementen in grafischer Form. Das hilft enorm heraus zu finden, wer der S\u00fcnder ist. Manchmal gibt es eine riesengrosse Datei, die die ganze Website verlangsamt. Pingdom hilft mir, diese Datei zu finden.<\/p>\n<h2>Google Pagespeed Insights<\/h2>\n<h3>Der Speedtest von Google<\/h3>\n<p>Es gibt viel Kritik an <a href=\"https:\/\/developers.google.com\/speed\/pagespeed\/insights\/\" target=\"_blank\" rel=\"noopener\">Google Pagespeed Insights<\/a>, trotzdem soll dieses Werkzeug hier nicht fehlen. Immerhin ist es das Tool von Google selbst. Der Test von Google ist nicht besonders intelligent und die Verbesserungsvorschl\u00e4ge wirken, als k\u00e4men sie von einem Roboter \u2013 was ja auch stimmt.<\/p>\n<p>Der Test ist in zwei Teile gesplittet: Mobile und Desktop. Beides ist wichtig. Deine Website bekommt eine Punktezahl, von 1 bis 100. Strebe mal eine Punktzahl von ca. 90 an. Vielleicht schaffst du das nicht, aber du sollst wenigstens wissen, dass du das sinvolle Maximum herausgeholt hast.<\/p>\n<figure id=\"attachment_9078\" aria-describedby=\"caption-attachment-9078\" style=\"width: 1024px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/walterlernt.ch\/blog\/wp-content\/uploads\/2022\/08\/PageSpeed_Insights-1024x572.png\" alt=\"Google Pagespeed Insights\" width=\"1024\" height=\"572\" \/><figcaption id=\"caption-attachment-9078\" class=\"wp-caption-text\">Google Pagespeed Insights<\/figcaption><\/figure>\n<p>Google gibt uns aber nicht nur eine Punktezahl, sondern auch Tipps, wie die Website verbessert werden k\u00f6nnte:<\/p>\n<figure id=\"attachment_9088\" aria-describedby=\"caption-attachment-9088\" style=\"width: 768px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/walterlernt.ch\/blog\/wp-content\/uploads\/2022\/08\/PageSpeedInsights.png\" alt=\"Google Pagespeed Insights - Tipps?\" width=\"768\" height=\"285\" \/><figcaption id=\"caption-attachment-9088\" class=\"wp-caption-text\">Wie n\u00fctzlich sind diese Tipps?<\/figcaption><\/figure>\n<p>Viele Nutzer sind \u2013 verst\u00e4ndlicherweise \u2013 etwas frustriert mit den Verbesserungsvorschl\u00e4gen. Die Formulierung ist f\u00fcr &#8220;normale Menschen&#8221; nicht sehr verst\u00e4ndlich.<\/p>\n<h2>Pro Tipp<\/h2>\n<h3>Teste die Mitbewerber<\/h3>\n<p>SEO ist ein Konkurrenz-Kampf. Meine Website muss nicht perfekt sein, sondern einfach besser und relevanter als die Websites der Konkurrenz.<\/p>\n<p>Teste die Websites deiner Konkurrenz. <strong>L\u00e4dt deine Website schneller?<\/strong><\/p>\n<h2>Was tun, wenn die Website zu langsam ist?<\/h2>\n<p>Ich werde euch in zuk\u00fcnftigen Beitr\u00e4gen Tipps geben und einige Plugins vorstellen, die diese Arbeit erleichtern. Hier hilft es, wenn man Techie ist, es ist aber auch f\u00fcr andere relativ einfach m\u00f6glich, die Website sp\u00fcrbar zu optimieren.<\/p>\n<p>F\u00fcr die Zwischenzeit gebe ich euch hier schon mal ein paar Stichworte mit:<\/p>\n<ul>\n<li>Kleinere Bilddimensionen (Breite und H\u00f6he in Pixel)<\/li>\n<li><a href=\"https:\/\/www.walterlernt.ch\/podcast\/jpg-png-gif-svg\/\">Korrektes Bildformat (JPG, PNG, GIF, SVG, &#8230;)<\/a><\/li>\n<li>Weniger Bilder<\/li>\n<li><a href=\"https:\/\/www.walterlernt.ch\/podcast\/onepager-slider-carousel-infinite-scroll\/\">Kein Slider<\/a><\/li>\n<li><a href=\"https:\/\/www.walterlernt.ch\/2017\/06\/17\/web-hosting-schweiz\/\">Gutes Hosting<\/a><\/li>\n<li>Caching<\/li>\n<li>Gute Plugins und Themes verwenden<\/li>\n<li>Aktuelle PHP-Version (Stand\u00a011.10.2017: PHP 7)<\/li>\n<\/ul>\n<h2>Kurs-Tipp: WordPress Aufbau<\/h2>\n<p>M\u00f6chtest du einen Schritt weiter kommen?\u00a0Im WordPress Aufbaukurs behandeln wir diese Themen:<\/p>\n<ul>\n<li>Mehr Besucher dank Suchmaschinen-Optimierung (SEO)<\/li>\n<li>Mehr Verk\u00e4ufe dank Content Strategy<\/li>\n<li>Bessere Benutzerfreundlichkeit: Usability<\/li>\n<li>WordPress schneller und sicherer<\/li>\n<\/ul>\n<p>Eine Website, die auf diesen Ebenen optimiert ist, bringt messbar mehr Erfolg.<\/p>\n<p>\t\t<a href=\"https:\/\/www.walterlernt.ch\/wordpress\/aufbau\" target=\"_self\" role=\"button\" rel=\"noopener\"><br \/>\n\t\t\t\t\t\tDetails und Anmeldung<br \/>\n\t\t<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Google mag schnelle Websites. Mit erh\u00f6hter Performance steigt auch der Erfolg bei den Suchmaschinen. Wie schnell ist schnell genug?<\/p>\n","protected":false},"author":1,"featured_media":83186,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[265,263],"tags":[211,27,28,20],"class_list":["post-9017","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-marketing-sichtbarkeit","category-wordpress-webdesign","tag-performance","tag-technik","tag-tools","tag-websites-und-technik"],"_links":{"self":[{"href":"https:\/\/walterlernt.ch\/blog\/wp-json\/wp\/v2\/posts\/9017","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/walterlernt.ch\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/walterlernt.ch\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/walterlernt.ch\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/walterlernt.ch\/blog\/wp-json\/wp\/v2\/comments?post=9017"}],"version-history":[{"count":0,"href":"https:\/\/walterlernt.ch\/blog\/wp-json\/wp\/v2\/posts\/9017\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/walterlernt.ch\/blog\/wp-json\/wp\/v2\/media\/83186"}],"wp:attachment":[{"href":"https:\/\/walterlernt.ch\/blog\/wp-json\/wp\/v2\/media?parent=9017"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/walterlernt.ch\/blog\/wp-json\/wp\/v2\/categories?post=9017"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/walterlernt.ch\/blog\/wp-json\/wp\/v2\/tags?post=9017"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}