Speed really matters on the mobile web, but how fast your website feels, the perception of speed is just as important. Use the tools available to you to measure, optimize and monitor your performance to Get Fast and Stay Fast. In this talk at WordCamp Sofia 2018, I talked about web performance and how to get fast and stay fast.

1. Get Fast
Stay Fast

2. Get Fast
Stay Fast
Mike Rynart
@mikerynart

3. Get Fast and Stay Fast
measure optimize monitor1 2 3

4. 4 B ...
Statista: Global digital population as of July 2018Shibuya Crossing, Tokyo

5. .
https://www.blog.google/technology/next-billion-users/

6. Source: DoubleClick - The need for mobile speed, September 2016
53% f
f
3

7. Source: Statcounter.com

8. https://searchengineland.com

9. T future of mobile
f f !

10. Houston,
W !

11. Source: Google Research - Webpagetest.org, January 2018

12. Source: DoubleClick - The need for mobile speed, September 2016
53%
2 M

13. The web is
DOOM
2.3 MB
https://www.wired.com/2016/04/average-webpage-now-size-original-doom/

14. User Experience

17. 10 or 30
results?

18. More is
better!

22. 0.05
seconds!20%

23. “E 100
1% f ”

24. https://wpostats.com/

25. W ?

27. J ...

28. D ...

29. Monitor Measure
Optimize
Get Fast
Stay Fast

30. "If you can't measure it,
you can't improve it."
- P D

31. https://developers.google.com/web/fundamentals/performance/speed-tools/
PageSpeed Insights GT Metrix Pingdom
LighthouseChrome Developer ToolsWebPageTest

34. https://webpagetest.org/easy - Moto G4 - Chrome - 4G

35. H f ...

36. P
P f ...

37. FCP: https://developers.google.com/web/tools/lighthouse/audits/first-contentful-paint

38. TTI: https://developers.google.com/web/tools/lighthouse/audits/time-to-interactive

39. Monitor Measure
Optimize
Get Fast
Stay Fast

40. https://miamitouristguide.com

41. https://developers.google.com/web/tools/lighthouse/

42. 6.5 seconds.

43. https://developer.chrome.com/devtools

44. https://wordpress.org/plugins/a3-lazy-load/
Lazy loading
A3 Lazy Load

45. 3.9 seconds

46. M !

47. Cloud Hosting

49. https://varvy.com/pagespeed/enable-compression.html

50. https://varvy.com/pagespeed/content-delivery-networks.html

51. https://squoosh.app/

52. Imagify
https://wordpress.org/plugins/imagify/
Image
Optimizer

53. Cache and Compress

54. https://wordpress.org/plugins/wp-super-cache/
Cache and Compress
WP Super Cache

55. Merged + Minified
https://developers.google.com/speed/docs/insights/MinifyResources

56. https://wordpress.org/plugins/autoptimize/
Merge and Minify
Autoptimize

57. https://developers.google.com/web/updates/2018/08/web-performance-made-easy
Remove unused code

58. https://wordpress.org/plugins/plugin-load-filter/
Plugin
Load Filter

59. https://developers.google.com/web/tools/lighthouse/

60. 3.8 seconds 3G

61. Monitor Measure
Optimize
Get Fast
Stay Fast

63. http://www.performancebudget.io/

66. https://www.similarweb.com

67. https://speedcurve.com

68. Monitor Measure
Optimize
Get Fast
Stay Fast

69. Get Fast & Stay Fast...

70. Q ?
Let’s connect @mikerynart and mikerynart.com
Get Fast and Stay Fast
@mikerynart
https://mikerynart.com/getfast/