Downloaded 10 times
Uploaded bySérgio Laranjeira
Profilling client performance
The document discusses the critical importance of website performance, particularly in e-commerce, highlighting that slow load times can significantly impact conversion rates and revenue. It provides best practices and tools for optimizing web performance, including reducing HTTP requests, using CDNs, and minifying resources. The author emphasizes that fostering a performance-oriented culture within organizations is essential for maintaining competitive advantage in the digital landscape.
More Related Content
Similar to Profilling client performance
Profilling client performance
- 1. Performance on the clientside 29 May 2015 Sérgio Laranjeira
- 2. Why Fast? 0-100ms 0-300ms1 second 10 seconds Bad Experience Never coming back
- 3. Does it matter?ConversionRate 0 0,1 0,2 0,3 0,4 LoadTime (seconds) 0-1 1-2 2-3 3-4 4-5 5-6 6-7 7-8 8-9 9-10
- 4. Conversion Rate - 7%percentsales 1 Second Delay 30 milliona month You are loosing 2.1 million a month 25 million a year
- 5. SecondstoLoad 7 2013 2014 6,5 5,3 Page LoadTime Top 100 e-commerce websites
- 6. Average page size 1995 14Kb 2.3resources 2010 498Kb 75 resources 2014 1925Kb 100+ resources 2015 2099Kb 130+ resources
- 7. When you wantto be fast, you have to give up the things slowing you down Addy Osmany
- 8.
- 9.
- 10. Rules of Performance Rule1 - Make Fewer HTTP Requests Rule 2 - Use a Content Delivery Network Rule 3 - Add an Expires Header Rule 4 - Gzip Components Rule 5 - Put Stylesheets at the Top Rule 6 - Put Scripts at the Bottom Rule 7 - Avoid CSS Expressions Rule 8 - Make JavaScript and CSS External Rule 9 - Reduce DNS Lookups Rule 10 - Minify JavaScript Rule 11 - Avoid Redirects Rule 12 - Remove Duplicate Scripts Rule 13 - Configure ETags Rule 14 - Make AJAX Cacheable
- 11.
- 12.
- 13.
- 14.
- 15.
- 16.
- 17. Load font fromlocal Storage Add the CSS to the page Add the Font to the local storage Is the font in the Local Storage already? Local Storage Font Does it have support for Local Storage? Load font files Fallback Method Download Font Async
- 18.
- 20. Performance Budget Budget Perfecttarget Speed Index <2000 <1000 Server Response (TTFB) ms <450 <300 HTML Errors <20 0 DOM Elements <1200 700 Fully Loaded Time <5s 1s Fully Loaded Bytes <2000kb <1.500Kb Document Complete Time <3s <1.5s Performance Grade Desktop / Mobile 80/75 95/90
- 21. Performance is everyonesjob Optimize, repeat and keep testing Visualize and share results with everyone Performance Culture
- 22. Perception of fastand performant website is sometimes more important than being actually fast.
- 23. Future You will eventuallyhave to rebuild all your system Everyone at your company will be focused on performance. Web Technologies will make you have extremely instant experiences.
- 24. It’s a race…you always need to be the fastest
- 25.