JavaScript Loading Priorities in Chrome

Addy Osmani
Feb 20, 2019 · 2 min read

How browsers schedule and execute scripts can impact the performance of web pages. While techniques like <script defer>, <link rel=preload> (and others) influence script loading, knowing how browsers interpret them can also be helpful. Thanks to Kouhei Ueno, we now have an up to date summary of script scheduling in Chrome.

Image for post
Image for post
A Google Docs and HTML version of this table is also available.

Note: Loading priorities are not guaranteed to be consistent cross-browser so use this knowledge wisely and measure when unsure. Ideally, aim to delivery a great experience to the widest number of users possible.

If you’re a web developer wondering where you can see the “Loading Priority”, Chrome DevTools has an optional “Priority” column available in the Network panel. Right-click the column headers and you can switch it on:

Image for post
Image for post

The summary table of priorities is still correct as of February 2019. I would personally love to get a better understanding of loading priorities in other browsers too. Hopefully this overview is useful to someone out there!

Thanks to Kouhei, Dom Faralino, Pat Meenan, Kenji Baheux and Yoav Weiss for their contributions helping better explain Chrome’s network stack.

Further reading

Originally published at addyosmani.com.

Dev Channel

Developers Channel - the thoughts, opinions and musings…

Addy Osmani

Written by

Eng. Manager at Google working on Chrome • Passionate about making the web fast.

Dev Channel

Developers Channel - the thoughts, opinions and musings from members of the Chrome team.

Addy Osmani

Written by

Eng. Manager at Google working on Chrome • Passionate about making the web fast.

Dev Channel

Developers Channel - the thoughts, opinions and musings from members of the Chrome team.

Medium is an open platform where 170 million readers come to find insightful and dynamic thinking. Here, expert and undiscovered voices alike dive into the heart of any topic and bring new ideas to the surface. Learn more

Follow the writers, publications, and topics that matter to you, and you’ll see them on your homepage and in your inbox. Explore

If you have a story to tell, knowledge to share, or a perspective to offer — welcome home. It’s easy and free to post your thinking on any topic. Write on Medium

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store