optimising your web application
DESCRIPTION
Praveen Umanath, Product Manager at BigRock conducts a session on how to optimise web applications at httpX 2013, New DelhiTRANSCRIPT
![Page 1: Optimising your web application](https://reader033.vdocument.in/reader033/viewer/2022061219/54b857374a7959e11c8b4a1b/html5/thumbnails/1.jpg)
Optimizing your Web Application
![Page 2: Optimising your web application](https://reader033.vdocument.in/reader033/viewer/2022061219/54b857374a7959e11c8b4a1b/html5/thumbnails/2.jpg)
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/
![Page 3: Optimising your web application](https://reader033.vdocument.in/reader033/viewer/2022061219/54b857374a7959e11c8b4a1b/html5/thumbnails/3.jpg)
Two Sides to Optimization
Increase Speed Reduce Errors
![Page 4: Optimising your web application](https://reader033.vdocument.in/reader033/viewer/2022061219/54b857374a7959e11c8b4a1b/html5/thumbnails/4.jpg)
Alright , lets get cracking
![Page 5: Optimising your web application](https://reader033.vdocument.in/reader033/viewer/2022061219/54b857374a7959e11c8b4a1b/html5/thumbnails/5.jpg)
Not so fast there, buster…
![Page 6: Optimising your web application](https://reader033.vdocument.in/reader033/viewer/2022061219/54b857374a7959e11c8b4a1b/html5/thumbnails/6.jpg)
First, we need to monitor
![Page 7: Optimising your web application](https://reader033.vdocument.in/reader033/viewer/2022061219/54b857374a7959e11c8b4a1b/html5/thumbnails/7.jpg)
Application and Website Monitoring
![Page 8: Optimising your web application](https://reader033.vdocument.in/reader033/viewer/2022061219/54b857374a7959e11c8b4a1b/html5/thumbnails/8.jpg)
NewRelic “Real User Monitoring”
![Page 9: Optimising your web application](https://reader033.vdocument.in/reader033/viewer/2022061219/54b857374a7959e11c8b4a1b/html5/thumbnails/9.jpg)
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
![Page 10: Optimising your web application](https://reader033.vdocument.in/reader033/viewer/2022061219/54b857374a7959e11c8b4a1b/html5/thumbnails/10.jpg)
Capturing Errors
![Page 11: Optimising your web application](https://reader033.vdocument.in/reader033/viewer/2022061219/54b857374a7959e11c8b4a1b/html5/thumbnails/11.jpg)
JavaScript - ErrorCeption
![Page 12: Optimising your web application](https://reader033.vdocument.in/reader033/viewer/2022061219/54b857374a7959e11c8b4a1b/html5/thumbnails/12.jpg)
PHP - NewRelic
![Page 13: Optimising your web application](https://reader033.vdocument.in/reader033/viewer/2022061219/54b857374a7959e11c8b4a1b/html5/thumbnails/13.jpg)
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
![Page 14: Optimising your web application](https://reader033.vdocument.in/reader033/viewer/2022061219/54b857374a7959e11c8b4a1b/html5/thumbnails/14.jpg)
I feel the need…the need for Speed!
![Page 15: Optimising your web application](https://reader033.vdocument.in/reader033/viewer/2022061219/54b857374a7959e11c8b4a1b/html5/thumbnails/15.jpg)
Serve Resources from sub-domains
*Source = StackOverFlow - http://stackoverflow.com/questions/11185618/whats-the-maximum-number-of-simultaneous-connections-a-browser-will-make
![Page 16: Optimising your web application](https://reader033.vdocument.in/reader033/viewer/2022061219/54b857374a7959e11c8b4a1b/html5/thumbnails/16.jpg)
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
![Page 17: Optimising your web application](https://reader033.vdocument.in/reader033/viewer/2022061219/54b857374a7959e11c8b4a1b/html5/thumbnails/17.jpg)
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/
![Page 18: Optimising your web application](https://reader033.vdocument.in/reader033/viewer/2022061219/54b857374a7959e11c8b4a1b/html5/thumbnails/18.jpg)
And One more thing…