{"action":"created","issue":{"url":"https://api.github.com/repos/owncloud/core/issues/15531","labels_url":"https://api.github.com/repos/owncloud/core/issues/15531/labels{/name}","comments_url":"https://api.github.com/repos/owncloud/core/issues/15531/comments","events_url":"https://api.github.com/repos/owncloud/core/issues/15531/events","html_url":"https://github.com/owncloud/core/issues/15531","id":67563884,"number":15531,"title":"Optimize load times of images & icons","user":{"login":"jancborchardt","id":925062,"avatar_url":"https://avatars.githubusercontent.com/u/925062?v=3","gravatar_id":"","url":"https://api.github.com/users/jancborchardt","html_url":"https://github.com/jancborchardt","followers_url":"https://api.github.com/users/jancborchardt/followers","following_url":"https://api.github.com/users/jancborchardt/following{/other_user}","gists_url":"https://api.github.com/users/jancborchardt/gists{/gist_id}","starred_url":"https://api.github.com/users/jancborchardt/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/jancborchardt/subscriptions","organizations_url":"https://api.github.com/users/jancborchardt/orgs","repos_url":"https://api.github.com/users/jancborchardt/repos","events_url":"https://api.github.com/users/jancborchardt/events{/privacy}","received_events_url":"https://api.github.com/users/jancborchardt/received_events","type":"User","site_admin":false},"labels":[{"url":"https://api.github.com/repos/owncloud/core/labels/1%20-%20To%20develop","name":"1 - To develop","color":"ededed"},{"url":"https://api.github.com/repos/owncloud/core/labels/design","name":"design","color":"cc317c"},{"url":"https://api.github.com/repos/owncloud/core/labels/enhancement","name":"enhancement","color":"02e10c"},{"url":"https://api.github.com/repos/owncloud/core/labels/junior%20job","name":"junior job","color":"d7e102"}],"state":"open","locked":false,"assignee":null,"milestone":{"url":"https://api.github.com/repos/owncloud/core/milestones/11","html_url":"https://github.com/owncloud/core/milestones/backlog","labels_url":"https://api.github.com/repos/owncloud/core/milestones/11/labels","id":697149,"number":11,"title":"backlog","description":"","creator":{"login":"MTRichards","id":1818977,"avatar_url":"https://avatars.githubusercontent.com/u/1818977?v=3","gravatar_id":"","url":"https://api.github.com/users/MTRichards","html_url":"https://github.com/MTRichards","followers_url":"https://api.github.com/users/MTRichards/followers","following_url":"https://api.github.com/users/MTRichards/following{/other_user}","gists_url":"https://api.github.com/users/MTRichards/gists{/gist_id}","starred_url":"https://api.github.com/users/MTRichards/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/MTRichards/subscriptions","organizations_url":"https://api.github.com/users/MTRichards/orgs","repos_url":"https://api.github.com/users/MTRichards/repos","events_url":"https://api.github.com/users/MTRichards/events{/privacy}","received_events_url":"https://api.github.com/users/MTRichards/received_events","type":"User","site_admin":false},"open_issues":589,"closed_issues":2,"state":"open","created_at":"2014-06-20T19:52:03Z","updated_at":"2015-05-26T13:33:40Z","due_on":null,"closed_at":null},"comments":14,"created_at":"2015-04-10T10:31:28Z","updated_at":"2015-05-26T23:15:38Z","closed_at":null,"body":"It would be good to reduce the number of HTTP requests necessary to load the icons. Currently every icon is its own file.\r\n\r\nWe could and should optimize that by putting the SVG and PNG icons into a sprite. We can use http://iconizr.com for that.\r\n\r\ncc @owncloud/designers "},"comment":{"url":"https://api.github.com/repos/owncloud/core/issues/comments/105694501","html_url":"https://github.com/owncloud/core/issues/15531#issuecomment-105694501","issue_url":"https://api.github.com/repos/owncloud/core/issues/15531","id":105694501,"user":{"login":"Henni","id":1267827,"avatar_url":"https://avatars.githubusercontent.com/u/1267827?v=3","gravatar_id":"","url":"https://api.github.com/users/Henni","html_url":"https://github.com/Henni","followers_url":"https://api.github.com/users/Henni/followers","following_url":"https://api.github.com/users/Henni/following{/other_user}","gists_url":"https://api.github.com/users/Henni/gists{/gist_id}","starred_url":"https://api.github.com/users/Henni/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/Henni/subscriptions","organizations_url":"https://api.github.com/users/Henni/orgs","repos_url":"https://api.github.com/users/Henni/repos","events_url":"https://api.github.com/users/Henni/events{/privacy}","received_events_url":"https://api.github.com/users/Henni/received_events","type":"User","site_admin":false},"created_at":"2015-05-26T23:15:38Z","updated_at":"2015-05-26T23:15:38Z","body":"@jancborchardt are you actually able to crop with background-size? I thought that only scaling is possible.\r\n\r\nI'm just not sure whether image sprites may become a bad practice as soon as we have the capabilities of HTTP/2. I definitely see the current performance improvements by sprites but I don't think that this is worth the extra workarounds when you want to use the icons in different settings.\r\n\r\nFor example the star icon could be used in the navigation and in another place as a button to mark a task. In the navigation it would be used as a background-image from the sprite while for a button it should be embedded in the html as an image tag for accessibility. This may lead to two separate requests for the same image therefore canceling the effect of the image sprite."}}