优先处理内容和其他

我想今天来优化我的网页与谷歌速度 https://developers.google.com/speed/docs/insights/优先处理内容和其他

之前加载特定的元素，它说，here

如果您的网站使用了两列设计有导航边栏和一篇文章，但是HTML会在文章前加载边栏，请考虑首先加载文章。

直到今天，我没有想到加载特定的div元素是有可能的。该文档没有显示任何教程，所以我很困惑这是如何完成的。如果它使用JavaScript/CSS

任何帮助将不胜感激。

2013-11-26 ANW

我认为这只是意味着你把那些两个元素到你的HTML文档... – CBroe

有方法分开加载内容，但为了优化页面速度我认为你所追求的只是来自页面的请求顺序。除了JavaScript技巧之外，HTML页面按自上而下的顺序加载内容和资源。经常HTML往往匹配的视觉流量，但这不是必要的。如果通过首先加载页面内容来改善用户体验，那么页面内容可以在HTML页面或模板中移动得更高。然后使用CSS将内容直观地放置在预期的页面上。

或者，可以使用JavaScript加载内容或数据，并将其插入页面元素（如特定的div）中。 HTML可以用这种方法解析，但遗留支持对此不好。 iFrames工作，但他们展示了一切。最好的办法是在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-26 14:56:44 steefow

好答案_顺序_。感谢您的链接。 – ANW

我仍然无法理解的一件事是，Google如何知道在我自己设计的网站上首先展示什么/不重要？我是决定头文件是否可见的人。所以，我猜测Google只是在做假设。 – ANW

优先处理内容和其他

回答

相关问题