Ted Patrick - Demos & MAX @ Adobe Systems
Note: This is the personal blog of Ted Patrick. The opinions and statements voiced here are my own.
YSlow Tuning onFlex.org - F(31) to B(81) in an hour
DIGG IT!
8
Comments
Published
Sunday, June 01, 2008
at
3:30 PM
.
I really like YSlow as a development/diagnostic tool. It provides a very simple scorecard for web pages against some proven best practices for web site development. Before I blogged about YSlow I wanted to do some site optimizations with it and decided to point it at my own blog. It is really amazing what small changes will do for page performance. 
Here is what I did:
1. Reduced the # of HTTP Requests from 23 to 4
2. Reduced the # of images from 10 to 4
3. Added a cache headers to the /images directory via .htaccess config
4. Removed the Etags from Apache via .htaccess config
5. Moved linked imaged onto /images
OnFlex.org went from a YSlow score of F(31) to a B(81) and the page loading times are far faster 2x+.
Another item I was watching was page weight and loading time. Before my pages were around 250Kb in size but now they are all under 100Kb and in many cases under 50Kb with all components on the page (js, css, img, swf). The result is now all my page loading times are always under 1 second and in many cased under .5 sec for a full page load including the slow loading tracking js(uggghh).
I have to say that YSlow is one of the best tools for looking at website performance, you can see pages from the browsers perspective and optimize against some excellent best practices.
cheers,
Ted :)
8 Responses to “YSlow Tuning onFlex.org - F(31) to B(81) in an hour”
Post a CommentWhere to find me:
Ted on Twitter - @AdobeTed
Ted on Adobe Groups
Ted on LinkedIn
Ted on Facebook
Ted at Adobe
Latest
- FLEXJOB: CNET Networks Flex GIG
- Mozilla World Record Problems
- The Adobe walled garden of knowledge
- Changing roles within Adobe
- Dell.com on Flex 3
- FlexJobs hits 1000 subscribers
- ILOG Elixir - OEM Licensing Changes!!!
- Google Maps Flash API - Distributed components/ser...
- No news is good news!
- 8.1 Megapixel Camera for $160
Lists
Links
Jobs
Flex JobsArchives
- May 2003
- June 2003
- July 2003
- August 2003
- September 2003
- October 2003
- November 2003
- December 2003
- January 2004
- February 2004
- March 2004
- April 2004
- May 2004
- June 2004
- July 2004
- August 2004
- September 2004
- October 2004
- November 2004
- December 2004
- January 2005
- February 2005
- March 2005
- April 2005
- May 2005
- June 2005
- July 2005
- August 2005
- September 2005
- October 2005
- November 2005
- December 2005
- January 2006
- February 2006
- March 2006
- April 2006
- May 2006
- June 2006
- July 2006
- August 2006
- September 2006
- October 2006
- November 2006
- December 2006
- January 2007
- February 2007
- March 2007
- April 2007
- May 2007
- June 2007
- July 2007
- August 2007
- September 2007
- October 2007
- November 2007
- December 2007
- January 2008
- February 2008
- March 2008
- April 2008
- May 2008
- June 2008
- July 2008
- August 2008
- September 2008
- October 2008
- November 2008
- December 2008
- January 2009
- February 2009
- March 2009
- April 2009
- May 2009
- June 2009
- July 2009
- August 2009
- September 2009
- October 2009
- November 2009
First, thanks for the informative site! YSlow is definately a great way to get an overall performance assessment. I also like to use "View Speed Report" under the "Tools" menu in the WebDevToolbar for FF. I find you can get a bit more detailed analysis that way. Also, based on your screen shots why not go ahead and throw gzip into the mix by using the mod_deflate Apache module in your .htaccess? Take care.
John,
The GZIP issue is hard. The onflex.org is on a shared host and the apache running does not support mod_deflate.
Ted
Ted,
What version of Apache is your host running? Pardon me if I'm wrong, but it appears you are on 2.2.8 - which will support the mod_deflate module. After configuring it, its no more difficult to implement than some of the other settings you have tweaked even on a shared hosting account. Hope that helps, good luck.
Sorry Ted, I think I get what you were saying from before now! Blogger must not have 'mod_deflate' configured and you dont have access to the Apache config to enable it. Right? I think I got confused when you said "apache running does not support mod_deflate"...
John,
I host at PAIR.com on a shared host with 6 other accounts. Adding mod_deflate puts a big hit on the machine capacity as every request must optionally support compression.
If I got a dedicated machine, mod_deflate is supported but on a shared host not. Blogger can write to a dedicated host account via SFTP.
I was thinking I could do this via php via URLRewriting.
Ted :)
Ted,
Thanks for clarifying! Could you elaborate on your idea of using PHP and URL Rewriting? Any chance you could use Apache's mod_rewrite or is that in the same boat with a shared account on PAIR.com?
Have you had a look at the "Show Network Timeline" under the Developer menu in Safari 3?
- Randy
Yes, YSlow and FireBug are the best tools to develop and tune web sites/applications.
BTW, here a very good article about Apache GZip options:
http://www.linuxjournal.com/article/6802