508305 - Increase YSlow grade for onebillionplusyou.com to 100 (63 currently)

Status: RESOLVED INCOMPLETE

(Websites :: Other, defect)

Description

[Ryan Doherty (:rdoherty)]

http://onebillionplusyou.com/ gets a really bad yslow grade, and it's only 1 page, so it will be very easy to get it to 100.

Rules to work on:
1) Reduce HTTP requests
2) Expires headers
3) Gzip
4) JS at bottom
5) Minify css & js

#1 and 5 can be achieved via a build script or prod. script that concats & minifies content.

#2 & 3 is easy via a htaccess file

#4 is easy also with minimal code changes

Comment 1

[Ryan Doherty (:rdoherty)]

Adding Jeremy.

Current webpagetest.com results:
http://webpagetest.org/result/090804_20TD/

Comment 2

[Ryan Doherty (:rdoherty)]

Also need to sprite images.

Comment 3

[Ryan Doherty (:rdoherty)]

Hey Jeremy, the plan according to Matthew was to get this site tracked on Gomez, then push out the performance improvements. 

I have the 1st round of improvements ready, but don't want to commit anything until the current site is benchmarked. Thanks!

Comment 4

[Jeremy Orem [:oremj]]

Matthew, I don't think I have access to create Gomez checks. Will you either give me access or set one up?

Comment 5

[matthew zeier [:mrz]]

This plan wasn't to use Gomez but to use offsite servers to do some page load testing.

Comment 6

[Ryan Doherty (:rdoherty)]

(In reply to comment #5)
> This plan wasn't to use Gomez but to use offsite servers to do some page load
> testing.

Are the current webpagetest.org results good enough?

Comment 7

[Ryan Doherty (:rdoherty)]

FYI my first round of perf. improvements are just concat'ing the JS and CSS files. I've also started spriting images, but that is taking more time and will be done later this week.

Comment 8

[Ryan Doherty (:rdoherty)]

Staging server results:

Before: http://webpagetest.org/result/090810_220H/ 5.5s load time
After: http://webpagetest.org/result/090810_220W/ 5s load time

~10% speed boost by concatenating 5 JS files and 2 CSS files.

Much bigger performance gains will be made when spriting images and moving JS files to the bottom of the page.

Comment 9

[Ryan Doherty (:rdoherty)]

Sprited images, moved JS to bottom of page.

http://webpagetest.org/result/090812_22H8/

4.1s load time. 1.7s decrease in page load time with about 1-2 hours worth of work.

Comment 10

[Ryan Doherty (:rdoherty)]

For some reason the HTML isn't being compressed on the staging server, which gives the site a lower YSlow score.

Comment 11

[u597032]

Website is no longer active