The site's layout was made mobile friendly a few years ago but it was basically a separate version of the site. I recently found out that Google was sometimes caching that mobile version of the site instead of the desktop version of it, which is obviously bad since the mobile version had less content. I also found out that my ad network has troubles displaying ads with a setup like that, resulting into my ad revenue being lower than it should have been.
I remade a lot of the site's elements. I removed almost all of the elements that were dependent on Javascr
ipt and made those elements strictly CSS and HTML (which makes the pages far more lightweight). I started incorporating a lot more modern CSS technology and also started creating more CSS classes to reduce the size of the rendered HTML and also placed almost everything into a style sheet (before I had a lot of CSS classes not in a style sheet) which means the pages should render a lot faster now.
Ultimately this
update benefits you guys the most in the way the site pages adapt to any browser size. You can take any page now and shrink your window and it'll resize the content and even hide some content in order to compensate to your screen size (try it out with your internet browser, try to horizontally shrink it down as much as you can). My solution before was for the site to try and detect your browser and then feed you a page based on that. That had so many flaws, especially if it wrongly detected your browser. The site's layout now also adapts depending on if you're viewing the site on your phone in portrait or landscape mode.
Best of all, the mobile version of the site has far more content available! Previously, the site didn't show a lot of content to users on a mobile device and it made the site seem kinda lonely. You didn't get to see who was on a page and that aspect of the site is what helps make the site feel more lively. It also didn't show the Vizzed GO feature, and various other features were hidden also.
So to sum everything up, the pages are:
-More lightweight, taking up less resources
-Smaller in their render size since the rendered output is about 20% smaller
-Faster to load since more stuff is caching and stored in the style sheet
-Displaying more content to mobile devices
-Able to adapt to any device, screen size, and screen orientation
I put together a video demonstrating how the site adapts
https://www.youtube.com/watch?v=3yKF3Yj0Ch8
I'm not quite done though. There are a few pages that are broken and the thread pages have a few issues with them but I should be finished this upcoming week. Still, be sure to let me know of issues you experience. Also be sure to let me know if it looks good (I don't want just negative feedback, I'd like positive feedback also).