MMO-Champion is the biggest news website of World of Warcraft. The main page is viewed millions times a month and was done with old school tables. As a result, it was really slow to load but worse, all the content had to be loaded before being displayed.
The first thing I did was to rewrite the whole main page template using clean and valid HTML + CSS. The goal was to make it compatible up to IE6. The rendering was so much pixel perfect that nobody noticed a change when we pushed it live.
The main challenge was to rewrite the menu. Previously, the menu was using several images that were cut in order to make it easy to implement it in CSS. However, it was a torture to add another menu. The new one is now using a single image that is basically a screenshot of the rendered menu.
In order to save bandwidth, if the browser is supporting HTML5, instead of storing the menu state in a cookie, it is saved under the new localStorage feature.
optimization
- Javascript – Sorting Table (0 Comments) -- January 8, 2010
For my new project on World of Raids I have to implement a table sorting. The browser not stable sorting and the faster sorting trick add difficulty to the task.
String Comparison
As mentionned in the Speed Up Javascript Sort() article, using a string as a key to represent each element is faster...
- Bistromathique – Optimized Arbitrary Precision Calculator (0 Comments) -- January 3, 2010
The Bistromathique is an Arbitrary Precision Calculator EPITA project where the main focus is optimization. The input can be in any base (up to 250) and the following operations have to be performed: Addition, Subtraction, Multiplication, Division, Modulo.
Base Representation
Going back and fort...
- Guild Recruitement – Search Optimizations (0 Comments) -- December 24, 2009
In World of Raids Guild Recruitment Tool, we wanted the search to be instant! We achieved this goal by not having a single page refresh or ajax call while updating the settings. Since it runs in the browser, performance was a real concern. We will see in this article what were the tricks used to mak...
- Javascript – Dynamic Query Throttling (0 Comments) -- October 30, 2009
Working on the World of Raids Recruitment Tool we wanted automatic saving while editing. There are basically two ways of handling the problem.
Send update everytime something changes. The main advantage of this technique is that you are always up to date. However, it is spamming the server on field...
- Speed Up Javascript Sort() (0 Comments) -- August 10, 2009
By overriding the toString Object prototype, it is possible to speed up by 5x the sort function. This is an easy to implement trick that gives astonishing results
I wanted to know if there were ways to speed up the Javascript Sort function. I came across an interesting article (Yet another faster...
No comments until now