{"action":"opened","issue":{"url":"https://api.github.com/repos/cloudinary/cloudinary-react/issues/20","repository_url":"https://api.github.com/repos/cloudinary/cloudinary-react","labels_url":"https://api.github.com/repos/cloudinary/cloudinary-react/issues/20/labels{/name}","comments_url":"https://api.github.com/repos/cloudinary/cloudinary-react/issues/20/comments","events_url":"https://api.github.com/repos/cloudinary/cloudinary-react/issues/20/events","html_url":"https://github.com/cloudinary/cloudinary-react/issues/20","id":231332625,"number":20,"title":"Images blocking rendering","user":{"login":"slackday","id":154369,"avatar_url":"https://avatars2.githubusercontent.com/u/154369?v=3","gravatar_id":"","url":"https://api.github.com/users/slackday","html_url":"https://github.com/slackday","followers_url":"https://api.github.com/users/slackday/followers","following_url":"https://api.github.com/users/slackday/following{/other_user}","gists_url":"https://api.github.com/users/slackday/gists{/gist_id}","starred_url":"https://api.github.com/users/slackday/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/slackday/subscriptions","organizations_url":"https://api.github.com/users/slackday/orgs","repos_url":"https://api.github.com/users/slackday/repos","events_url":"https://api.github.com/users/slackday/events{/privacy}","received_events_url":"https://api.github.com/users/slackday/received_events","type":"User","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":null,"assignees":[],"milestone":null,"comments":0,"created_at":"2017-05-25T12:59:02Z","updated_at":"2017-05-25T12:59:02Z","closed_at":null,"body":"I have found another issue when testing these components some more. Each `<Image>` `<Transformation>` component is blocking the rendering of whole app.\r\n\r\nEach image add about 120-300ms when testing. This means that having around 16 images on a single page adds between 3-5 seconds of page loading.\r\n\r\nI can't find the exact cause but from a quick look it seems to be related to calculating the imagesize and URL.\r\n\r\n![screen shot 2017-05-25 at 14 41 07](https://cloud.githubusercontent.com/assets/154369/26451009/6e7a822e-415a-11e7-855a-cfae3d1fe46b.png)\r\n\r\nAnd this happens every time the components are loaded. \r\n\r\nFor example if I have 16 images on start page\r\n\r\nStart page (+5sec blocked loading) -> Click on subpage (loads fast no images) -> Click back to start page (16 images already downloaded but page freezes for 5 sec anyway).\r\n\r\nThis makes `cloudinary-react` unusable at the moment.\r\n"}}
{"actor":{"display_login":"slackday"}}