The website is extremely slow due to the heavy use of box-shadow
-
I humbly request that the frontend devs please replace instances of box-shadow with border-image.
To demonstrate the performance disaster wrought by box-shadow on the site, open up your browser’s built-in dev tools and paste this into the console:
var qAll = document.querySelectorAll(‘*’),
allLen = qAll.length;
for(var x=0;x<allLen;++x) { qAll[x].style.boxShadow = ‘none’; }
Page scrolling goes from about 10fps to a pretty solid 30fps (YMMV depending on hardware).
The only issue to deal with is IE does not support border-image (don’t look so surprised). This includes IE10.
If the site devs don’t see fit to implement the suggested fix (but I strongly recommend doing so!), perhaps another member could distribute the JS above as a Greasemonkey script for the convenience of frequent visitors. If you have a browser plugin that enables user styles, you can alternatively use this CSS:
* {
box-shadow: none !important;
}
Cheers!
-
This reply was modified 7 months ago by
Baryn.
-
This reply was modified 7 months ago by Baryn.
-
This reply was modified 7 months ago by Baryn.
The formatting in my OP was stripped out, so this is why the code may be a tad difficult to read. I cleaned it up as best I could – enjoy!
The forum software is also turning single quotes into fancy, curly quotes, which breaks JavaScript. In order for the first code snippet to work, you need to delete them and replace with the default single-quote character on your keyboard.
bumping for necessity!
Rank: Specialist
Regarding scrolling etc., the whole webseite is VERY slow on my laptop. Sometimes it even looks like the browser got stucked completely. It’s more or less the slowest website im visiting regularly, and I just keep visiting it because … it’s the Star Citizen website! 
I know there are many other things to do here, but this should also be optimized in the near future.
ty Baryn, without box-shadow, this page is 10 times faster.
You might want to post this on the General Chat board since most people only read that one it seems.
creating a greasemonkey script would be nice…
THANK YOU. So much better.
No thunder to be stolen, friend. And you’re right. They use it elsewhere and it results in slow/stuttered scrolling. I find it significantly worse on the forums though.
-
This reply was modified 6 months ago by
Signo Vir.
Yes, pretty is nice but web-dev also requires consideration for what will happen on the client side.
PHP/mySQL servers do not like 50K obsessive Space-Sim geeks refreshing various pages to see the updated Pledge status. The forums are on the Buddypress Plugin for WordPress, so the more optimized the WP is the better for when we all flood in after an announcement. I’ve had to resubmit posts a few times after 500 errors to get the posts to take and have found 2 posts (that I know of) are just gone after seeing it there the day before.
The web-dev(s) for RSI needs to read http://scalingwp.wordpress.com/
I wonder if they’ll take CSS submissions to redress the site…
0101010
GAT$>/M/S/C/E d-@ s:- a- C++ CU+++$ P+ L+>+++ E-(++)
W++ K?>— w M+>++ PS+ PE+ Y+ t* 5 X+@ R+(++)
tv b+++(++++) DI+ D— G(–) e h@ r@ y+z+
Note:
The Chrome Extension I posted isn’t working on the Comm-Link section, as the CIG team forces box-shadow there (with !important, for those of you who know CSS). Strange choice on their part, but there you have it.
used baryn’s
doesn’t seem to have much impact when timing through dev panel.
or I just have a fast computer and connection.
The forum ‘Off-topic Chat’ is closed to new topics and replies.
Aggiekev 5 months, 3 weeks ago.
