Question

以下是我在网页中使用的示例html代码

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml" lang="en">
    <head>
    <meta http-equiv="content-type" content="text/html; charset=utf-8" />
    </head>

    <body  topmargin="0" leftmargin="0" marginwidth="0" marginheight="0" >

''''' Many tables and data's and images''''''
    </body>
    </html>

当我用来在firefox中加载上面的代码时，它运行得很快......这意味着它将显示在网页中的负载。

但是在Internet Explorer中，只有页面加载后才能使用所有代码...

我如何使我的代码像firefox一样？

希望你的回复，

亚历

Answer 1

您不能轻易影响加载时间和顺序。有许多不同的布局引擎，由不同的浏览器使用，它们都有点不同。并且只有结果由Web标准指定。

但是，您可以使用AJAX异步加载部分网站。这意味着您没有包含一个很长的表来加载主HTML文件。相反，您在页面加载后使用一些Javascript将表异步加载到您的网站中。

但是只要表格不那么大，加载/渲染需要几秒钟，我就不会为这个问题烦恼了。

Answer 2

也许你有标记错误需要IE的后备算法来解决整个文档，然后才能解决问题。

当然，您对XHTML语法（/>和xmlns）与旧式HTML（真正的旧学校：身体边缘属性避难所）的混合感到不安自Netscape 3以来一直需要，即使在'Transitional'HTML4中也是如此。并且doctype中的系统ID指向DTD的不必要的特定日期版本。也许还有更多的问题。

首先确保您的代码通过the validator，以确保标记错误不应受到责备。

然后，对于表，更喜欢在它们上设置样式table-layout: fixed，在第一行单元格或<col>元素上设置显式列宽。这允许浏览器正确地开始布置表，而不必担心表中后面的内容会影响宽度，因此您可以更快，更稳定地渲染。

（虽然如果你仍在使用表格布局，你应该开始考虑CSS布局。）

Answer 3

避免

'''''许多表和数据和图像 '' '' ''

对于网站设计，仅将表格用于表格数据，也尝试使用css而不是内联样式，因为我看到你的身体标记，你可以从css那里做到这一点

body{ 
margin:0;
}

也许阅读这样的文章可能会提高你的技能：

https://stackoverflow.com/questions/72394/what-should-a-developer-know-before-building-a-public-web-site

或

http://developer.yahoo.com/performance/rules.html

Answer 4

没有灵丹妙药可以做到这一点，但作为一般经验法则，你可以通过尽可能明确地帮助任何渲染引擎。

例如：如果您的表具有自动调整大小列，Internet Explorer将在显示任何内容之前加载所有单元格以确定实际的表格布局。

您可以通过明确设置所有列宽度来规避该问题。

图像也一样。如果可以，请将宽度和高度信息添加到所有img元素，以便渲染引擎不加载图像，以确定img元素的尺寸。

虽然您希望在Internet Explorer中加载更快的页面，但请尝试使用YSlow Firefox addon来确定页面的任何常见瓶颈。很可能任何（未检测到的）问题对Internet Explorer的影响远远大于Firefox。

Answer 5

您可以使用CNAME（DNS别名）在多个主机名之间拆分图像 yahoo

如何在Internet Explorer中加载我的网站，就像在Firefox中一样？

5 个答案: