{"action":"created","issue":{"url":"https://api.github.com/repos/ResponsiveImagesCG/wp-tevko-responsive-images/issues/20","labels_url":"https://api.github.com/repos/ResponsiveImagesCG/wp-tevko-responsive-images/issues/20/labels{/name}","comments_url":"https://api.github.com/repos/ResponsiveImagesCG/wp-tevko-responsive-images/issues/20/comments","events_url":"https://api.github.com/repos/ResponsiveImagesCG/wp-tevko-responsive-images/issues/20/events","html_url":"https://github.com/ResponsiveImagesCG/wp-tevko-responsive-images/issues/20","id":55133845,"number":20,"title":"Add lazyloading","user":{"login":"oskarrough","id":184567,"avatar_url":"https://avatars.githubusercontent.com/u/184567?v=3","gravatar_id":"","url":"https://api.github.com/users/oskarrough","html_url":"https://github.com/oskarrough","followers_url":"https://api.github.com/users/oskarrough/followers","following_url":"https://api.github.com/users/oskarrough/following{/other_user}","gists_url":"https://api.github.com/users/oskarrough/gists{/gist_id}","starred_url":"https://api.github.com/users/oskarrough/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/oskarrough/subscriptions","organizations_url":"https://api.github.com/users/oskarrough/orgs","repos_url":"https://api.github.com/users/oskarrough/repos","events_url":"https://api.github.com/users/oskarrough/events{/privacy}","received_events_url":"https://api.github.com/users/oskarrough/received_events","type":"User","site_admin":false},"labels":[],"state":"closed","locked":false,"assignee":null,"milestone":null,"comments":2,"created_at":"2015-01-22T09:54:47Z","updated_at":"2015-01-22T13:29:55Z","closed_at":"2015-01-22T13:29:22Z","body":"Would you be open to include an option to lazy load images? Basically it would require these changes:\r\n\r\n- add `class=\"lazyload\"`\r\n- change `src` to `data-src`\r\n- set `sizes=\"auto\"`\r\n- include https://github.com/aFarkas/lazysizes script\r\n- option to switch picturefill for https://github.com/afarkas/respimage (not sure whether this is needed)\r\n\r\nping @afarkas"},"comment":{"url":"https://api.github.com/repos/ResponsiveImagesCG/wp-tevko-responsive-images/issues/comments/71019895","html_url":"https://github.com/ResponsiveImagesCG/wp-tevko-responsive-images/issues/20#issuecomment-71019895","issue_url":"https://api.github.com/repos/ResponsiveImagesCG/wp-tevko-responsive-images/issues/20","id":71019895,"user":{"login":"aFarkas","id":188254,"avatar_url":"https://avatars.githubusercontent.com/u/188254?v=3","gravatar_id":"","url":"https://api.github.com/users/aFarkas","html_url":"https://github.com/aFarkas","followers_url":"https://api.github.com/users/aFarkas/followers","following_url":"https://api.github.com/users/aFarkas/following{/other_user}","gists_url":"https://api.github.com/users/aFarkas/gists{/gist_id}","starred_url":"https://api.github.com/users/aFarkas/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/aFarkas/subscriptions","organizations_url":"https://api.github.com/users/aFarkas/orgs","repos_url":"https://api.github.com/users/aFarkas/repos","events_url":"https://api.github.com/users/aFarkas/events{/privacy}","received_events_url":"https://api.github.com/users/aFarkas/received_events","type":"User","site_admin":false},"created_at":"2015-01-22T13:29:55Z","updated_at":"2015-01-22T13:29:55Z","body":"Lazyloading and/or automatic sizes calculation would be indeed nice. I think especially the automatic sizes calculation would be nice. Some notes to the above:\r\n\r\n* it should be ``data-sizes=\"auto\"`` not ``sizes=\"auto\"``\r\n* a switch from picturefill to respimage is not needed (respimage is only needed in case you want to also use [the optimumx extension](https://github.com/aFarkas/lazysizes/tree/gh-pages/plugins/optimumx), because picturefill has no API to re-parse the ``srcset`` attribute in Safari)\r\n\r\nSomething in general it would be also nice to have those scripts as last async scripts in the head instead of bottom of body.\r\n\r\nAnother nice to have feature would be an option so that wp automatically renders the markup for [intrinsic ratio including the padding-bottom/padding-top value](http://www.mademyday.de/css-height-equals-width-with-pure-css.html)."}}