Over a million developers have joined DZone.
{{announcement.body}}
{{announcement.title}}

The Critical Rendering Path

DZone's Guide to

The Critical Rendering Path

· Performance Zone
Free Resource

Evolve your approach to Application Performance Monitoring by adopting five best practices that are outlined and explored in this e-book, brought to you in partnership with BMC.

In Part 3 of Google developer advocate Ilya Grigorik's Crash Course on Web Performance talk, the presenter explains what is so "critical" about the critical rendering path, or the order in which a browser loads your web app's resources.

Grigorik explains that in your web app you shouldn't wait to render the full HTML file, "flush early, flush often," he says, and provide your user with a blank screen until the entire render tree is ready.

But modern web apps aren't just HTML and CSS. JavaScript can be both your friend and foe when developing high-performance web apps, so Grigorik provides some JavaScript performance pitfalls, how JavaScript fits into the critical rendering path and how to optimize the rendering path by eliminating JavaScript from the critical rendering path.


Learn tips and best practices for optimizing your capacity management strategy with the Market Guide for Capacity Management, brought to you in partnership with BMC.

Topics:

Opinions expressed by DZone contributors are their own.

The best of DZone straight to your inbox.

SEE AN EXAMPLE
Please provide a valid email address.

Thanks for subscribing!

Awesome! Check your inbox to verify your email so you can start receiving the latest in tech news and resources.
Subscribe

{{ parent.title || parent.header.title}}

{{ parent.tldr }}

{{ parent.urlSource.name }}