1. Time to Get AMP'd Up link

    The Accelerated Mobile Pages project is an open source initiative that is aiming to improve the mobile web. In this post, we’ll take a quick look at what AMP is, and why publishers are paying attention.

    Read on afasterweb.com

  2. The RAIL Performance Model link

    The RAIL performance model focuses on the variety of contexts of user interaction on a website. In this post, we'll learn more about this model, and why it's helpful when thinking about optimizing performance.

    Read on afasterweb.com

  3. More Efficient Animations with requestAnimationFrame() link

    In order to make our animations smooth, the number of frames per seconds will need to match the monitor's refresh rate of 60/s. In this post, we'll look at how requestAnimationFrame() provides a better alternative to older methods for animating in the browser smoothly and efficiently.

    Read on afasterweb.com

  4. What the Jank? link

    Jank is a term that's used in conjunction with the rendering performance of the browser. Today, we'll take a look at what this term means, its causes, as well as a few things that can help us keep it from ruining our the experience of our users.

    Read on afasterweb.com

  5. Get Roundtrips out of the way with Preconnect Hint link

    Requesting resources from an remote source can entail several roundtrips to just look up and connect to the host. The Preconnect Hint allows us to get these initial round trips out of the way early so they don't hold up the critical path for resources when they are requested.

    Read on afasterweb.com

  6. Avoiding a Single Point of Failure link

    Third-party scripts may be needed from time to time, but it's important that they are used in a manner that does not create single points of failure (SPOF). This post looks at what a SPOF is and how we can avoid them.

    Read on afasterweb.com

  7. Avoiding the FOIT link

    When using Custom Fonts, you run the risk of the dreaded Flash of Invisible Text (FOIT). Learn what cause FOIT and how to minimize it.

    Read on afasterweb.com

  8. Introduction to Web Fonts link

    Adding custom fonts to a website can enhance the design and feel of the site, but can also provide a performance hazard. Learn about the basics of using these fonts, and how to mitigate the performance hit that they can sometimes bring.

    Read on afasterweb.com

  9. The Value of a (Performance) Budget link

    Just like having financial budget can cause you to make tough decisions about expenses, having a performance budget can force you to the same when building a website. In the end, though, using one can help you get what both you and your visitors want---a well-designed site that still performs well.

    Read on afasterweb.com

  10. Latency and the First Round Trip

    To deal with high latency connections, we need to reduce the round trips needed for the initial render. This can be done by identifying and loading the critical resources.