Roll20 uses cookies to improve your experience on our site. Cookies enable you to enjoy certain features, social sharing functionality, and tailor message and display ads to your interests on our site and others. They also help us understand how our site is being used. By continuing to use our site, you consent to our use of cookies. Update your cookie preferences .
×
Create a free account

Very slow image loading

First of all - I want to apologise for any mistakes. English is not my native language. I tried looking into forums, but didn't find solution. Not so long ago(in Tuesday of last week) images at Roll20 started loading very very slowly, and maps, if they load(that doesn't happen all the time), are looking blurry. I can't attach screenshot, because it can't load. I tried steps 1-3 from technical issues guide, and images loaded normally after I temporarily disabled my firewall. But in Sunday evening problem returned(and I didn't reload Roll20, it worked fine early), and this time little trick with firewall didn't worked. Today, about 3 hours ago, images again loaded normally, but my happiness was not so long... All other elements aside from images of Roll20(not only in campaign) are working perfectly, and I suspect that I have troubles with connection with image server. Other sites working fine and other people don't have this issue. Settings: 1. Browser - Google Chrome(I tried in Mozilla too) 2. Browser version - 85.0.4183.83 3. OS - Windows 7 4. Javascript - enabled 5. Antivirus - Avast 6. List of extensions - Adblock+(already tried to disable) Console log: Refused to execute inline script because it violates the following Content Security Policy directive: "script-src 'self' 'unsafe-eval' 'sha256-dm6tOb8rwEmENe5+ec26sQvlH6Xd1CBZ7IvtZ4kJ1og=' 'sha256-jlxVUPsj/qdPM120UwbjpC4Tw7dq+obb7SYUV+lSfrI=' 'nonce-8Gb1x5ZE9Ig4NmOB' <a href="http://cdn.inspectlet.com" rel="nofollow">http://cdn.inspectlet.com</a> https://*.googlesyndication.com https://*.doubleclick.net <a href="https://partner.googleadservices.com" rel="nofollow">https://partner.googleadservices.com</a> <a href="https://www.googletagservices.com" rel="nofollow">https://www.googletagservices.com</a> <a href="https://ssl.google-analytics.com" rel="nofollow">https://ssl.google-analytics.com</a> <a href="https://www.google-analytics.com" rel="nofollow">https://www.google-analytics.com</a> <a href="https://ajax.googleapis.com" rel="nofollow">https://ajax.googleapis.com</a> <a href="http://ajax.googleapis.com" rel="nofollow">http://ajax.googleapis.com</a> <a href="https://d3clqjduf2gvxg.cloudfront.net" rel="nofollow">https://d3clqjduf2gvxg.cloudfront.net</a> <a href="https://cdn.firebase.com" rel="nofollow">https://cdn.firebase.com</a> https://*.firebaseio.com https://*.tokbox.com https://*.opentok.com <a href="http://static.opentok.com" rel="nofollow">http://static.opentok.com</a> <a href="http://www.google-analytics.com" rel="nofollow">http://www.google-analytics.com</a> <a href="http://cdn.crowdin.com" rel="nofollow">http://cdn.crowdin.com</a> <a href="https://crowdin.com" rel="nofollow">https://crowdin.com</a> <a href="http://stun.l.google.com" rel="nofollow">http://stun.l.google.com</a> *.sentry-cdn.com". Either the 'unsafe-inline' keyword, a hash ('sha256-pTNkp50U6tVf8FuQzTMh762+Nza6SP/j648+XWvdL+s='), or a nonce ('nonce-...') is required to enable inline execution. jquery.migrate.js:20 JQMIGRATE: Logging is active app.roll20.net/:15 CAMPAIGN ID: 8201639 (index):325 Logged in - checking Account GDPR status: true app.js?1598975515:552 70 app.js?1598975515:553 Custom Sheet Translation app.js?1598975515:558 TOUCH SUPPORTED: false app.js?1598975515:558 USING WEBGL ACCELERATION... app.js?1598975515:558 WEBGL STARTUP SUCCESS app.js?1598975515:576 Loading Custom character sheet. app.js?1598975515:576 Including compendium template css. tutorial_tips.js:7 tuts loaded (index):1 [DOM] Found 3 elements with non-unique id #0: (More info: <a href="https://goo.gl/9p2vKq" rel="nofollow">https://goo.gl/9p2vKq</a>) &lt;input class=​"filter-search_filter-value filtername" data-filter-num=​"name" data-match-type=​"Any" id=​"0" name=​"Name" type=​"text" value&gt;​ &lt;select aria-selected=​"true" class=​"chosen filter-search_filter-value" data-filter-num=​"0" data-match-type=​"Any" id=​"0" multiple name=​"expansion"&gt;​…​&lt;/select&gt;​ &lt;input class=​"filter-search_filter-value filtername" data-filter-num=​"name" data-match-type=​"Any" id=​"0" name=​"Name" type=​"text" value&gt;​ (index):1 [DOM] Found 3 elements with non-unique id #1: (More info: <a href="https://goo.gl/9p2vKq" rel="nofollow">https://goo.gl/9p2vKq</a>) &lt;select name=​"Level[]​" id=​"1" class=​"chosen filter-search_filter-value multiselect" multiple=​"multiple" aria-selected=​"true" data-filter-num=​"1" data-match-type=​"Any" placeholder=​"Select Some Options"&gt;​…​&lt;/select&gt;​ &lt;select name=​"Item Type[]​" id=​"1" class=​"chosen filter-search_filter-value multiselect" multiple=​"multiple" aria-selected=​"true" data-filter-num=​"1" data-match-type=​"Exact" placeholder=​"Select Some Options"&gt;​…​&lt;/select&gt;​ &lt;select name=​"Alignment[]​" id=​"1" class=​"chosen filter-search_filter-value multiselect" multiple=​"multiple" aria-selected=​"true" data-filter-num=​"1" data-match-type=​"Any" placeholder=​"Select Some Options"&gt;​…​&lt;/select&gt;​ (index):1 [DOM] Found 2 elements with non-unique id #2: (More info: <a href="https://goo.gl/9p2vKq" rel="nofollow">https://goo.gl/9p2vKq</a>) &lt;select name=​"Classes[]​" id=​"2" class=​"chosen filter-search_filter-value multiselect" multiple=​"multiple" aria-selected=​"true" data-filter-num=​"2" data-match-type=​"Any" placeholder=​"Select Some Options"&gt;​…​&lt;/select&gt;​ &lt;input class=​"filter-search_filter-value" data-filter-num=​"2" data-match-type=​"Any" id=​"2" name=​"Speed" type=​"text" value&gt;​ (index):1 [DOM] Found 2 elements with non-unique id #3: (More info: <a href="https://goo.gl/9p2vKq" rel="nofollow">https://goo.gl/9p2vKq</a>) &lt;select name=​"School[]​" id=​"3" class=​"chosen filter-search_filter-value multiselect" multiple=​"multiple" aria-selected=​"true" data-filter-num=​"3" data-match-type=​"Any" placeholder=​"Select Some Options"&gt;​…​&lt;/select&gt;​ &lt;select name=​"Type[]​" id=​"3" class=​"chosen filter-search_filter-value multiselect" multiple=​"multiple" aria-selected=​"true" data-filter-num=​"3" data-match-type=​"Any" placeholder=​"Select Some Options"&gt;​…​&lt;/select&gt;​ (index):1 [DOM] Found 2 elements with non-unique id #6: (More info: <a href="https://goo.gl/9p2vKq" rel="nofollow">https://goo.gl/9p2vKq</a>) &lt;select name=​"Casting Time[]​" id=​"6" class=​"chosen filter-search_filter-value multiselect" multiple=​"multiple" aria-selected=​"true" data-filter-num=​"6" data-match-type=​"Any" placeholder=​"Select Some Options"&gt;​…​&lt;/select&gt;​ &lt;select name=​"Languages[]​" id=​"6" class=​"chosen filter-search_filter-value multiselect" multiple=​"multiple" aria-selected=​"true" data-filter-num=​"6" data-match-type=​"Any" placeholder=​"Select Some Options"&gt;​…​&lt;/select&gt;​ (index):1 [DOM] Found 2 elements with non-unique id #7: (More info: <a href="https://goo.gl/9p2vKq" rel="nofollow">https://goo.gl/9p2vKq</a>) &lt;select name=​"Range[]​" id=​"7" class=​"chosen filter-search_filter-value multiselect" multiple=​"multiple" aria-selected=​"true" data-filter-num=​"7" data-match-type=​"Any" placeholder=​"Select Some Options"&gt;​…​&lt;/select&gt;​ &lt;select aria-selected=​"true" class=​"chosen filter-search_filter-value" data-filter-num=​"7" data-match-type=​"Any" id=​"7" multiple name=​"expansion"&gt;​…​&lt;/select&gt;​ (index):417 Refused to load the script '<a href="https://js-agent.newrelic.com/nr-1167.min.js" rel="nofollow">https://js-agent.newrelic.com/nr-1167.min.js</a>' because it violates the following Content Security Policy directive: "script-src 'self' 'unsafe-eval' 'sha256-dm6tOb8rwEmENe5+ec26sQvlH6Xd1CBZ7IvtZ4kJ1og=' 'sha256-jlxVUPsj/qdPM120UwbjpC4Tw7dq+obb7SYUV+lSfrI=' 'nonce-8Gb1x5ZE9Ig4NmOB' <a href="http://cdn.inspectlet.com" rel="nofollow">http://cdn.inspectlet.com</a> https://*.googlesyndication.com https://*.doubleclick.net <a href="https://partner.googleadservices.com" rel="nofollow">https://partner.googleadservices.com</a> <a href="https://www.googletagservices.com" rel="nofollow">https://www.googletagservices.com</a> <a href="https://ssl.google-analytics.com" rel="nofollow">https://ssl.google-analytics.com</a> <a href="https://www.google-analytics.com" rel="nofollow">https://www.google-analytics.com</a> <a href="https://ajax.googleapis.com" rel="nofollow">https://ajax.googleapis.com</a> <a href="http://ajax.googleapis.com" rel="nofollow">http://ajax.googleapis.com</a> <a href="https://d3clqjduf2gvxg.cloudfront.net" rel="nofollow">https://d3clqjduf2gvxg.cloudfront.net</a> <a href="https://cdn.firebase.com" rel="nofollow">https://cdn.firebase.com</a> https://*.firebaseio.com https://*.tokbox.com https://*.opentok.com <a href="http://static.opentok.com" rel="nofollow">http://static.opentok.com</a> <a href="http://www.google-analytics.com" rel="nofollow">http://www.google-analytics.com</a> <a href="http://cdn.crowdin.com" rel="nofollow">http://cdn.crowdin.com</a> <a href="https://crowdin.com" rel="nofollow">https://crowdin.com</a> <a href="http://stun.l.google.com" rel="nofollow">http://stun.l.google.com</a> *.sentry-cdn.com". Note that 'script-src-elem' was not explicitly set, so 'script-src' is used as a fallback. r @ (index):417 sheetsandboxworker.js?1599482905106:682 Starting up WEB WORKER app.js?1598975515:566 Final page load. app.js?1598975515:564 Auth'ed. app.js?1598975515:564 Go post auth! app.js?1598975515:564 initial setup app.js?1598975515:565 joining game... app.js?1598975515:563 Player -ME2H0HZYNptSP-lIYwb is offline... app.js?1598975515:563 Player -ME8F0ldal_MeVk7LPcI is offline... app.js?1598975515:565 Deferred finish joining... app.js?1598975515:552 Firebase Online 12app.js?1598975515:561 Full load page! app.js?1598975515:564 We have 84 pages 3(index):1 Mixed Content: The page at '<a href="https://app.roll20.net/editor/" rel="nofollow">https://app.roll20.net/editor/</a>' was loaded over HTTPS, but requested an insecure image '<a href="http://files.d20.io/images/1433/med.png?1335737429" rel="nofollow">http://files.d20.io/images/1433/med.png?1335737429</a>'. This content should also be served over HTTPS. 14app.js?1598975515:558 Debounced init page! DevTools failed to load SourceMap: Could not load content for <a href="https://app.roll20.net/js/d20/underscore-min.map" rel="nofollow">https://app.roll20.net/js/d20/underscore-min.map</a>: HTTP error: status code 404, net::ERR_HTTP_RESPONSE_CODE_FAILURE 3app.js?1598975515:558 Debounced init page! med.png:1 Failed to load resource: net::ERR_CONNECTION_RESET app.js?1598975515:552 Error loading graphic, probably due to CORS. Trying once without CORS for <a href="https://s3.amazonaws.com/files.d20.io/images/157074396/l3EVq-IRQTe6Uj5wa4PFYg/med.png?159724205055" rel="nofollow">https://s3.amazonaws.com/files.d20.io/images/157074396/l3EVq-IRQTe6Uj5wa4PFYg/med.png?159724205055</a> (anonymous) @ app.js?1598975515:552 nrWrapper @ (index):417 app.js?1598975515:552 Error loading graphic, probably due to CORS. Trying once without CORS for <a href="https://s3.amazonaws.com/files.d20.io/images/157074396/l3EVq-IRQTe6Uj5wa4PFYg/med.png?159724205055" rel="nofollow">https://s3.amazonaws.com/files.d20.io/images/157074396/l3EVq-IRQTe6Uj5wa4PFYg/med.png?159724205055</a> (anonymous) @ app.js?1598975515:552 nrWrapper @ (index):417 error (async) nrWrapper @ (index):417 e.fabric.Image.fabric.Image.fromURL @ app.js?1598975515:552 swap @ app.js?1598975515:551 checkImageSizing @ app.js?1598975515:560 (anonymous) @ app.js?1598975515:565 C.each.C.forEach @ base.js?1595950670:6 u.&lt;computed&gt; @ base.js?1595950670:7 initActivePage @ app.js?1598975515:565 (anonymous) @ app.js?1598975515:558 r @ base.js?1595950670:6 setTimeout (async) nrWrapper @ (index):417 (anonymous) @ base.js?1595950670:6 d20.engine.setZoom @ app.js?1598975515:558 r @ base.js?1595950670:6 setTimeout (async) nrWrapper @ (index):417 (anonymous) @ base.js?1595950670:6 d20.engine.slideZoom @ app.js?1598975515:558 slide @ app.js?1598975515:571 _trigger @ jquery-ui.1.9.0.custom.min.js?1595950670:821 _slide @ jquery-ui.1.9.0.custom.min.js?1595950670:10181 (anonymous) @ jquery-ui.1.9.0.custom.min.js?1595950670:431 _mouseDrag @ jquery-ui.1.9.0.custom.min.js?1595950670:10083 (anonymous) @ jquery-ui.1.9.0.custom.min.js?1595950670:431 _mouseMove @ jquery-ui.1.9.0.custom.min.js?1595950670:975 (anonymous) @ jquery-ui.1.9.0.custom.min.js?1595950670:431 _mouseMoveDelegate @ jquery-ui.1.9.0.custom.min.js?1595950670:953 dispatch @ jquery-1.9.1.js:3074 elemData.handle @ jquery-1.9.1.js:2750 nrWrapper @ (index):417 2app.js?1598975515:552 Error loading graphic, probably due to CORS. Trying once without CORS for <a href="https://s3.amazonaws.com/files.d20.io/images/157074396/l3EVq-IRQTe6Uj5wa4PFYg/med.png?159724205055" rel="nofollow">https://s3.amazonaws.com/files.d20.io/images/157074396/l3EVq-IRQTe6Uj5wa4PFYg/med.png?159724205055</a> (anonymous) @ app.js?1598975515:552 nrWrapper @ (index):417 s3.amazonaws.com/files.d20.io/images/157074396/l3EVq-IRQTe6Uj5wa4PFYg/med.png?1597242050551599483250799:1 GET <a href="https://s3.amazonaws.com/files.d20.io/images/157074396/l3EVq-IRQTe6Uj5wa4PFYg/med.png?1597242050551599483250799" rel="nofollow">https://s3.amazonaws.com/files.d20.io/images/157074396/l3EVq-IRQTe6Uj5wa4PFYg/med.png?1597242050551599483250799</a> net::ERR_CONNECTION_TIMED_OUT Image (async) (anonymous) @ app.js?1598975515:552 nrWrapper @ (index):417 app.js?1598975515:552 Second load attempt failed for <a href="https://s3.amazonaws.com/files.d20.io/images/157074396/l3EVq-IRQTe6Uj5wa4PFYg/med.png?1597242050551599483250799" rel="nofollow">https://s3.amazonaws.com/files.d20.io/images/157074396/l3EVq-IRQTe6Uj5wa4PFYg/med.png?1597242050551599483250799</a> s @ app.js?1598975515:552 nrWrapper @ (index):417 error (async) nrWrapper @ (index):417 (anonymous) @ app.js?1598975515:552 nrWrapper @ (index):417 s3.amazonaws.com/files.d20.io/images/157074396/l3EVq-IRQTe6Uj5wa4PFYg/med.png?1597242050551599483250800:1 GET <a href="https://s3.amazonaws.com/files.d20.io/images/157074396/l3EVq-IRQTe6Uj5wa4PFYg/med.png?1597242050551599483250800" rel="nofollow">https://s3.amazonaws.com/files.d20.io/images/157074396/l3EVq-IRQTe6Uj5wa4PFYg/med.png?1597242050551599483250800</a> net::ERR_TIMED_OUT Image (async) (anonymous) @ app.js?1598975515:552 nrWrapper @ (index):417 app.js?1598975515:552 Second load attempt failed for <a href="https://s3.amazonaws.com/files.d20.io/images/157074396/l3EVq-IRQTe6Uj5wa4PFYg/med.png?1597242050551599483250800" rel="nofollow">https://s3.amazonaws.com/files.d20.io/images/157074396/l3EVq-IRQTe6Uj5wa4PFYg/med.png?1597242050551599483250800</a> s @ app.js?1598975515:552 nrWrapper @ (index):417 error (async) nrWrapper @ (index):417 (anonymous) @ app.js?1598975515:552 nrWrapper @ (index):417 max.png:1 Failed to load resource: net::ERR_CONNECTION_RESET app.js?1598975515:552 Error loading graphic, probably due to CORS. Trying once without CORS for <a href="https://s3.amazonaws.com/files.d20.io/images/157074396/l3EVq-IRQTe6Uj5wa4PFYg/max.png?159724205055" rel="nofollow">https://s3.amazonaws.com/files.d20.io/images/157074396/l3EVq-IRQTe6Uj5wa4PFYg/max.png?159724205055</a> (anonymous) @ app.js?1598975515:552 nrWrapper @ (index):417 error (async) nrWrapper @ (index):417 e.fabric.Image.fabric.Image.fromURL @ app.js?1598975515:552 swap @ app.js?1598975515:551 checkImageSizing @ app.js?1598975515:560 (anonymous) @ app.js?1598975515:565 C.each.C.forEach @ base.js?1595950670:6 u.&lt;computed&gt; @ base.js?1595950670:7 initActivePage @ app.js?1598975515:565 (anonymous) @ app.js?1598975515:558 r @ base.js?1595950670:6 setTimeout (async) nrWrapper @ (index):417 (anonymous) @ base.js?1595950670:6 d20.engine.setZoom @ app.js?1598975515:558 r @ base.js?1595950670:6 setTimeout (async) nrWrapper @ (index):417 (anonymous) @ base.js?1595950670:6 d20.engine.slideZoom @ app.js?1598975515:558 slide @ app.js?1598975515:571 _trigger @ jquery-ui.1.9.0.custom.min.js?1595950670:821 _slide @ jquery-ui.1.9.0.custom.min.js?1595950670:10181 (anonymous) @ jquery-ui.1.9.0.custom.min.js?1595950670:431 _mouseDrag @ jquery-ui.1.9.0.custom.min.js?1595950670:10083 (anonymous) @ jquery-ui.1.9.0.custom.min.js?1595950670:431 _mouseMove @ jquery-ui.1.9.0.custom.min.js?1595950670:975 (anonymous) @ jquery-ui.1.9.0.custom.min.js?1595950670:431 _mouseMoveDelegate @ jquery-ui.1.9.0.custom.min.js?1595950670:953 dispatch @ jquery-1.9.1.js:3074 elemData.handle @ jquery-1.9.1.js:2750 nrWrapper @ (index):417 10app.js?1598975515:552 Error loading graphic, probably due to CORS. Trying once without CORS for <a href="https://s3.amazonaws.com/files.d20.io/images/157074396/l3EVq-IRQTe6Uj5wa4PFYg/max.png?159724205055" rel="nofollow">https://s3.amazonaws.com/files.d20.io/images/157074396/l3EVq-IRQTe6Uj5wa4PFYg/max.png?159724205055</a>
I contacted my ISP, and they didn't help. Tried disabling router's firewall, used Google DNS, and changed some router settings, also without result. Please, help... I can't use Roll20 normally because of that thing.
1599556443
Ziechael
Forum Champion
Sheet Author
API Scripter
Roll20 is moving towards a more organised, ticket based, system for resolving issues. To increase visibility of your issue to the Devs you might want to also raise this as a ticket via the Help Center . Good luck with your issue :)