{"action":"closed","issue":{"url":"https://api.github.com/repos/ampproject/amphtml/issues/1829","repository_url":"https://api.github.com/repos/ampproject/amphtml","labels_url":"https://api.github.com/repos/ampproject/amphtml/issues/1829/labels{/name}","comments_url":"https://api.github.com/repos/ampproject/amphtml/issues/1829/comments","events_url":"https://api.github.com/repos/ampproject/amphtml/issues/1829/events","html_url":"https://github.com/ampproject/amphtml/issues/1829","id":132010707,"number":1829,"title":"Introduce a visual indicator that there's content to be lazy loaded","user":{"login":"MadaraUchiha","id":1188951,"avatar_url":"https://avatars.githubusercontent.com/u/1188951?v=3","gravatar_id":"","url":"https://api.github.com/users/MadaraUchiha","html_url":"https://github.com/MadaraUchiha","followers_url":"https://api.github.com/users/MadaraUchiha/followers","following_url":"https://api.github.com/users/MadaraUchiha/following{/other_user}","gists_url":"https://api.github.com/users/MadaraUchiha/gists{/gist_id}","starred_url":"https://api.github.com/users/MadaraUchiha/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/MadaraUchiha/subscriptions","organizations_url":"https://api.github.com/users/MadaraUchiha/orgs","repos_url":"https://api.github.com/users/MadaraUchiha/repos","events_url":"https://api.github.com/users/MadaraUchiha/events{/privacy}","received_events_url":"https://api.github.com/users/MadaraUchiha/received_events","type":"User","site_admin":false},"labels":[{"url":"https://api.github.com/repos/ampproject/amphtml/labels/Related%20to:%20Content","name":"Related to: Content","color":"d4c5f9"},{"url":"https://api.github.com/repos/ampproject/amphtml/labels/Type:%20Enhancement","name":"Type: Enhancement","color":"fef2c0"},{"url":"https://api.github.com/repos/ampproject/amphtml/labels/Type:%20Request","name":"Type: Request","color":"207de5"}],"state":"closed","locked":false,"assignee":null,"milestone":{"url":"https://api.github.com/repos/ampproject/amphtml/milestones/3","html_url":"https://github.com/ampproject/amphtml/milestones/M2","labels_url":"https://api.github.com/repos/ampproject/amphtml/milestones/3/labels","id":1537239,"number":3,"title":"M2","description":"","creator":{"login":"rudygalfi","id":3888212,"avatar_url":"https://avatars.githubusercontent.com/u/3888212?v=3","gravatar_id":"","url":"https://api.github.com/users/rudygalfi","html_url":"https://github.com/rudygalfi","followers_url":"https://api.github.com/users/rudygalfi/followers","following_url":"https://api.github.com/users/rudygalfi/following{/other_user}","gists_url":"https://api.github.com/users/rudygalfi/gists{/gist_id}","starred_url":"https://api.github.com/users/rudygalfi/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/rudygalfi/subscriptions","organizations_url":"https://api.github.com/users/rudygalfi/orgs","repos_url":"https://api.github.com/users/rudygalfi/repos","events_url":"https://api.github.com/users/rudygalfi/events{/privacy}","received_events_url":"https://api.github.com/users/rudygalfi/received_events","type":"User","site_admin":false},"open_issues":121,"closed_issues":3,"state":"open","created_at":"2016-01-22T23:51:19Z","updated_at":"2016-02-09T23:21:55Z","due_on":null,"closed_at":null},"comments":2,"created_at":"2016-02-07T20:51:32Z","updated_at":"2016-02-09T23:21:55Z","closed_at":"2016-02-09T23:21:55Z","body":"In the case of `<amp-ad>` and `<amp-embed>`, (and probably most other lazy-loaded elements) it's not possible to provide some sort of visual indication that there's something that's supposed to go into the space. \r\n\r\nIn the case of bad data connectivity or signal, ads, embeds, images, etc can take a longer time to load, and since they're loaded lazily (and rightly so), it could make the perceived performance of the page worse (because there's a blank, potentially large, square where content is supposed to be, and there's no indication that something should be there).\r\n\r\nI've read the argument that at least in the case of `amp-img` one may elect to use a `background-color` but that doesn't hold when transparent `.png` (or :fearful: `.gif`) images are in play. As it would affect how those images look after they're loaded and rendered.\r\n\r\nI'm proposing to think about some sort of visual indicator (I'm thinking about a simple spinner in a data URI, but you guys are probably smarter than I am) that would tell the user that something is, in fact, queued to be rendered in the blank square he's looking at. \r\n\r\nMaybe something like\r\n```html\r\n<amp-embed\r\n  <!-- snip -->\r\n  hide-spinner <!-- enabled by default? TBD -->\r\n/>\r\n```\r\n\r\nOr even\r\n```html\r\n<amp-embed <!-- attributes --> >\r\n  <amp-spinner />\r\n</amp-embed>\r\n```\r\n\r\nWhat do you think? Is this worth thinking about? Are there plans for this or was it ever discusseed before (I didn't find anything from a search).\r\n\r\n----\r\n\r\nIs this option available already under a different name? Looking at the docs/examples I couldn't find anything."}}