{"id":677,"date":"2012-09-17T13:46:16","date_gmt":"2012-09-17T12:46:16","guid":{"rendered":"https:\/\/www.kolja-engelmann.de\/blog\/?p=677"},"modified":"2012-09-17T13:49:09","modified_gmt":"2012-09-17T12:49:09","slug":"lazy-loading-fur-wordpress","status":"publish","type":"post","link":"https:\/\/www.kolja-engelmann.de\/blog\/2012\/09\/lazy-loading-fur-wordpress\/","title":{"rendered":"Lazy Loading f\u00fcr WordPress"},"content":{"rendered":"<p>Es mag ein alter Hut f\u00fcr Softwareentwickler sein, aber Lazy Loading ist auch eine tolle M\u00f6glichkeit ein bildintensives Blog etwas zu beschleunigen. <a href=\"http:\/\/en.wikipedia.org\/wiki\/Lazy_loading\" target=\"_blank\">Lazy Loading<\/a>\u00a0 ist ein Entwurfsmuster der Softwareentwicklung, das bei korrekter Anwendung Objekte erst dann instanziiert oder Bibliotheken l\u00e4d, wenn sie tats\u00e4chlich ben\u00f6tigt werden und kann dadurch die Effizienz eines Programms erh\u00f6hen. Auf WordPress bezogen bedeutet dies, dass ein Bild erst dann geladen wird, sobald es in den Viewport , also den sichtbaren Bereich des Browsers, gelangt.<\/p>\n<pre class=\"lang:default decode:true\" title=\"So in etwa muss man sich die Funktionsweise von Lazyload vorstellen\">&lt;img src=\"blank.gif\" data-original=\"blubb.jpg\" width=\"640\" heigh=\"480\"&gt;\r\n\r\n$(document).ready(function(){\r\n    $(\"img\").lazyload();\r\n});<\/pre>\n<p>Im WordPress Plugin Verzeichnis stehen f\u00fcr das Lazy Loading mehrere Plugins bereit, jedoch scheint nur <a href=\"http:\/\/wordpress.org\/extend\/plugins\/lazy-load\/\" target=\"_blank\">Lazy Load<\/a>\u00a0 momentan aktiv entwickelt zu werden und mit der aktuellen WordPress Version 3.4.2 explizit kompatibel zu sein.<\/p>\n<p>Ein tolles Plugin, das ich schon auf mehreren Seiten unbewusst bewundert hatte, auf das ich aber erst durch ein paar Folien auf <a href=\"http:\/\/www.der-schepp.de\/wpo-slides-sept-2012\/#57\" target=\"_blank\">der-schepp.de<\/a> wirklich aufmerksam wurde. Jetzt l\u00e4uft es auch bei mir \ud83d\ude42<\/p>","protected":false},"excerpt":{"rendered":"<p>Es mag ein alter Hut f\u00fcr Softwareentwickler sein, aber Lazy Loading ist auch eine tolle M\u00f6glichkeit ein bildintensives Blog etwas zu beschleunigen. Lazy Loading\u00a0 ist ein Entwurfsmuster der Softwareentwicklung, das bei korrekter Anwendung Objekte erst&#46;&#46;&#46;<\/p>\n","protected":false},"author":1,"featured_media":558,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[1],"tags":[51,60,53],"class_list":["post-677","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-allgemein","tag-html","tag-javascript","tag-wordpress"],"jetpack_featured_media_url":"https:\/\/www.kolja-engelmann.de\/blog\/wp-content\/uploads\/2012\/08\/stock_html.jpg","jetpack_sharing_enabled":true,"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/www.kolja-engelmann.de\/blog\/wp-json\/wp\/v2\/posts\/677","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.kolja-engelmann.de\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.kolja-engelmann.de\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.kolja-engelmann.de\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.kolja-engelmann.de\/blog\/wp-json\/wp\/v2\/comments?post=677"}],"version-history":[{"count":0,"href":"https:\/\/www.kolja-engelmann.de\/blog\/wp-json\/wp\/v2\/posts\/677\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.kolja-engelmann.de\/blog\/wp-json\/wp\/v2\/media\/558"}],"wp:attachment":[{"href":"https:\/\/www.kolja-engelmann.de\/blog\/wp-json\/wp\/v2\/media?parent=677"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.kolja-engelmann.de\/blog\/wp-json\/wp\/v2\/categories?post=677"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.kolja-engelmann.de\/blog\/wp-json\/wp\/v2\/tags?post=677"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}