我今天试图用谷歌速度优化我的页面https://developers.google.com/speed/docs/insights/
上面写着，这里
如果您的网站使用的是带有导航侧边栏和文章的两列设计，但HTML在文章之前加载了侧边栏，请考虑先加载文章。
直到今天，我还不认为加载特定的div元素是可能的。文档中也没有显示任何教程，所以我对如何做到这一点感到困惑。如果使用Javascript/CSS
任何帮助都将不胜感激。
有单独加载内容的方法，但为了优化页面速度，我认为您所追求的只是页面请求的顺序。除了JavaScript技巧之外，HTML页面还按照从上到下列出的顺序加载内容和资源。HTML通常倾向于与视觉流相匹配，但这不是必须的。如果通过首先加载页面内容来改善用户体验，那么页面内容可以在HTML页面或模板中移动得更高。然后使用CSS将内容直观地定位在页面上预期的位置。
或者，可以使用JavaScript加载内容或数据，并将其插入页面的元素中（如特定的div）。HTML可以用这种方法进行解析，但传统的支持对此并不好。iFrame可以工作，但它们显示了一切。最好的办法是在HTML文档中按加载顺序排列内容（CSS位于顶部，这样浏览器就可以指示内容需要呈现的位置），并使用CSS将内容定位在需要显示的位置。
<style>
#navigation{
position:absolute;
top:0px;
height:200px;
}
#content{
position:absolute;
top:200px;
}
</style>
<div id=content>
Stuff I want to load first...
</div>
<div id=navigation>
Navigation to load later...
</div>
https://developer.mozilla.org/en-US/docs/Web/Guide/HTML/Tips_for_authoring_fast-loading_HTML_pageshttps://developer.mozilla.org/en-US/docs/HTML_in_XMLHttpRequest