Optimising your web application
-
Upload
bigrock-india -
Category
Technology
-
view
462 -
download
0
description
Transcript of 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…