Optimising your web application

Optimizing your Web Application

But Why?

• 47% of consumers expect a web page to load in 2 seconds or less.

• 40% of people abandon a website that takes more than 3 seconds to load.

• A 1 second delay in page response can result in a 7% reduction in conversions.

*Source = http://blog.kissmetrics.com/loading-time/

Two Sides to Optimization

Increase Speed Reduce Errors

Alright , lets get cracking

Not so fast there, buster…

First, we need to monitor

Application and Website Monitoring

NewRelic “Real User Monitoring”

What makes up Page Load Time?

• Request queuing – wait time between App and Web Server

• Network – Latency/Round trip time• Web Application – time spent in application

code• DOM – parsing and interpreting HTML• Page Rendering – displaying HTML, inline JS

and images

Capturing Errors

JavaScript - ErrorCeption

PHP - NewRelic

Functional Tests

• We’ve implemented over 50 functional tests using watir

def search_for(domain) @watir.text_field(:id => 'field_domains-input').set(domain) @watir.span(:class => 'tlds-dd').click @watir.button(:id => 'go_btn').click switch_to :search_results_page end

I feel the need…the need for Speed!

Serve Resources from sub-domains

*Source = StackOverFlow - http://stackoverflow.com/questions/11185618/whats-the-maximum-number-of-simultaneous-connections-a-browser-will-make

Mod_pagespeed

• The best thing since sliced bread!• Open source module made available by

Google• Works with Apache• Contains 40+ optimization filters which can be

switched on/off

Mod_pagespeed

• The best thing since sliced bread!

ModPagespeedEnableFilters move_css_to_head,combine_css,rewrite_css,fallback_rewrite_css_urls

ModPagespeedEnableFilters rewrite_javascript,inline_css,inline_javascript,rewrite_images,convert_jpeg_to_progressive

• https://developers.google.com/speed/

And One more thing…