How To Monitor Your Page Speed At Scale With PageSpeed API

1. How to monitor your
page speed at scale
with PageSpeed API
Ozan Ketenci | Zeo
@ozanoid
zeo.org/brightonseo2021

2. @ozanoid zeo.org
#brightonseo

3. @ozanoid zeo.org
#brightonseo

4. @ozanoid zeo.org
#brightonseo

5. Speed matters.
@ozanoid zeo.org
#brightonseo

6. @ozanoid zeo.org
#brightonseo

7. @ozanoid zeo.org
#brightonseo

8. @ozanoid zeo.org
#brightonseo

9. @ozanoid zeo.org
#brightonseo

10. Speed matters. Experience
matters more.
@ozanoid zeo.org
#brightonseo

11. Monitoring & Development
@ozanoid zeo.org
#brightonseo

12. @ozanoid zeo.org
#brightonseo

13. Monitoring is crucial for constant
development.
@ozanoid zeo.org
#brightonseo

14. While the Core Web Vitals are the critical metrics for
understanding and delivering a great user
experience, there are other vital metrics as well.
These other Web Vitals often serve as proxy or
supplemental metrics for the Core Web Vitals, to help
capture a larger part of the experience or to aid in
diagnosing a specific issue.
@ozanoid zeo.org
#brightonseo

15. Performance Score
FCP SI LCP TTI TBT CLS
Server Response Time Render Blocking Resources
Redirects
Critical Requests Text Compression
Preconnect/Preload Fonts
Javascript/CSS Total Byte
Dom Size
3rd Party Codes
Images
@ozanoid zeo.org
#brightonseo

16. Why automating?
@ozanoid zeo.org
#brightonseo

17. @ozanoid zeo.org
#brightonseo

18. @ozanoid zeo.org
#brightonseo

19. @ozanoid zeo.org
#brightonseo

20. https://www.googleapis.com/pagespeedonline/v5/runPagespeed?url=https://developers.google.com
@ozanoid zeo.org
#brightonseo

21. @ozanoid zeo.org
#brightonseo

22. @ozanoid zeo.org
#brightonseo

23. @ozanoid zeo.org
#brightonseo

24. @ozanoid zeo.org
#brightonseo

25. @ozanoid zeo.org
#brightonseo

26. @ozanoid zeo.org
#brightonseo

27. @ozanoid zeo.org
#brightonseo

28. @ozanoid zeo.org
#brightonseo

29. @ozanoid zeo.org
#brightonseo

30. @ozanoid zeo.org
#brightonseo

31. @ozanoid zeo.org
#brightonseo

32. @ozanoid zeo.org
#brightonseo

33. @ozanoid zeo.org
#brightonseo

34. @ozanoid zeo.org
#brightonseo

35. @ozanoid zeo.org
#brightonseo

36. @ozanoid zeo.org
#brightonseo

37. Now what?
@ozanoid zeo.org
#brightonseo

38. @ozanoid zeo.org
#brightonseo

39. @ozanoid zeo.org
#brightonseo

40. @ozanoid zeo.org
#brightonseo

41. Monitor thresholds.
@ozanoid zeo.org
#brightonseo

42. @ozanoid zeo.org
#brightonseo

43. @ozanoid zeo.org
#brightonseo

44. @ozanoid zeo.org
#brightonseo

45. Visualize to see the bigger
picture.
@ozanoid zeo.org
#brightonseo

46. @ozanoid zeo.org
#brightonseo

47. @ozanoid zeo.org
#brightonseo

48. @ozanoid zeo.org
#brightonseo

49. @ozanoid zeo.org
#brightonseo

50. @ozanoid zeo.org
#brightonseo

51. Create your own diagnostic
tools.
@ozanoid zeo.org
#brightonseo

52. @ozanoid zeo.org
#brightonseo

53. @ozanoid zeo.org
#brightonseo

54. @ozanoid zeo.org
#brightonseo

55. @ozanoid zeo.org
#brightonseo

56. Create feeds for more dynamic
monitoring and bulk analysis.
@ozanoid zeo.org
#brightonseo

57. @ozanoid zeo.org
#brightonseo

58. @ozanoid zeo.org
#brightonseo

59. @ozanoid zeo.org
#brightonseo

60. @ozanoid zeo.org
#brightonseo

61. @ozanoid zeo.org
#brightonseo

62. @ozanoid zeo.org
#brightonseo

63. @ozanoid zeo.org
#brightonseo

64. @ozanoid zeo.org
#brightonseo

65. How to improve CWV metrics?
@ozanoid zeo.org
#brightonseo

66. @ozanoid zeo.org
#brightonseo
• Server response time
• Render-blocking JS and CSS files/objects
• Resource loading time
• Executions on client-side

67. @ozanoid zeo.org
#brightonseo
• 3rd party codes
• JavaScript execution time
• Main thread size
• Number of requests
• Transfer size

68. @ozanoid zeo.org
#brightonseo
• Determining absolute dimension of every
element
• Using containers/placeholders for elements
loading with delay (eg. ad banners, app
download notifications)
• Avoiding dynamic content injection
• Preferring “transform” animations

69. Useful links
@ozanoid zeo.org
#brightonseo

70. @ozanoid zeo.org
#brightonseo
A technical guide to Lighthouse metrics:
https://www.searchenginejournal.com/core-web-vitals/technical-seo-
lighthouse/
Learn Web Vitals: https://web.dev/learn-web-vitals/
PageSpeed API reference:
https://developers.google.com/speed/docs/insights/rest/v5/pagesp
eedapi/runpagespeed
Upcoming talk on MeasureFest by Lazarina Stoy:
https://autumn2021.brightonseo.com/talks/interactive-data-studio-
reporting-for-core-web-vitals-performance-and-progress-tracking-using-
screaming-frog-and-sheets/
All materials in this deck: https://zeo.org/brightonseo2021/

71. Thank you.
zeo.org/brightonseo2021
@ozanoid zeo.org
#brightonseo