Client Side Measurement & Performance With Rails

Client-Side Performance Measurement & Optimization with Rails Eric Falcao, FiveRuns http://austinentrepreneur.wordpress.com efalcao@gmail.com

The Performance Golden Rule “Only 10-20% of the end user response time is spent downloading the HTML document. The other 80-90% is spent downloading all the components in the page” -- Steve Souders

Page on uship.com (30k views/day) after implementing only one best practice

Performance Optimization Without Measuring? Good intent but not very scientiﬁc There’s no easy as in Rails-easy way to measure client-side performance

clientperf gem install clientperf clientperf /path/to/rails/app rake db:migrate

/clientperf

Make Less HTTP Requests Less requests, less HTTP overhead Combine components wherever possible:

Gzip Components http { ... gzip on; gzip_min_length 1100; gzip_types text/plain text/html application/x-javascript text/css application/atom+xml text/xml text/js text/javascript; ... } Huge reduction in response size (~70%)

Add an expires header Eliminates 304 Not Modiﬁed Requests Rails helps... ...but you need to add this: server { ... root /home/uberhour/uberhour/current/public; location ~ ^/(images|javascripts|stylesheets)/ { root /home/uberhour/uberhour/current/public; expires 365d; } ... }

Put Stylesheets at the Top Allows the browser to start rendering the page as content is downloaded Everybody already does this....moving along!

Scripts at the Bottom Scripts are downloaded and block the rest of the component requests while they are being loaded in the layout: in the view:

Just a Start There are now 34 rules broken into 7 categories

Resources http://developer.yahoo.com/performance/ http://developer.yahoo.com/yslow/ http://github.com/efalcao/clientperf/

Questions?

http://austinentrepreneur.wordpress.com	369
http://austinonrails.org	90
http://www.austinonrails.org	23
http://www.slideshare.net	5
http://abtasty.com	5
url_unknown	1

Client Side Measurement & Performance With Rails

by efalcao

Accessibility

Categories

Upload Details

Usage Rights

6 Embeds 493

Statistics

Client Side Measurement & Performance With Rails Presentation Transcript