是否有大量HTML文档的页面速度优势?

时间:2016-07-27 09:59:51

标签: javascript html dom lazy-loading pagespeed

我只想优化网站的网页速度。当我查看“太阳报”homepage的来源时,我注意到他们正在做异步加载图像的事情。但他们主页的HTML非常大,大约有16,000行。在DOM准备好之后,他们对内容细节进行JS操作,但整个页面布局网格完全由服务器端创建并一次性交付。

从页面速度的角度来看,这是一种不好的做法吗?使用者尽可能快地在页面顶部显示基本布局并在之后注入其他DOM节点没有任何好处吗? Google documentation建议您构建HTML,以便首先加载重要的首要内容"并推迟其余的。这些家伙应该做些什么呢?

2 个答案:

答案 0 :(得分:1)

在搜索引擎优化方面,然后谷歌只会看到一个空页面。然而,使用Angular和Web应用程序上的其他Javascript库变得非常流行,这种情况变得非常正常。页面加载速度会更快。

答案 1 :(得分:1)

现代浏览器引擎使用pipeline of streaming parsers / layout renderers。不仅如此,他们还可以并行或推测性地完成一些步骤。

这意味着当事物仍然从网络到达时,他们可以开始显示内容。只要没有阻塞,例如浏览器必须等待同步javascript执行,HTML的总大小就不会像第一个KB +基本CSS的延迟那么重要。