Challenge Overview
Project Overview
This project, the CSFV Community Gaming website project will provide the web site infrastructure and integration of the games. This will be a web site that is available on the Internet, and also will be delivered in a form where the server and the games can be installed and used behind a firewall.
The goal of this challenge is to improve the responsive/loading peformance of the CSFV website pages as outlined below.
Competition Task Overview
The scope will address the following websites :
- csfv_frontend_module - master branch
- csfv_minisite_frontend_module - the following branches :
- minisite1
- minisite2
- minisite3
- minisite4
- minisite5
You will address the following in this challenge :
-
Minify group of css/js dynamically
-
It is similar to current solution, but we merge all files into one.
-
Basically each page load common or specific JS/CSS files, you will merge these files into single js and single css file and generate any random name as long as it is unique per page.
-
-
Improve JS and CSS
-
Fix issues raised by Google PageSpeed Tool
-
You can set it up as plugin in chrome/firefox
-
Run it against all pages and fix what the page suggest to fix excluding the image resizing requirement
-
-
Remove blog specific JS code as we no more using Blogs module in the websites.
-
-
Load social plugins only when needed
-
In header we have Facebook, Twitter, G+ and Yotube buttons, it takes ~3s to load it's content, update the JS so it's each section will load it's content only when user click on the corresponding icon. Meaning that FB content will load when click on FB icon in header but others content won't load unless user click on the corresponding icon of each section.
-
Use the loading indicator of each website during the laoding of the content. You can place it centered horizontally and vertically.
-
-
Remove all app.all methods from app.js or app-theme-x.js in the websites.
-
These methods are fired on every static resource /i/, /css/, and /js and should be change to be on specific routes or moved to backend controller or csfv dependency.
-
Github Code
All CSFV modules are placed in private github repository http://github.com/topcoderinc
If you don't have access you will get 404 page, please request access in challenge forums, you can follow readme to deploy all websites.
Final Submission Guidelines
Submission Deliverables
Below is an overview of the deliverables:
- Patch files for each webiste branch.
- A complete and detailed deployment document explaining how to deploy the application including configuration information.
Final Submission
For each member, the final submission should be uploaded to the Online Review Tool.