[IGNITE-7292] Optimize Ignite main page load performance

• Type: Task
• Status: Closed
• Priority: Blocker
• Resolution: Fixed
• Fix Version/s: 2.4
• Component/s: site
• Assignee: Prachi Garg
• Reporter: Denis A. Magda
• Created: 22/Dec/17 18:35
• Updated: 27/Dec/17 00:36
• Resolved: 27/Dec/17 00:36

Description

Ignite main page load performance is poor - takes from 3 to 5 seconds to load it completely. That might affect the SEO optimizations we've done so far. These are immediate actions to alleviate the situation:

1. Reduce banner and all the images size to 72 ppi resolution and save in the JPG format. Use photoshop "Image Size" dialog. The banner and thumbnails of screencasts were already changed, just need to regenerate the CSS and merge the patch.
2. The next fierce contributors to the poor performance are screencasts youtube videos. It takes 700ms for each screencast to make a roundtrip to YouTube. See the screenshot attached where 3 base.js calls are triggered by the video links. This has to be done asynchronously.
3. Preload GitHub, Twitter butten and feed asynchronously too.

The overall goal of this optimization is to speed up the loading at least to 2.0 seconds.