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

Chrome Lag

I Generally use Roll20 in Chrome however yestersay (2/19/14) I started making a table and noticed a VERY high amount of Lag .. Dragging Images around ... moving Tokens ... anything Just fels like slogging through molassas I followed the steps to check everything .. extensions etc. and nothing worked I went and downloaded Firefox .. in a last ditch hope that I would get lucky and I did it seems there mifght be an issue with Chrome and Roll20 - Im not sure of it ... I just know thats how it was on my PC I have no issues on Firefox
1393542074

Edited 1393542542
I'm having the exact same problem. And after reading this, I went ahead and launched my old copy of FireFox (from two years ago). I got a message saying that the browser was not compatible... but it's running it better than chrome is right now. A few of my thoughts: Chrome is acting almost as if it's being overburdened. That is to say, every action and animation, is not necessarily working with a delay, but is only processing or updating on a regular cycle. So if I use the 3D dice for example, once the dice show up on screen, they will begin turning to the next side every half second or so, until they have completed their determined cycle (about 10 seconds later) and finally turn to the side of the roll itself. Same with dragging an image or token: every half second, it moves to the next spot on the animation path toward the final objective. All this to say, if roll20 were a stop motion film, then someone has decelerated the film speed until we could see each individual frame lol. I understand you recently optimized for chrome on iOS and Android, is it possible that Google made an update to chrome that is making it so roll20 is not differentiating between mobile and computer installations correctly? Or could it have something to do with the bit rate and the way Chrome makes its sandbox? I don't know about Brian, but I'm running 64-bit windows 7 if that helps with troubleshooting. Also, I found this problem with chrome to remain even on completely fresh installs of chrome, and on multiple computers. I hope I was able to help. I love this system, roll20 really is like no other. EDIT: The thought did also cross my mind that I might have just been using images too large to support, but this problem persists even on a blank map with only a grid and one token.
A few things to check: Does the campaign you're working with have a long chat log? Are there many pages with lots of images? Are there lots of journals and/or handouts? Any of those can slow things down. The GM should consider clearing the chat log or archiving pages/journals/handouts that aren't currently in use. Is there a chance that any of those might be true for the campaigns you have tried?
1393552641

Edited 1393552975
Thanks for the speedy reply! :) I have no chat logs to speak of (3 entrees past the default I believe). I realize I have a couple of larger images, but not too large that they shouldn't be manageable as they are all .JPG (don't know actual size at the moment as I am not at home, but I ran them through photoshop to drop the quality and make sure the size was down) I'm on my chromebook right now, and it would seem that the problem is now only happening when rolling 3D dice even on a brand new (and completely blank) campaign that I created. I used to be having the same problems on my chromebook that I had on my desktop, but seeing as everything but the dice seems to be working on my chromebook now, I will submit an update on how it's working on my desktop as soon as I get home. Edit to be thorough: my main campaign has not had any sessions played and is still in development. So it only has one journal, no handouts, two maps, no scripts, no tables, no extra decks, 4 custom images, less than 10 jukebox items, larger map has a hex grid 7-10 tokens, smaller map has dynamic lighting and one token on a square grid.
Update: I notice you have now disabled 3D dice for chrome with an explanation that my browser does not support OpenGL... I did not know that. And now at home I'm not having delay with anything else except for when I scroll the map while logged into the same campaign twice (one as DM and one as player so I can be sure what players will see.) Seeing as my second login is from the same computer, on the same browser, using the same credentials, and just simply in another tab, I should honestly just be happy it works at all given the opportunity for conflicts there. That said, everything meaningful seems to be fine now, and I appreciate the assistance.
1393574376
Gauss
Forum Champion
3d dice is not disabled for Chrome, it is probably an issue with your OpenGL. Please go to <a href="https://wiki.roll20.net/Solving_Technical_Issues" rel="nofollow">https://wiki.roll20.net/Solving_Technical_Issues</a> and follow steps 2 and 3. If that does not help please follow step 4.
Heres the Console Log for you Consider using 'dppx' units instead of 'dpi', as in CSS 'dpi' means dots-per-CSS-inch, not dots-per-physical-inch, so does not correspond to the actual 'dpi' of a screen. In media query expression: only screen and (-webkit-min-device-pixel-ratio: 2), not all, not all, not all, only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) TB.setLogLevel(5) TB.min.js:32 TB.setLogLevel(5) TB.min.js:32 OpenTok JavaScript library v2.0.17 TB.min.js:32 Release notes: <a href="http://www.tokbox.com/opentok/webrtc/docs/js/release-notes.html" rel="nofollow">http://www.tokbox.com/opentok/webrtc/docs/js/release-notes.html</a> TB.min.js:32 Known issues: <a href="http://www.tokbox.com/opentok/webrtc/docs/js/release-notes.html#knownIssues" rel="nofollow">http://www.tokbox.com/opentok/webrtc/docs/js/release-notes.html#knownIssues</a> TB.min.js:32 TB.setLogLevel(5) TB.min.js:32 70 app.js?1393254376:21 TOUCH SUPPORTED: false app.js?1393254376:22 USING WEBGL ACCELERATION... app.js?1393254376:22 Switch mode to select app.js?1393254376:17 Initializing new dice engine with ranomness... app.js?1393254376:31 Using random entropy app.js?1393254376:31 window resize app.js?1393254376:33 UPDATE GL SIZE! app.js?1393254376:22 tuts loaded tutorial_tips.js:7 event.returnValue is deprecated. Please use the standard event.preventDefault() instead. Failed to load resource: net::ERR_BLOCKED_BY_CLIENT <a href="https://partner.googleadservices.com/gpt/pubads_impl_32.js" rel="nofollow">https://partner.googleadservices.com/gpt/pubads_impl_32.js</a> Final page load. app.js?1393254376:27 Scan for new plays! app.js?1393254376:27 Auth'ed. app.js?1393254376:27 Go post auth! app.js?1393254376:27 initial setup app.js?1393254376:27 Got players value... app.js?1393254376:27 joining game... app.js?1393254376:27 2Full load page! app.js?1393254376:25 We have 2 pages app.js?1393254376:27 Player -JGWwwY8j9_9ThPIGJ78 is offline... app.js?1393254376:26 Player -JGqZIzMybd2zuYfQLxQ is offline... app.js?1393254376:26 Player -JGr_8LoqGnnONaWbzZP is offline... app.js?1393254376:26 Deferred finish joining... app.js?1393254376:27 Firebase Online app.js?1393254376:21 handle page changes app.js?1393254376:27 false app.js?1393254376:27 refershing page listings! app.js?1393254376:29 init active page! app.js?1393254376:27 activate page! app.js?1393254376:25 FULLY ACTIVATE VIEWS FOR PAGE. app.js?1393254376:25 Graphics: 6 app.js?1393254376:25 Paths: 0 app.js?1393254376:25 Reorder by ZORDER app.js?1393254376:25 refershing page listings! app.js?1393254376:29 initiatlizing video chat app.js?1393254376:32 Connecting to WebRTC app.js?1393254376:32 Swapping <a href="https://s3.amazonaws.com/files.d20.io/images/3250953/BLFKdA6kiJdoSze6oX1lJA/med.jpg?13935570095" rel="nofollow">https://s3.amazonaws.com/files.d20.io/images/3250953/BLFKdA6kiJdoSze6oX1lJA/med.jpg?13935570095</a> to <a href="https://s3.amazonaws.com/files.d20.io/images/3250953/BLFKdA6kiJdoSze6oX1lJA/thumb.jpg?13935570095" rel="nofollow">https://s3.amazonaws.com/files.d20.io/images/3250953/BLFKdA6kiJdoSze6oX1lJA/thumb.jpg?13935570095</a> app.js?1393254376:24 Swapping <a href="https://s3.amazonaws.com/files.d20.io/images/3250961/2XI1v3IZ1Ct8nwSDvtENQw/med.jpg?13935571115" rel="nofollow">https://s3.amazonaws.com/files.d20.io/images/3250961/2XI1v3IZ1Ct8nwSDvtENQw/med.jpg?13935571115</a> to <a href="https://s3.amazonaws.com/files.d20.io/images/3250961/2XI1v3IZ1Ct8nwSDvtENQw/thumb.jpg?13935571115" rel="nofollow">https://s3.amazonaws.com/files.d20.io/images/3250961/2XI1v3IZ1Ct8nwSDvtENQw/thumb.jpg?13935571115</a> app.js?1393254376:24 Reorder by ZORDER app.js?1393254376:25 Swapping <a href="https://s3.amazonaws.com/files.d20.io/images/3251007/rvHOmrH0Yyc6-aeHxxYM1g/med.png?13935574055" rel="nofollow">https://s3.amazonaws.com/files.d20.io/images/3251007/rvHOmrH0Yyc6-aeHxxYM1g/med.png?13935574055</a> to <a href="https://s3.amazonaws.com/files.d20.io/images/3251007/rvHOmrH0Yyc6-aeHxxYM1g/thumb.png?13935574055" rel="nofollow">https://s3.amazonaws.com/files.d20.io/images/3251007/rvHOmrH0Yyc6-aeHxxYM1g/thumb.png?13935574055</a> app.js?1393254376:24 Swapping <a href="https://s3.amazonaws.com/files.d20.io/images/3251000/VVWbE6bVNtSltwzmh_zfJA/med.png?13935573845" rel="nofollow">https://s3.amazonaws.com/files.d20.io/images/3251000/VVWbE6bVNtSltwzmh_zfJA/med.png?13935573845</a> to <a href="https://s3.amazonaws.com/files.d20.io/images/3251000/VVWbE6bVNtSltwzmh_zfJA/thumb.png?13935573845" rel="nofollow">https://s3.amazonaws.com/files.d20.io/images/3251000/VVWbE6bVNtSltwzmh_zfJA/thumb.png?13935573845</a> app.js?1393254376:24 setting src app.js?1393254376:24 Reorder by ZORDER app.js?1393254376:25 setting src app.js?1393254376:24 Swapping <a href="https://s3.amazonaws.com/files.d20.io/images/3250965/qnbqm06y0cCrwxRw44G3qw/med.png?13935571505" rel="nofollow">https://s3.amazonaws.com/files.d20.io/images/3250965/qnbqm06y0cCrwxRw44G3qw/med.png?13935571505</a> to <a href="https://s3.amazonaws.com/files.d20.io/images/3250965/qnbqm06y0cCrwxRw44G3qw/thumb.png?13935571505" rel="nofollow">https://s3.amazonaws.com/files.d20.io/images/3250965/qnbqm06y0cCrwxRw44G3qw/thumb.png?13935571505</a> app.js?1393254376:24 Reorder by ZORDER app.js?1393254376:25 3setting src app.js?1393254376:24 Reorder by ZORDER app.js?1393254376:25 window resize app.js?1393254376:33 UPDATE GL SIZE! app.js?1393254376:22 Connected to session app.js?1393254376:32 initiatlizing publisher app.js?1393254376:32 Subscribe to streams! app.js?1393254376:32 Access allowed! app.js?1393254376:32 UPDATE GL SIZE! app.js?1393254376:22 window resize app.js?1393254376:33 UPDATE GL SIZE! app.js?1393254376:22 stream created app.js?1393254376:32 Subscribe to streams! app.js?1393254376:32 handle page changes app.js?1393254376:27 false app.js?1393254376:27 init active page! app.js?1393254376:27 activate page! app.js?1393254376:25 FULLY ACTIVATE VIEWS FOR PAGE. app.js?1393254376:25 Graphics: 6 app.js?1393254376:25 Paths: 0 app.js?1393254376:25 Reorder by ZORDER app.js?1393254376:25 refershing page listings! app.js?1393254376:29 Stream destroyed app.js?1393254376:32 Does fd4349e6-1bf8-4099-a719-98c0b7cfaced equal fd4349e6-1bf8-4099-a719-98c0b7cfaced app.js?1393254376:32 YES REMOVE app.js?1393254376:32 Do top/left snapping app.js?1393254376:22 Update changed! app.js?1393254376:22 Do top/left snapping app.js?1393254376:22 Update changed!
After you load in, try changing <a href="https://app.roll20.net/editor" rel="nofollow">https://app.roll20.net/editor</a> to <a href="https://app.roll20.net/editor/?disablewebgl=true" rel="nofollow">https://app.roll20.net/editor/?disablewebgl=true</a> in your brower's URL bar (and press Enter). See if that fixes the lag.
roughly 50% better than it was but nowhere near as smooth as firefox
Can you go to "chrome://gpu" in your browser and see what it says in the first section? For example mine says: Graphics Feature Status Canvas: Hardware accelerated 3D CSS: Hardware accelerated Compositing: Hardware accelerated on all pages and threaded CSS Animation: Accelerated and threaded Flash 3D: Hardware accelerated Flash Stage3D: Hardware accelerated Flash Stage3D Baseline profile: Hardware accelerated WebGL multisampling: Hardware accelerated Texture Sharing: Hardware accelerated Video: Hardware accelerated Video Decode: Software only, hardware acceleration unavailable Video Encode: Hardware accelerated WebGL: Hardware accelerated
Graphics Feature Status Canvas: Software only, hardware acceleration unavailable 3D CSS: Software only, hardware acceleration unavailable Compositing: Software only, hardware acceleration unavailable CSS Animation: Software only, hardware acceleration unavailable Flash 3D: Software only, hardware acceleration unavailable Flash Stage3D: Software only, hardware acceleration unavailable Flash Stage3D Baseline profile: Software only, hardware acceleration unavailable WebGL multisampling: Software only, hardware acceleration unavailable Texture Sharing: Software only, hardware acceleration unavailable Video: Software only, hardware acceleration unavailable Video Decode: Software only, hardware acceleration unavailable Video Encode: Software only, hardware acceleration unavailable WebGL: Software only, hardware acceleration unavailable
That's probably your problem. You might check to see if there are graphics driver updates available for your computer, which can help with that. If Chrome can't use your hardware, it's going to run a lot slower.
Looks like theres nothing I can do ... I updated my graphics driver and its still the same stuff
1393796923
Gid
Roll20 Team
You might be able to force Chrome to use hardware acceleration, check this guide for details. Keep in mind that this tactic might make Chrome unstable, but you can revert back to software acceleration if that's the case.