{"id":10194,"date":"2019-01-26T11:13:56","date_gmt":"2019-01-26T10:13:56","guid":{"rendered":"https:\/\/waltersblog.ch\/2019\/01\/26\/lazy-load-wordpress\/"},"modified":"2019-01-26T11:13:56","modified_gmt":"2019-01-26T10:13:56","slug":"lazy-load-wordpress","status":"publish","type":"post","link":"https:\/\/walterlernt.ch\/blog\/lazy-load-wordpress\/","title":{"rendered":"Lazy Load \u2013 brauche ich das?"},"content":{"rendered":"\n<h2 class=\"wp-block-heading\">Die empfundene Ladegeschwindigkeit deutlich erh\u00f6hen<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Viele Websites laden zu langsam. Niemand mag das. Weder die Besucher, noch die Suchmaschinen. Schuldig sind oft die Bilder. Bilder im falschen Format, falsch oder gar nicht komprimiert.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Wie kann ich verhindern, dass Website-Besucher meine Website verlassen, weil sie die Geduld beim Laden verloren haben?<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Lazy Load k\u00f6nnte hier behilflich sein. Besonders wer viele Bilder hat kann davon profitieren.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Was ist Lazy Load?<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Wenn jemand deine Website besucht, werden mit Lazy Load im Einsatz nur die Bilder \u00fcber dem Fold \u2013 also die Bilder, die ohne zu scrollen sichtbar sein sollten \u2013 geladen. Die restlichen Bilder auf der Seite werden erst heruntergeladen, wenn sie auf dem Bildschirm des Benutzers sichtbar werden.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Je mehr Bilder &#8220;weiter unten&#8221; im Content eingebunden sind, umso mehr Wirkung zeigt die Lazy Load Technik.<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Vielleicht kennst du den Effekt, dass wenn du auf einer Website herunter scrollst, zuerst <strong>unscharfe Platzhalter<\/strong> erscheinen, dann erst das Bild in voller Sch\u00e4rfe. Dank den unscharfen Platzhaltern wissen die Besucher, dass hier ein Bild erscheinen wird.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Dank dieser Technik wird die empfundene Ladezeit im besten Fall massiv optimiert.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/walterlernt.ch\/blog\/wp-content\/uploads\/2022\/08\/lazyloadwordpress-1024x320.jpg\" alt=\"Lazy Load WordPress Plugin\" class=\"wp-image-10203\"\/><figcaption>Lazy Load f\u00fcr WordPress verbessert die empfundene Ladegeschwindigkeit<\/figcaption><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Wie installiere ich Lazy Load?<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Dazu gibt es ein Plugin! Die Standard-Antwort, die WordPress-Benutzer so gut kennen, gilt auch hier. Schau mal bei den kostenlosen Plugins rein, es gibt <a href=\"https:\/\/wordpress.org\/plugins\/search\/lazy+load\/\" target=\"_blank\" rel=\"noopener\">viele Lazy Load Plugins<\/a>. W\u00e4hle ein Aktuelles!<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Es braucht in der Regel keine Konfiguration, nur ein Aktivieren.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Hast du schon Performance-Plugins im Einsatz?<\/h2>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/walterlernt.ch\/blog\/wp-content\/uploads\/2022\/08\/wp-rocket-1024x399.png\" alt=\"WP Rocket, WordPress Plugin\" class=\"wp-image-10205\"\/><figcaption>WP Rocket Einstellungen zu Lazy Load<\/figcaption><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Vielleicht bist du schon fast am Ziel! Wenn du <a href=\"https:\/\/wp-rocket.me\" target=\"_blank\" rel=\"noopener\">WP Rocket<\/a> oder \u00e4hnliche Performance-Optimierungen im Einsatz hast, dann hast du m\u00f6glicherweise die Lazy Load Funktion bereits in einem dieser Plugins integriert. Vielleicht brauchst du nur noch einen Haken zu setzen\u2026<\/p>\n\n\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Vielleicht braucht es nur ein paar Klicks und deine Website l\u00e4dt sp\u00fcrbar schneller. Ist es dir das wert?<\/p>\n","protected":false},"author":1,"featured_media":83199,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[265,263],"tags":[219,221,211],"class_list":["post-10194","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-marketing-sichtbarkeit","category-wordpress-webdesign","tag-bilder","tag-lazy-load","tag-performance"],"_links":{"self":[{"href":"https:\/\/walterlernt.ch\/blog\/wp-json\/wp\/v2\/posts\/10194","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=10194"}],"version-history":[{"count":0,"href":"https:\/\/walterlernt.ch\/blog\/wp-json\/wp\/v2\/posts\/10194\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/walterlernt.ch\/blog\/wp-json\/wp\/v2\/media\/83199"}],"wp:attachment":[{"href":"https:\/\/walterlernt.ch\/blog\/wp-json\/wp\/v2\/media?parent=10194"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/walterlernt.ch\/blog\/wp-json\/wp\/v2\/categories?post=10194"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/walterlernt.ch\/blog\/wp-json\/wp\/v2\/tags?post=10194"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}