Upgrade to Pro — share decks privately, control downloads, hide ads and more …

A strategic view on website quality

A strategic view on website quality

If the quality of our websites determines how well they perform, then why are they all so terrible?

From start-ups to enterprises and everything in-between, organizations are allowing their slow, broken websites to cost them a fortune in missed opportunities. It's time to change that. Now we have the tools, metrics, processes and technologies to make our websites truly shine.

Cast off the shackles of your technical debt, your bureaucracy, and our collective acceptance that it's somehow okay to serve rubbish experiences to our audiences.

We can do better. We can make our websites perfect, delight our users, and beat our competitors to the finish line with just a few simple tricks.

Jono Alderson

April 14, 2022
Tweet

More Decks by Jono Alderson

Other Decks in Marketing & SEO

Transcript

  1. @jonoalderson
    We can do
    better than this

    View Slide

  2. @jonoalderson
    Nobody’s perfect

    View Slide

  3. @jonoalderson
    “With a 0.1s improvement in site
    speed, we observed that retail
    consumers spent almost 10% more ”

    Deloitte, 2020, via https://bit.ly/3FOa48A
    More studies at wpostats.com

    View Slide

  4. @jonoalderson
    “US consumers with vision loss have
    an estimated $175 billion of
    disposable income.”
    Blindcanadians.ca (via CXL), 2015, via https://bit.ly/3I13ls5

    View Slide

  5. @jonoalderson
    “Across industries, the average landing
    page conversion rate was 2.35%”
    WordStream, 2021, via https://bit.ly/3Gs5E7d

    View Slide

  6. @jonoalderson
    You’re competing for
    subconscious attention

    View Slide

  7. @jonoalderson
    So, how are we doing?

    View Slide

  8. @jonoalderson
    pingdom.com/blog/web-performance-top-100-e-commerce-sites-in-2018/

    View Slide

  9. @jonoalderson
    pingdom.com/blog/web-performance-top-100-e-commerce-sites-in-2018/

    View Slide

  10. @jonoalderson
    pingdom.com/blog/web-performance-top-100-e-commerce-sites-in-2018/
    ?

    View Slide

  11. @jonoalderson
    gtmetrix.com/reports/www.gap.com/GHyVT3JE/

    View Slide

  12. @jonoalderson
    pingdom.com/blog/web-performance-top-100-e-commerce-sites-in-2018/
    E
    ?

    View Slide

  13. @jonoalderson
    gtmetrix.com/reports/www.bestbuy.ca/vKFafNXt/

    View Slide

  14. @jonoalderson
    pingdom.com/blog/web-performance-top-100-e-commerce-sites-in-2018/
    E
    F
    ?

    View Slide

  15. @jonoalderson
    gtmetrix.com/reports/www.underarmour.com/og5ejNdl/

    View Slide

  16. @jonoalderson
    pingdom.com/blog/web-performance-top-100-e-commerce-sites-in-2018/
    E
    F
    D

    View Slide

  17. @jonoalderson
    What about all the clever,
    disruptive startups?

    View Slide

  18. @jonoalderson
    gtmetrix.com/reports/www.pactcoffee.com/KTZbj1ch/

    View Slide

  19. @jonoalderson
    gtmetrix.com/reports/impossiblefoods.com/DuUwiVDy/

    View Slide

  20. @jonoalderson
    gtmetrix.com/reports/purple.com/nZ9SjFSC/

    View Slide

  21. @jonoalderson
    What about the
    big players?

    View Slide

  22. @jonoalderson
    gtmetrix.com/reports/www.coca-cola.co.uk/wtj1N0DN/

    View Slide

  23. @jonoalderson
    gtmetrix.com/reports/www.gap.com/GHyVT3JE/

    View Slide

  24. @jonoalderson
    gtmetrix.com/reports/www.dell.com/CgWuTjut/

    View Slide

  25. @jonoalderson
    gtmetrix.com/reports/www.nvidia.com/zpIuWwPS/

    View Slide

  26. @jonoalderson
    gtmetrix.com/reports/www.vodafone.co.uk/mlxE9Fh7/

    View Slide

  27. @jonoalderson
    gtmetrix.com/reports/www.vodafone.co.uk/mlxE9Fh7/
    web.dev/vodafone/

    View Slide

  28. @jonoalderson
    Most websites are
    imperfect bad

    View Slide

  29. @jonoalderson
    It’s almost always the
    same story

    View Slide

  30. @jonoalderson
    It’s easy to
    understand why

    View Slide

  31. @jonoalderson
    There is a solution.

    View Slide

  32. @jonoalderson
    web.dev/vitals/

    View Slide

  33. @jonoalderson
    web.dev/vitals-tools/

    View Slide

  34. @jonoalderson
    (on lab data vs field data)

    View Slide

  35. @jonoalderson
    web.dev/chrome-ux-report-data-studio-dashboard/

    View Slide

  36. @jonoalderson
    CWV fixes
    "It's hard to quantify"

    View Slide

  37. @jonoalderson
    (and provides motivation)

    View Slide

  38. @jonoalderson
    They even give specific
    recommendations

    View Slide

  39. @jonoalderson
    web.dev/optimize-vitals-lighthouse/

    View Slide

  40. @jonoalderson
    web.dev/patterns/web-vitals-patterns/

    View Slide

  41. @jonoalderson
    developers.google.com/web/fundamentals/design-and-ux/responsive/images

    View Slide

  42. @jonoalderson
    And workflows

    View Slide

  43. @jonoalderson
    web.dev/vitals-tools-workflow/

    View Slide

  44. @jonoalderson
    These are all
    solved problems

    View Slide

  45. @jonoalderson
    The (lack of) tools & docs
    aren’t the problem

    View Slide

  46. @jonoalderson
    Either they don’t know,
    or don’t care

    View Slide

  47. @jonoalderson
    CWV scores don’t
    just measure speed

    View Slide

  48. @jonoalderson
    Technical
    maturity

    View Slide

  49. @jonoalderson
    Resource
    allocation
    & budget

    View Slide

  50. @jonoalderson
    Competency
    & Capabilities

    View Slide

  51. @jonoalderson
    Priorities &
    politics

    View Slide

  52. @jonoalderson
    Trajectory &
    velocity

    View Slide

  53. @jonoalderson
    Why is this
    important?

    View Slide

  54. @jonoalderson
    CWV is a
    proxy for quality*

    View Slide

  55. @jonoalderson
    "The quality of your
    website determines
    how well it performs"

    View Slide

  56. @jonoalderson
    There’ll be
    new metrics

    View Slide

  57. @jonoalderson
    SEO, accessibility,
    general best practice
    & more

    View Slide

  58. @jonoalderson

    View Slide

  59. @jonoalderson

    View Slide

  60. @jonoalderson

    View Slide

  61. @jonoalderson
    ???

    View Slide

  62. @jonoalderson
    And the metrics &
    measurements evolve

    View Slide

  63. @jonoalderson
    Speed quality is
    important.

    View Slide

  64. @jonoalderson
    blog.google/products/search/overview-our-rater-guidelines-search/

    View Slide

  65. @jonoalderson
    So, what
    do we do?

    View Slide

  66. @jonoalderson
    Don’t aim for perfection

    View Slide

  67. @jonoalderson
    gtmetrix.com/reports/www.jonoalderson.com/p9qItDqQ/

    View Slide

  68. @jonoalderson
    gtmetrix.com/reports/yoast.com/rvkNGtO3/

    View Slide

  69. @jonoalderson
    If you have a team of
    performance experts

    View Slide

  70. @jonoalderson
    If you
    start from scratch

    View Slide

  71. @jonoalderson
    Or you have
    unlimited resources
    and timeframes

    View Slide

  72. @jonoalderson
    And if you can
    perfectly predict your
    future needs

    View Slide

  73. @jonoalderson
    And if you can
    keep it performant
    once you've created it

    View Slide

  74. @jonoalderson

    View Slide

  75. @jonoalderson
    You cannot make a
    perfect website

    View Slide

  76. @jonoalderson
    But you shouldn’t try to.

    View Slide

  77. @jonoalderson
    Your strategy
    shouldn’t be hope

    View Slide

  78. @jonoalderson
    You cannot make a
    perfect website

    View Slide

  79. @jonoalderson
    Cheat
    Collaborate

    View Slide

  80. @jonoalderson
    How to get other
    people to make your
    website perfect for you

    View Slide

  81. @jonoalderson
    Operating system
    Publishing &
    optimization suite
    App store
    Telco infrastructure
    (fibre, security, analytics)

    View Slide

  82. @jonoalderson
    Publishing &
    optimization suite
    App store
    Telco infrastructure
    (fibre, security, analytics)
    Operating system

    View Slide

  83. @jonoalderson
    But...

    View Slide

  84. @jonoalderson
    You need to get the
    basics right, before you
    chase the shinies

    View Slide

  85. @jonoalderson
    But…
    You can have your
    cake and eat it.

    View Slide

  86. @jonoalderson
    Publishing &
    optimization suite
    Telco infrastructure
    (fibre, security, analytics)
    App store
    Operating system

    View Slide

  87. @jonoalderson
    !?

    View Slide

  88. @jonoalderson
    amp.dev/documentation/components/

    View Slide

  89. @jonoalderson
    AMP is the best
    performance framework

    View Slide

  90. @jonoalderson

    View Slide

  91. @jonoalderson
    amp.dev

    View Slide

  92. @jonoalderson
    bentojs.dev

    View Slide

  93. @jonoalderson
    Publishing & optimization suite
    Telco infrastructure
    (fibre, security, analytics)
    App store
    Operating system

    View Slide

  94. @jonoalderson
    Pipelines and lego

    View Slide

  95. @jonoalderson

    View Slide

  96. @jonoalderson
    Telco infrastructure
    (fibre, security, analytics)
    Publishing & optimization suite
    App store
    Operating system

    View Slide

  97. @jonoalderson

    View Slide

  98. @jonoalderson

    View Slide

  99. @jonoalderson

    View Slide

  100. @jonoalderson
    Publishing & optimization suite Telco infrastructure
    (fibre, security, analytics)
    App store
    Operating system

    View Slide

  101. @jonoalderson
    Anticlimactic, eh?

    View Slide

  102. @jonoalderson
    pingdom.com/blog/web-performance-top-100-e-commerce-sites-in-2018/

    View Slide

  103. @jonoalderson
    “We can do this
    ourselves”

    View Slide

  104. @jonoalderson
    Stop trying to make a
    perfect website

    View Slide

  105. @jonoalderson
    Stop accepting that
    it’s normal for your
    website to be crappy

    View Slide

  106. @jonoalderson
    Get other people to
    make your website
    perfect for you

    View Slide

  107. @jonoalderson
    Telco infrastructure
    (fibre, security, analytics)
    Publishing & optimization suite
    App store
    Operating system

    View Slide

  108. @jonoalderson
    Check your
    CWV scores

    View Slide

  109. @jonoalderson
    Check your stack

    View Slide

  110. @jonoalderson
    Chase perfection

    View Slide

  111. @jonoalderson
    Get help
    Win

    View Slide

  112. @jonoalderson
    Thanks!

    View Slide