YSlow and Rails performance: Getting UJS and AssetPackager to play nice
134 comments Latest by Sarasota Real Estate Thu, 02 Sep 2010 11:28:40 GMT
Yesterday, I started to dig deeper into YSlow and decided to pick an application that we recently launched for a client. The performance grade that I saw at first was an F, which wasn’t surprising to me because we knew that there was going to be some fine tuning in the near future.
There is a lot of JavaScript in this application and we have several files to break up stuff to make it more maintainable. However, in production, we really don’t need to send the client (browser) 19 different JS files. We’ve been using mod_deflate to compress these files, but it doesn’t solve the problem of having several connections opening to download all the necessary JavaScript. The same is true for our CSS files.
At RailsConf, DHH announced that an upcoming version of Rails would bundle all the stylesheet and javascript files into one file and compress it. We’re running on 1.2.x for this application and decided to look at the AssetPackager plugin as a good solution to this problem.
I installed the plugin via piston and ran the following task, which is provided by AssetPackager.
rake asset:packager:create_ymlThis went ahead and created config/assets_packager.yml. I then went ahead and updated our capistrano configuration to call the rake task after updating the code on the server when deploying.
desc "all of our other tasks/commands to run after updating the code"
task :after_update_code do
#
# all of our other tasks/commands
#
run "cd #{release_path} && rake RAILS_ENV=production asset:packager:build_all"
end
The first thing that I noticed was that the yml file that gets generated will not make any assumption as to what order the javascript libraries should be loaded. So, immediately, line 1 of our compressed javascript file was causing an error as the code was trying to reference a library that hadn’t been defined yet (showed up later in the file). So, when you do this, you’ll need to organize the yml file to load things in order that they are needed. This was also a good opportunity for us to say, “oh, we’re not using that one anymore. Let’s remove it.”
---
javascripts:
- base:
- prototype
- effects
- scriptaculous
- controls
- dragdrop
- application
- slider
- pngfix
- nav
- lowpro
- lightbox
- folder
- builder
Great, so we re-dployed and everything at first glance seemed fine… or so we thought!
We used the unobtrusive javascript plugin for this project and it seems that we couldn’t just compress every single file. Each page has a behaviors javascript file and since everything was being compressed into one file (and cached), RJS calls quickly broke throughout the site. OH NO!
So, I opted to merge all of the other javascript files and use the standard way of including unobtrusive javascript in the application layout.
<%= javascript_include_merged :base %>
<%= javascript_include_tag :unobtrusive %>
We also removed lowpro from the list of javascript files to compress since the ujs plugin is currently including this when we call <%= javascript_include_tag :unobtrusive %>. I plan to look into modifying this so we it’ll only include the page-specific behaviors and not load the lowpro javascript file (so we can compress that as well).
Once this was re-deployed, we saw that the RJS issues were resolved and everything felt to be loading quicker. But, let’s look at YSlow again for step 1 in improving the performance of the application.
side note: the following grading was also after making some other adjustments that were suggested by YSlow, which I’ll discuss in another blog post soon.
So, where we once had a grade F, we now have an D… which is due to the client having us add several (four) external javascript files for mint, google analytics, etc. We’re only loading 3 javascript files for the application, when we were originally loading many more.
Obviously, there is some more tuning to be done, but we went from a grading of 43 to 74 in about three hours of time spent reading the YSlow documentation, adding asset_packager, and making various tweaks to our web servers (as suggested by YSlow).
Until next time…
Related Posts:
Enjoying the content? Be sure to subscribe to my RSS feed.
Another tool I recommend for testing a web app is Web Page Analyzer.
Thanks Robby, that was a good new stuff for me
Thanks for the post.
I noticed you had the pngfix in your javascript assets list. The pngfix I use requires the defer attribute on the script tag to be set for it to work. How did you get around that when its included in the compressed package?
Thanks for the post.
I noticed you had the pngfix in your javascript assets list. The pngfix I use requires the defer attribute on the script tag to be set for it to work. How did you get around that when its included in the compressed package?
Yes, thank you very much for the post! Have you seen any major performance issues with using RJS in general (as opposed to raw Javascript) since Ruby is being interpreted?
Die Welt der Internet Kasinos ist voller Gefahren. Lesen Sie, in welche Fallen Sie bei einem Kasinobesuch nicht tappen sollten.
Robby, thank you very much for this great job, you have done. You know that we were waiting for these new tunings.
Check out minify_cache to get a nice monkey patch to rails javascript_include_tag….:cache =>.. for automatically minifying the output.
Thanks Robby, that was a good new stuff for me
These are really the most spicy items which I wanna taste. I definitely make my self comfortable to spend some time for cooking daily. Thanks for sharing.
these views are very usefull
Copy Life Gold Mine Bar Products Fever Theme Posh Craze Finance Guide Seo Technical good info.
The post is very nicely written and it contains many useful facts. I am happy to find your distinguished way of writing the post. Now you make it easy for me to understand and implement. Thanks for sharing with us. Dolce Gabbana Sunglasses
Pretty good post. I just stumbled upon your blog and wanted to say that I have really enjoyed reading your blog posts. Any way I’ll be subscribing to your feed and I hope you post again soon. Big thanks for the useful info
which wasn’t surprising to me because we knew that there was going to be some fine tuning in the near future.
Definitely agree with what you stated. Your explanation was certainly the easiest to understand. I tell you, I usually get irked when folks discuss issues that they plainly do not know about. You managed to hit the nail right on the head and explained out everything without complication. Maybe, people can take a signal. Will likely be back to get more. New York Limousines
The post is very nicely written and it contains many useful facts. I am happy to find your distinguished way of writing the post. Now you make it easy for me to understand and implement. Thanks for sharing with us
This is such a great resource that you are providing and you give it away for free. I love seeing websites that understand the value of providing a quality resource for free. It is the old what goes around comes around routine. Full Color Printing
The post is very nicely written and it contains many useful facts. I am happy to find your distinguished way of writing the post. Now you make it easy for me to understand and implement. Thanks for sharing with us.
The post is very nicely written and it contains many useful facts. I am happy to find your distinguished way of writing the post. Now you make it easy for me to understand and implement. Thanks for sharing with us
This is such a great resource that you are providing and you give it away for free. I love seeing websites that understand the value of providing a quality resource for free. It is the old what goes around comes around routine
Robby, thank you very much for this great job, you have done. You know that we were waiting for these new tunings.
Nicely presented information in this post, I prefer to read this kind of stuff. The quality of content is fine and the conclusion is good. Thanks for the post. manhattan laser hair removal
The pngfix I use requires the defer attribute on the script tag to be set for it to work. How did you get around that when its included in the compressed package?
The pngfix I use requires the defer attribute on the script tag to be set for it to work.
This is really nice blog, I am very impressed.
rtre
Great post I would like to thank you for the efforts you have made in writing this interesting and knowledgeable article. I am hoping the same best effort from you in the future as well. In fact your creative writing skills has inspired me.
The pngfix I use requires the defer attribute on the script tag to be set for it to work. How did you get around that when its included in the compressed package?
iuiu
compressed javascript file was causing an error as the code was trying to reference a library that hadn’t been defined yet (showed up later in the file). So, when you do this,
The post is very nicely written and it contains many useful facts. I am happy to find your distinguished way of writing the post.
This is such a great resource that you are providing and you give it away for free. I love seeing websites that understand the value of providing a quality resource for free.
am happy to find your distinguished way of writing the post. Now you make it easy for me to understand and implement. Thanks for sharing
We’ve been using mod_deflate to compress these files, but it doesn’t solve the problem of having several connections opening to download all the necessary JavaScript. The same is true for our CSS files.
his just goes to prove that the internet is a very powerful medium – If Obama can raise money for his election campaign off the internet then so can average people earn a living online.
iron on transfer Jewish Directory Bar Mitzvah Wholesale menu keep jersey city shenzhen direct shenzhen discount shenzhen buy shenzhen city affiliate promos bars cash disco tumblr city star jar twink pinoy agency oak bar stool bar accessories Flair Bartending Posi Pourers
our compressed javascript file was causing an error as the code was trying to reference a library that hadn’t been defined yet
Demonstrate a unique new conceptjordan shoesAwA258
I tell you, I usually get irked when folks discuss issues that they plainly do not know about.
Hey there, thank you for the share, I think it will kind of lessen some of my troubles for sure!!
this is very nice one and gives indepth information. thanks for this nice article!
Loved to read your article. I would like to suggest you that traffic show most people read articles on Mondays. So it should encourage administer to write new write ups over the weekend primarily
free Ringback Tones value city furniture nice article
The pngfix I use requires the defer attribute on the script tag to be set for it to work. How did you get around that when its included in the compressed package?
This is such a great resource that you are providing and you give it away for free.
Hello! nice article, thanks for sharing. best weight loss supplement | supplements for weight loss | weight loss appetite | free diet recipes | loss weight quick diet | fat binders
Hello! nice article, thanks for sharing. best weight loss supplement | supplements for weight loss | weight loss appetite | free diet recipes | loss weight quick diet | fat binders
Hello! nice post, thanks for sharing. best weight loss supplement | supplements for weight loss | weight loss appetite | free diet recipes | loss weight quick diet | fat binders
This is a great inspiring article.I am pretty much pleased with your good work.You put really very helpful information. Keep it up. Keep blogging. Looking to reading your next post.
The site was very informative and got good posts
For CSS files and Javascript, mod_deflate can compress the files but it still doesn’t help when you have more than one connection open to download all the needed files.
I’ve surfed the net more than three hours today, however, I haven’t found such useful information. Thanks a lot, it is really useful to me
This is really deserves lots of appreciations, I like your post and will also refer to others. I imagine if that will be a fact, and anything can be done by that stuff. And workers will lost their their job,
This is a great inspiring article.I am pretty much pleased with your good work.You put really very helpful information. Keep it up. Keep blogging. Looking to reading your next post.
I am happy to find your distinguished way of writing the post. Now you make it easy for me to understand and implement. Thanks for sharing with us
Louis Vuitton Speedy 30 M95587 Louis Vuitton Speedy 30 Louis Vuitton Griet M95579 Louis Vuitton Griet Louis Vuitton Griet M40148 Louis Vuitton Griet Louis Vuitton Speedy 30 M95586 Louis Vuitton Speedy 30 Louis Vuitton Porte Document Geant M95532 Louis Vuitton Porte Document Geant Louis Vuitton Porte Document Vertical M95529 Louis Vuitton Porte Document Vertical Louis Vuitton Porte Document Vertical M95530 Louis Vuitton Porte Document Vertical Louis Vuitton Porte Document Geant M95531 Louis Vuitton Porte Document Geant Louis Vuitton Musette M95582 Louis Vuitton Musette Louis Vuitton Musette M95583 Louis Vuitton Musette Louis Vuitton Salina MM M95611 >Louis Vuitton Salina Louis Vuitton Salina GM M95612 Louis Vuitton Salina Louis Vuitton Salina PM M95613 Louis Vuitton Salina
Louis Vuitton Cabas GM Pink M95673 Louis Vuitton Cabas GM Pink Louis Vuitton Cabas GM Beige M95675 Louis Vuitton Cabas GM Beige Louis Vuitton Cabas GM Green M95679 Louis Vuitton Cabas GM Green Louis Vuitton Cabas GM lilac M95681 Louis Vuitton Cabas GM lilac Louis Vuitton Cabas PM Beige M95674 Louis Vuitton Cabas PM Beige Louis Vuitton Cabas PM Lilac M95680 Louis Vuitton Cabas PM Lilac Louis Vuitton Cabas PM Pink M95672 Louis Vuitton Cabas PM Pink Louis Vuitton Cabas PM Green M95678 Louis Vuitton Cabas PM Green
This is really deserves lots of appreciations, I like your post and will also refer to others. Great post I would like to thank you for the efforts you have made in writing this interesting and knowledgeable article.
http://www.taxvacancies.com”>taxjobs
Hi! interesting article, thanks for sharing with us. July 2010 nursing board exam results | CPA board exam results | let exam results | bar exam results
yah it looks so real in words, am great fan of this blog thanks
Each page has a behaviors javascript file and since everything was being compressed into one file, RJS calls quickly broke throughout the site. Thanks for this article.
The quality of content is fine and the conclusion is good. Thanks for the post.
I noticed you had the pngfix in your javascript assets list. The pngfix I use requires the defer attribute on the script tag to be set for it to work. How did you get around that when its included in the compressed package?
Ugg sheepskin boots bring you warm, a lot of people often sit in the office most afraid of winter comes, because winter day to sit in the office, sat motionless naturally special cold feet. Because it is a leading sheep with the materials, fur and foreign residents can return the counters are compared to just one of the top and. First, ugg boots cardy is high-quality sheepskin (according to the different every sheep skins and points in the cortex and the inferior quality sheep skins). Secondly, in the thickness of the hair and a sheep than ordinary fur, more encryption ratios of thick. It is better to emphasize the cut. Classic short uggs except the advantages of the material, it is very good-looking, shoes are all like. It is very fine workmanship, afraid of the cold winter of people’s necessities.
Sometimes I think I can change somethings , but I was wrong.
Thanks for sharing the information. That’s a awesome article you posted. I found the post very useful as well as interesting. I will come back to read some more.
Good info Rob. Thanks. It is somewhat heavy on the jscript though
Peter
In regards to the API, this could be enhanced by requiring that everyone register an email address to get an API key, but only solves the API abusers.
so good
very nice
I just couldnt leave your website before saying that I really enjoyed the quality information you offer to your visitors… Will be back often to check up on new stuff you post!
Great post I would like to thank you for the efforts you have made in writing this interesting and knowledgeable article.
Very much informative. I also got the same problem just like that and I’ve been using the same plugin which AssetPackager and the problem was totally fixed.
you’ll need to organize the yml file to load things in order that they are needed. This was also a good opportunity for us to say, “oh, we’re not using that one anymore.
have a good time
Great posting dear, Really thanks. I’m now following your blog & I ‘ll follow your all blogs for that kind of interesting blogs
The pngfix I use requires the defer attribute on the script tag to be set for it to work. How did you get around that when its included in the compressed package?
Will this really work ? please guys post some comments here,thanks
extra sensitive
condoms
The pngfix I use requires the defer attribute on the script tag to be set for it to work. How did you get around that when its included in the compressed package?
appreciate this post. It’s hard to sort the good from the bad sometimes, but I think you’ve nailed it!
Great post! Now let’s buy some stocks.
good post. I will support it.
fashion coach bags are very good!!
Thanks robby it is really helpful for me..Wrought Iron Patio Furniture Patio Furniture Sale
Every time when I get tired of the work, I like to image I can have a jorney. Taking off mychristian louboutin and have a leasure sport shoes like thembt walking shoes ,mbt changa shoes ,nike jordan shoes ,air jordan shoes ,Air Jordan 1 ,Air Jordan 2 ,Air Jordan 5 ,Air Jordan 6 ,Air Jordan 11.
Yslow is the best tool to check the performance
Bearings | power transmission | bearing news | bearing knowledge | bearing directory
Really informative and well explained article, thanks.
Nice improvement on the grade! :D
Im sure you will fix the other bugs as well. Thanks wheelchair lift
thanks for AssetPackager plugin..i was finding this…The information I have gathered is very informative thanks…HGH
Thanks introducing the UJS and AssetPackager, these very helpful. Diet and Breast Cancer|help getting pregnant
Really informative and well explained article, thanks.
Its great resource. i was finding that type inf and now i get it.thanks for this…
This method is good, I will have a try next time.
Its my great pleasure to visit your blog and to enjoy your great posts here. I like it a lot. I can feel that you paid much attention for those articles, as all of them make sense and are very useful
what you tell me is useful to me, thank you. Please keep update. I will always get back visit.
Really useful and well explained in great detail but also easy to follow, thanks Robbie on rails!!
Many students don’t know that there are tons of international education grants This is money that the government gives students that they don’t have to give back.
Are you looking for the best hair salon in Orlando Well Hair Connoisseurs offers a full menu of service all the way from hair down to nails.
There is nothing sane with this lover! Buy Pepper Spray
Thanks for your sharing! It’s a good new stuff for me!
HostGator has been a world-leading provider of web hosting service. Although their office is in Houston, Texas, they provide top-notch service to clients from over 200 countries internationally with their staff of over 300 employees. They offer Shared, Reseller, VPS, and Dedicated server packages for both beginners and professionals alike. Each of their shared Web Hosting plans includes 24/7/365 support, a 99.9% uptime guarantee, and a 45-day money-back guarantee. If you would like to learn more, please visit their company page. Hostgator coupon
HostGator has been a world-leading provider of web hosting service. Although their office is in Houston, Texas, they provide top-notch service to clients from over 200 countries internationally with their staff of over 300 employees. They offer Shared, Reseller, VPS, and Dedicated server packages for both beginners and professionals alike. Each of their shared Web Hosting plans includes 24/7/365 support, a 99.9% uptime guarantee, and a 45-day money-back guarantee. If you would like to learn more, please visit their company page. Hostgator coupon
Thanks for your sharing! It’s a great stuff.
Very nice post. My site isn’t that complicated techy-wise but i might give it a try using your advice. Thanks
Some say it’s a matter of luck to get a new loan this day
Thanks for the informative article. I always wanted to learn more about Ruby on Rails.
Very nice article I can see you have invested alot of time to produce it, i wish i could write as well as you. keep up the great work!
Good post Thanks for giving the information on how did it start from beginning.
Long Island Swimming Pools
i wish i could write as well as you. keep up the great work!
Thanks for the informative article. [url=http://www.vestidos-para-noivas.com/]vestidos de noivas[/url]
Really informative and well explained article, thanks…
I dont know much about ruby.. best regards Registry Cleaner Reviews
Russian Bear 5000 is a high calorie, zero fat, protein rich weight gaining powder providing an anabolic formula for rapid weight gain without gaining fat.
I am an expert of ruby on rails scripting. I got lot more from this blog. Thank you.<a href = http://www.webmarketingexperts.co.nz >Web Marketing Experts
Web Marketing Experts Bring the power of Agile Development and Ruby on Rails to deliver industry standard web applications. Experienced team ensures that no stone is unturned while launching and maintaining your internet business.
Seo Jobs Bring the power of Agile Development and Ruby on Rails to deliver industry standard web applications. Experienced team ensures that no stone is unturned while launching and maintaining your internet business.
wow!! this is like amazing. i never knew something like this. it is a great technique. you have got amazing knowledge. please do post such interesting and useful things.
<a href =”http://www.lifeinsurancegroup.com.au ”>Life Insurance Group The Rails Studio is a unique opportunity to gain insight into the power of Rails for developing database-backed web applications. Mike and Dave are captivating and inspiring speakers who can deliver both the ‘big picture’ view as well as implementation details. At the end of the session you will be excited about writing in Rails and have the knowledge you need to be productive right away.
Nice article,You did a good job,and i just got one Minnesota Vikings jerseys and New Orleans Saints jerseystoday,so pleasure…..
Thanks for sharing This is a very useful information post.
wholesale nfl jerseys
Do you believe that your shoes do enough for you? Then the christian louboutin come from US for more functions you need. I wanted to let all of you know that mbt lami can have a great tool for professionally fitting. christian louboutin shoes m walk so much easier, fun and better for you than any other shoe I have ever used! mbt chapa will make you a better life. Come to select an christian louboutin sale
Useful advice. I’m working on RoR right now.
This is one of the best posts that I’ve ever seen; you may include some more ideas in the same theme. I’m still waiting for some interesting thoughts from your side in your next post.
YSlow can give me some real big headaches sometimes. Its crazy how subtle changes can make such big differences. Cornerstone Jewelry Designs works with this same idea all the time. They really are ahead of the game. Good article thanks for your time.
Useful advice. I’m working on RoR right now.
welcomet to wholesale coach usa Website:http://www.dearpurses.com
welcomet to wholesale coach usa Website:http://www.dearpurses.com
welcomet to wholesale bags Website:http://www.wholesale567.com
Thanks robby its really very useful to us.
Iam attracted to this post .making this kind of post is really valueble , everyone’s pick here … motorcycle touring
This is the kind of blog that I really appreciate! Great knowledge explained in a way that even I can fully understand! Thanks for sharing.
I have read your article but it is difficult for me to understand more because i am just learning coding but it will help me in future.
I have read your article but it is difficult for me to understand more because i am just learning coding but it will help me in future.