我今天尝试使用 Google Speed https://developers.google.com/speed/docs/insights/优化我的页面
它说，这里
如果您的网站使用带有导航侧边栏和文章的两栏设计，但您的 HTML 在文章之前加载侧边栏，请考虑先加载文章。
直到今天，我认为加载特定的 div 元素是不可能的。该文档也没有显示任何教程，所以我很困惑这是如何完成的。如果使用 Javascript/CSS 完成
任何帮助将非常感激。
问问题
2564 次
1 回答
2
有单独加载内容的方法，但为了优化页面速度，我认为你所追求的只是页面请求的顺序。除了 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_pages https://developer.mozilla.org/en-US/docs/HTML_in_XMLHttpRequest
于 2013-11-26T14:56:44.983 回答