Performance

If a website isn’t fast, it isn’t accessible. A full list of categories is also available.

  1. AVIF and WebP are not always better than PNG and JPG

    Article posted 24th May 2021 in Development and Performance

    AVIF and WebP are better image compression smaller files than PNG and JPG, but

  2. Converting images to AVIF in 2021

    Article posted 18th May 2021 in Development and Performance

    AVIF is amazing, but the big downside is that it’s not an export option in any of my image software yet. Here’s what I’m doing in the meantime.

  3. AVIF image compression is incredible

    Article posted 17th May 2021 in Development and Performance

    WebP images are now supported in all modern web browsers, but the emerging AVIF format promises to be even better; I’m pleased to tell you it is!

  4. Caching fonts on Netlify

    Article posted 22nd February 2021 in Development, Performance and Serverless

    I’m not sure what took me so long to notice, but my website’s custom font wasn’t caching. The good news is that caching is easy with Netlify.

  5. Using image aspect ratios to avoiding janky page loading

    Article posted 6th July 2020 in Development, HTML and Performance

    Adding dimensions to images in HTML is useful again! They’re a progressive enhancement to calculate the image’s aspect ratio and prevent jank.

  6. Lazy loading images without JavaScript

    Article posted 3rd July 2020 in Development, HTML and Performance

    Non-JavaScript lazy loading is a great progressive enhancement for image-heavy pages on the web. Just a simple HTML attribute and you’re away!

  7. Design and build for the worst case scenario

    Resource posted 29th June 2015 in Accessibility, Performance and Search

    Performance matters. If your website loads slowly it could be costing you business, so make sure it works for even the slowest of internet connections

  8. Webfonts

    Resource posted 11th September 2014 in Brand and Performance

    So what’s all this about webfonts? Can’t I just have my website display my text in the font I want? Well, the answer is “yes and no”…

  9. How the web works

    Resource posted 4th September 2014 in Performance

    When you open a website in your web browser what you see isn’t on the internet. Confused? This article will reveal all!