Best Case: Scripts at the Bottom
The best place to put scripts is at the bottom of the page. The page contents aren't blocked from rendering, and the viewable components in the page are downloaded as early as possible. Figure 8-6 shows how the long request for the script has less of an effect on the page when it is placed at the bottom. You can see this by visiting the following example.
- Scripts at the Bottom
Figure 8-6. Scripts at the bottom have the least impact
The benefit is really highlighted by viewing the pages with scripts at the top versus scripts at the bottom side-by-side. You can see this in the following example.
- Scripts Top vs. Bottom
Get High Performance Web Sites now with the O’Reilly learning platform.
O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.
