Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Deep Dive WordPress Performance

1,427 views

Published on

Speed matters on the mobile web, but how fast your website feels, the perception of speed is just as important.
If we balance real speed and perceived speed as you design your website, and you’ll have a winning combination!

Published in: Technology
  • Be the first to comment

Deep Dive WordPress Performance

  1. 1. Deep Dive into WordPress Performance WEBSITE HTML CSS JAVASCRIPT DNS HTTP PHP CDN 300ms700ms パフォーマンス
  2. 2. Hello! こんにちは Better and faster web that works for everyone! Mike Rynart @mikerynart
  3. 3. Why Speed Matters What Improve & Optimize How Measure Speed
  4. 4. 第一印象 First impression...
  5. 5. 速い Fast!
  6. 6. Akamai Technologies, “Consumer Web Performance Expectations Survey”, 2014 1 out of 2 people expect a page to load in less than 2 seconds
  7. 7. 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
  8. 8. 速度 Speed!
  9. 9. Source: Google How important is speed to users? (Speed Matters, Vol. 3)
  10. 10. https://webmasters.googleblog.com/2018/01/using-page-speed-in-mobile-search.html
  11. 11. https://wpostats.com/
  12. 12. 時間=お金 Time = Money
  13. 13. How are we doing?
  14. 14. We suck!
  15. 15. Source: Google Research - Webpagetest.org, January 2018
  16. 16. http://www.evolutionoftheweb.com/
  17. 17. Source: DoubleClick - The need for mobile speed, September 2016 s e n iz ma r!
  18. 18. The web is DOOM 2.3 MB https://www.wired.com/2016/04/average-webpage-now-size-original-doom/
  19. 19. ユーザー体験 User Experience
  20. 20. 2018 Google Using page speed in mobile search ranking 2011 Google introduces Page Speed Online 2010 Google first announces that “site speed” is a ranking factor 2006 Google's Marissa Mayer: Speed wins
  21. 21. https://webmasters.googleblog.com/2018/01/using-page-speed-in-mobile-search.html
  22. 22. どのくらい速いのか? How Fast?
  23. 23. 開始? Start?
  24. 24. 旅... Journey...
  25. 25. Web Performance tools https://developers.google.com/web/fundamentals/performance/speed-tools/ PageSpeed Insights GT Metrix Pingdom LighthouseChrome Developer ToolsWebPageTest
  26. 26. https://webpagetest.org/easy - Moto G4 - Chrome - 4G
  27. 27. 早く感じる? Feels fast?
  28. 28. 楽しい時間 Fun times!
  29. 29. 待っている Waiting...
  30. 30. Source: Ericsson ConsumerLab, Neurons Inc. 感知 Perception
  31. 31. FCP: https://developers.google.com/web/tools/lighthouse/audits/first-contentful-paint
  32. 32. 面白い Interesting
  33. 33. TTI: https://developers.google.com/web/tools/lighthouse/audits/time-to-interactive
  34. 34. 準備完了 Feel ready?
  35. 35. ややこしい Complex
  36. 36. https://www.w3.org/blog/2012/09/performance-timing-information/
  37. 37. https://www.w3.org/blog/2012/09/performance-timing-information/ BACKEND FRONTEND
  38. 38. https://www.w3.org/blog/2012/09/performance-timing-information/ BACKEND FRONTEND
  39. 39. Sen w hi s OPTIMIZATION 3 RULES
  40. 40. Sen m r in Sen w hi s OPTIMIZATION 3 RULES
  41. 41. Sen m r in Sen w hi s Sen h s e f i n y OPTIMIZATION 3 RULES
  42. 42. 行くぞ Let’s go!
  43. 43. https://miamitouristguide.com
  44. 44. https://developers.google.com/web/tools/lighthouse/
  45. 45. 6.5 seconds.
  46. 46. https://developer.chrome.com/devtools
  47. 47. Laz d im Abo h fo
  48. 48. 3.9 seconds
  49. 49. Mobile first
  50. 50. Cloud Hosting
  51. 51. Images Addy Osmani: https://images.guide/
  52. 52. Imagify https://wordpress.org/plugins/imagify/ Image Optimizer
  53. 53. Cache https://wordpress.org/plugins/w3-total-cache/ W3 Total Cache
  54. 54. https://wordpress.org/plugins/wp-super-cache/ Cache and Compress WP Super Cache
  55. 55. https://wordpress.org/plugins/autoptimize/ Merge and Minify Autoptimize
  56. 56. https://wordpress.org/plugins/a3-lazy-load/ Lazy loading A3 Lazy Load
  57. 57. https://wordpress.org/plugins/plugin-load-filter/ Plugin Load Filter
  58. 58. 3.8 seconds 3G
  59. 59. 驚くばかり Awesome!
  60. 60. 速度 Speed Matters!
  61. 61. 質問? Questions? Let’s connect @mikerynart and mikerynart.com Start your journey @mikerynart https://mikerynart.com/fasterweb/

×