Optimization - Soulyyy/TheWorldNews GitHub Wiki

This page explains the optimization methods for data transfer we used.

We used Google Pagespeed to rate our web-application. Initial results were quite sad, we are not fit to run the app on mobile devices(Score 53/100) and we got a so-so result on computers(63/100), which is also bad.

The first thing we noticed was that compressing the files could save a lot of file transfer time, especially the jquery library. This is why we decided to pack our files with gzip. We did that and got much better results.

Then we tried to optimize javascript. This did not turn out well, so we will ask before actually implementing it, mainly because the thing jammed the whole code on five lines, which is not readable at all(used Closure Compiler Application). Of course, we really don't need to read jquery library, but we did not dare to touch it before consulting.

Then we implemented asynchronus load for javascript, with the async parameter. It made no sense to use it with CSS, maybe it does in the future. Currently, we are afraid that our page scaling code is too fragile. After testing, we can't even have asynchronuous javascript because the javascript functions don't work like that.

We have not yet started working with the mobile version scaling of the app, so we ignored usability requirements for mobile devices.

After applying these changes, we got a green light from Google and improved the score to 82/100.