Question

你可以任何身体帮助我....为什么css文件包含在标题部分但js文件在页面的最后。我还可以在文件底部包含css文件。

<!DOCTYPE html>
<html>
    <head>
        <link type="text/css" href="myFolder/style.css" rel="stylesheet">
        </link>
    </head>
    <body>
        <div>
            <p>Paragraph 1 in the div.</p>
            <p>Paragraph 2 in the div.</p>
        </div>
    </body>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
</html>

Answer 1

当浏览器遇到指向外部资源的标记时，浏览器将停止解析HTML，检索脚本，执行它，然后继续解析HTML。相反，如果浏览器遇到外部样式表，它会在获取CSS文件（并行）时继续解析HTML。＆＃34;将样式表放在顶部，脚本放在底部＆＃34;规则是，一般来说，它是实现最佳渐进式渲染的最佳方式，这对用户体验至关重要。

因此，广泛重复使用样式表的建议 - 他们会先下载，第一个下载的脚本可以并行加载。

然而，现代浏览器（包括我在上面测试的所有浏览器）已经实现了speculative parsing，其中浏览器＆＃34;展望未来＆＃34;在HTML中，并在脚本下载和执行之前开始下载资源。

有关详细信息，请参阅此链接： Css before Js

为什么css文件包含在头部分，但js文件在底部

1 个答案: