Black Friday sale is now on! 50% off Laravel: The Modular Way. Learn more

Firefox adds support for preload attribute

David Carr

Development

    Today Firefox announced support for preload will be added to today’s build of Firefox.

    <link rel=preload> support will land in today's build https://t.co/Gk6nidJa2e

    — Firefox Nightly (@FirefoxNightly) July 11, 2017

    Using preload links to declaratively specify which resources the user agent must fetch early to improve page performance. 

    According to https://caniuse.com/#search=preload preload is supported in Chrome, Opera and Android browser (Firefox has yet to be added)

    Early fetch of critical resources example:

    <link rel="preload" href="/assets/font.woff2" as="font" type="font/woff2">
    <link rel="preload" href="/style/other.css" as="style">
    <link rel="preload" href="//example.com/resource" as="fetch" crossorigin>
    <link rel="preload" href="https://fonts.example.com/font.woff2" as="font" crossorigin type="font/woff2">

     

    Laravel Modules Book by David Carr

    Help support the blog so that I can continue creating new content!

    Subscribe to my newsletter

    Subscribe and get my books and product announcements.

    © 2009 - 2022 DC Blog. All code MIT license. All rights reserved.