Faster page load

[andruby]

Potential speedups

• 1. Concatenate+uglify javascript (we load about 6 js files including jquery)
• 2. Concatenate css (we load 3 files: main.css, bootstrap, fontawesome)
• 3. Have a selective bootstrap (don't load the parts we're not using)
• 4. Compress images: use progressive jpegs with lower resolution and or quality. ( @dennisver: can you commit the source images used in the website to the repo? original resolution and quality plz )
• 5. Only load the instagram feed once that part of the DOM is in the viewport 1s after DOM ready.
• 6. Use amazon cloudfront as a cdn (this would cost a few dollars per year, and we should test the impact as we would need to change the build flow to include invalidating the cloudfront assets)

[andruby]

Reference for faster assets with gh-pages: http://codeheaven.io/optimizing-assets-in-jekyll-generated-gh-pages/

[daphnefl]

Sounds a little Chinese to me …
Is there anything I can do to help?

Thanks

Op May 10, 2016, om 10:18 AM heeft Andrew Fecheyr notifications@github.com het volgende geschreven:

Reference for faster assets with gh-pages: http://codeheaven.io/optimizing-assets-in-jekyll-generated-gh-pages/ http://codeheaven.io/optimizing-assets-in-jekyll-generated-gh-pages/
—
You are receiving this because you are subscribed to this thread.
Reply to this email directly or view it on GitHub #5 (comment)

[andruby]

Reduce the filesize of the blog images you post :) Resolution of 1280 px wide is enough (vs 6000px one of the images has now). And save the image as a progressive jpeg with quality 80. That should produce images that are about 200600kb vs serveral mb.

On 10 May 2016, at 21:31, daphnefl notifications@github.com wrote:

Sounds a little Chinese to me …
Is there anything I can do to help?

Thanks

Op May 10, 2016, om 10:18 AM heeft Andrew Fecheyr notifications@github.com het volgende geschreven:

Reference for faster assets with gh-pages: http://codeheaven.io/optimizing-assets-in-jekyll-generated-gh-pages/ http://codeheaven.io/optimizing-assets-in-jekyll-generated-gh-pages/
—
You are receiving this because you are subscribed to this thread.
Reply to this email directly or view it on GitHub #5 (comment)

—
You are receiving this because you authored the thread.
Reply to this email directly or view it on GitHub

[daphnefl]

Yes I will do that asap.
But I thought you asked Dennis to do that in your first e-mail, that’s why I was a little confused.

Op May 10, 2016, om 10:06 PM heeft Andrew Fecheyr notifications@github.com het volgende geschreven:

Reduce the filesize of the blog images you post :) Resolution of 1280 px wide is enough (vs 6000px one of the images has now). And save the image as a progressive jpeg with quality 80. That should produce images that are about 200600kb vs serveral mb.

On 10 May 2016, at 21:31, daphnefl notifications@github.com wrote:

Sounds a little Chinese to me …
Is there anything I can do to help?

Thanks

Op May 10, 2016, om 10:18 AM heeft Andrew Fecheyr notifications@github.com het volgende geschreven:

Reference for faster assets with gh-pages: http://codeheaven.io/optimizing-assets-in-jekyll-generated-gh-pages/ http://codeheaven.io/optimizing-assets-in-jekyll-generated-gh-pages/
—
You are receiving this because you are subscribed to this thread.
Reply to this email directly or view it on GitHub #5 (comment)

—
You are receiving this because you authored the thread.
Reply to this email directly or view it on GitHub

—
You are receiving this because you commented.
Reply to this email directly or view it on GitHub #5 (comment)

[andruby]

Page load testing done at tools.pingdom.com/fpt/ for site "www.jaswig.com" from stockholm, sweden.

• Baseline with codebase at 5e13e78: 79/100, 60reqs, 1.48s, 3.2MB
• Optimize images 1 with codebase at bbb3a13: 80/100, 60reqs, 1.44s, 2.8MB
• Optimize images 2 with codebase at aee79c8: 80/100, 60reqs, 1.09s, 2.3MB
• Concatenate js files with codebase at 9e76271: 82/100, 56reqs, 0.80s, 2.3MB

Note: Het aantal requests en pagesize is inclusief de eerst 10 instagram fotos. Zonder die is het aantal requests 46 en de page size 1.4MB. Wat best een goede prestatie is!

Vinden jullie de website nu sneller?