We talked about link rel=preload before. As a quick reminder:
<link rel=”preload”> is the standard way for loading files asynchronously via markup. Preload is a very powerful declarative primitive for fetching resources, but its most common use case scenario is for loading non-critical CSS.
Preload is great way to hand control back to the browser, and to move the request slightly upper in the chain. What about browser support though?
According to caniuse.com, things are not looking so good:
<link rel=”****preload****” as=”****style****” href=”****path/to/resource.css****”>as you normally would
This way, you can greatly improve the performance of your website at the cost of just 718 bytes gzipped (!!)
For extra bonus points you can include a regular
<link rel=stylesheet”> in a
<noscript> tag, to support js-disabled environments.
If you’ve found this post useful at all, press the ❤ button! I read each and every comment, so be sure to contribute to the conversation with your thoughts!