是什么阻止HTML页面利用渐进式呈现?
我注意到有些页面几乎立即开始呈现,而有些页面有时不得不等到许多或所有资源(javascript、图像、css)下载完毕。最糟糕的情况似乎是在连接速度慢或服务器速度慢的情况下使用大页面。我看到的一个特定页面的大小接近2MB,包含30个不同的.js文件、12个.css文件和80个图像是什么阻止HTML页面利用渐进式呈现?,html,rendering,Html,Rendering,我注意到有些页面几乎立即开始呈现,而有些页面有时不得不等到许多或所有资源(javascript、图像、css)下载完毕。最糟糕的情况似乎是在连接速度慢或服务器速度慢的情况下使用大页面。我看到的一个特定页面的大小接近2MB,包含30个不同的.js文件、12个.css文件和80个图像 我知道上的建议,但什么会阻止浏览器在下载最后一个元素之前尝试呈现页面?出现这种情况的原因有很多。我看到的最常见的是大桌子 例如,Internet Explorer不希望在完成加载之前呈现表 不过,每个浏览器在呈现仍在下
我知道上的建议,但什么会阻止浏览器在下载最后一个元素之前尝试呈现页面?出现这种情况的原因有很多。我看到的最常见的是大桌子 例如,Internet Explorer不希望在完成加载之前呈现表
不过,每个浏览器在呈现仍在下载的内容的方式上有点不同。一般规则是不要使用关于结构的标记来影响布局。对于页面开头的样式,渲染引擎知道如何渲染页面的某个部分,但它总是要等待部分下载才能知道如何正确渲染 考虑到这一点:
现在使用的大型JavaScript库不同,它们只需要加载(和缓存)一次。我对可能影响它的项目列表感兴趣。在我的情况下,页面中没有任何表格,尽管有50个左右的嵌入脚本。@chris,如果您能给我们一个链接以及您在哪个浏览器中发现问题,这将非常有用。我不能给你一个列表,因为一切都会影响它。我试过IE、FF和chrome,但它们都没有进行渐进渲染。网站正在浏览NewBrunswick.caThey正在逐步呈现页面。你有几件事让你烦恼。当您将脚本置于其他元素之上时,浏览器必须先下载该脚本,然后才能加载其他任何内容。你真的应该在页面底部加载脚本。第一个是你的skin.css文件:那东西是378K。。。巨大的!浏览器等待整个内容下载后再继续。下一个是249K,在继续之前必须下载。将该脚本移动到页面底部,并尽可能缩小这两个文件。它们太大了。确实,表格不应该用于布局目的。这不是它的目的。表格用于表格数据,就像段落用于文本和标题用于标题一样。