Why do inline scripts block rendering when put at the bottom of a page?
问题 I read High Performance Web Sites: Essential Knowledge for Front-End Engineers and in it the author suggests that all JavaScript code should be externalized and put at the bottom of the page instead of putting it in the head. This is illustrated in this example. The external script tag blocks both downloading and progressive rendering of a page, so the solution was to put it at the bottom of the page. However, in his second book Even Faster Web Sites: Performance Best Practices for Web