如何让我的网站加载更漂亮？答案

【问题标题】：How do I make my website load prettier?如何让我的网站加载更漂亮？
【发布时间】：2011-12-20 18:57:44
【问题描述】：

我的网站似乎采用了这种“刮刀”类型的加载效果，所有的图形都是从上到下加载的，从上到下的擦除效果很难看。有没有办法让您的网站呈现图形的实际方式更漂亮？

【问题讨论】：

您是否加载了大量使用 HTML 调整大小的大型图形？我曾经在客户端看到这个页面有一个2MB的图片，它被调整为喜欢100x75或其他东西，它会从上到下慢慢绘制。
有些调整了大小，有些则没有。你会建议一些站点范围的“加载.gif”吗？我想我宁愿有这样的东西，也不愿这种粗暴的擦拭效果。
@Matt，Mike 的意思是，您应该为所有图像提供明确的尺寸，以便浏览器引擎在加载之前就知道它们的最终位置。

【解决方案1】：

我更感兴趣的是为什么您的页面需要这么长时间才能加载和/或呈现。如果绘制需要几秒钟，即使在快速连接的情况下，您可能想了解这是为什么。 Fiddler、Firebug、IE Developer Tools 等工具可以帮助您查看页面正在下载哪些资源以及每项研究的规模。

如果页面上有大量资源（例如数百K的BMP或PNG文件），请查看是否可以将它们转换为其他格式或在服务器上将它们调整为它们呈现的大小。

如果您的 HTML 非常复杂，例如巨大的嵌套表格，您可能需要考虑使用更现代的 HTML 和 CSS 样式来简化它。

如果您确实需要加载巨大的高分辨率位图，您可能需要使用脚本预加载它们，然后在加载完成时动态渲染它们。

【讨论】：