How to Improve your Website Performance
•
1 like•336 views
We all know how important it is to make a good first impression; ‘smile’ ‘eye contact’ you’ve heard it all. However, it’s also important when building experiences on the web. According to Google research, we just have 5 seconds to capture people’s attention and they expect their sites to load in a flash. How fast your website loads is the absolute first impression you make.
Recommended
More Related Content
What's hot
What's hot (20)
Similar to How to Improve your Website Performance
Similar to How to Improve your Website Performance (20)
How to Improve your Website Performance
- 1. SPEED The or How to Improve your Website Performance
- 2. Hello! a faster web that works for everyone. Mike Rynart Find me at @mikerynart and mikerynart.com
- 7. Source: https://wp15.wordpress.net/ Hap b h Wor s !! #W 15
- 8. GLOBAL COMMUNITY Pow b Wo d s
- 9. AGENDA Web Performance matters Web Performance Tips & Tricks Web Performance Management
- 13. “Speed is the most important feature” - Fred Wilson
- 14. Akamai Technologies, “Consumer Web Performance Expectations Survey”, 2014 1 out of 2 people expect a page to load in less than 2 seconds
- 15. Source: DoubleClick - The need for mobile speed, September 2016 53%of visits are abandoned if a mobile site takes more than 3 seconds to load
- 16. Google research: thinkwithgoogle.com Average Load Time Mobile Web 15 Seconds
- 17. https://visitbelfast.com/ Lets see how fast is Belfast....
- 20. Source: DoubleClick - The need for mobile speed, September 2016 Best practice 500KB s e n iz ma r!
- 21. The web is DOOM 2.3 MB https://www.wired.com/2016/04/average-webpage-now-size-original-doom/
- 22. 4G Source: Google Chrome User Experience Report Global, 2018.
- 24. https://www.thinkwithgoogle.com/feature/mobile/ Google Scorecard 5 seconds or less on mobile devices with 3G connections
- 26. Web Performance Retaining users User experience Conversions People
- 27. “If You Can’t Measure It, You Can’t Improve It” - Peter Drucker Web Performance Management
- 28. Web Performance tools https://developers.google.com/web/fundamentals/performance/speed-tools/ PageSpeed Insights GT Metrix Pingdom LighthouseChrome Developer ToolsWebPageTest
- 29. WebPageTest https://webpagetest.org/easy - Moto G4 - Chrome - 4G Speed Index: Lower is Better Target under 3000 ms
- 32. Key Performance Metrics https://sites.google.com/a/webpagetest.org/docs/using-webpagetest/metrics ● SpeedIndex (target < 3 sec for mobile) ● Page Size (Target < 500 KB) ● Server Requests (Target < 50) ● Time to first byte (Target < 1.3 sec) ● Load Time (5 seconds or less on 3G)
- 35. “What you do today can improve all your tomorrows.” - Ralph Marston op se Web Performance Tips & Tricks
- 40. “80% of the end-user response time is spent on the frontend. Start there.” - Steve Souders
- 41. 25% 25% of sites could save > 250KB
- 43. PageSpeed Insights https://developers.google.com/speed/pagespeed/insights/ Page Speed Score 80+ is good
- 45. What plugin should I install?
- 46. Tide https://make.wordpress.org/tide/ Making Wordpress more performant, secure, reliable, and accessible.
- 48. ImagesImages 356 KB 47 KB Image Optimization Tools: ImageOptim 86% savings
- 49. https://developer.chrome.com/devtools TTFB Time to first byte: Lower is Better Target below 200 ms
- 50. HTML + CSS + JS
- 51. Crush It!
- 56. https://developer.chrome.com/devtools Less is Better Target < 50 Server requests DEV Tools
- 57. Source: HTTP Archive - https://httparchive.org/reports/page-weight 1.5MB Total Page Size Lower is Better Target < 500 KB
- 61. PageSpeed Insights https://developers.google.com/speed/pagespeed/insights/ Page Speed Score 80+ is good
- 62. “There is more to life than increasing its Speed” - Mahatma Gandhi
- 65. WordPress + Speed =
- 66. Boost your website 1. Improve your web performance 2. Let's connect @mikerynart https://mikerynart.com/fasterweb/
- 67. Thank you Any questions about web performance? Find me at @mikerynart and mikerynart.com