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

Web performance at Friends of Search 2024 (Arn...

Web performance at Friends of Search 2024 (Arnout Hellemans)

Arnout Hellemans

March 21, 2024
Tweet

Other Decks in Marketing & SEO

Transcript

  1. "A 2012 detailed study at Bing (Kohavi et al.2013) showed

    that every 100 ms speedup improves revenue by 0.6%."* *Kohavi, Ron; Tang, Diane; Xu, Ya. Trustworthy Online Controlled Experiments: A Practical Guide to A/B Testing (p. 82).
  2. GTM > GA + HotJar + GO = ~220kb =

    40% of page weight = 0.1 second
  3. Fewer errors Easier a/b testing faster development (velocity) Easier to

    scale development resources Optimised code leads to:
  4. <link rel="preload" as="font" type="font/woff2" href="/fonts/rubik.woff2" fetchpriority="high"/> <style type="text/css"> @font-face {

    font-family:'Rubik'; src: url('/fonts/rubik.woff2’); } </style> self-hosting = faster woff2 = faster fetchpriority = new
  5. <style type="text/css"> @font-face { font-family:'Rubik'; font-style:normal; font-weight:400; font-display:swap; unicode-range:U+0000-00FF, U+0131,

    U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; src:local('Rubik'), local('Rubik-Regular'), url('/fonts/rubik-latin-400.woff2?ver=1606167081') format('woff2'); } @font-face { font-family:'Rubik'; font-style:normal; font-weight:700; font-display:swap; unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; src:local('Rubik Bold'), local('Rubik-Bold'), url('/fonts/rubik-latin-700.woff2?ver=1606167081') format('woff2'); } </style> Manage weight, style, display, and glyphs