我想减少我的页面加载和显示所花费的时间，假设我从一个空的浏览器缓存开始，并且页面在 html 文件中可能有也可能没有内联 css 和 javascript。更改文件发送到浏览器的顺序是否会减少显示时间，从而使页面加载速度更快？
例如，如果一个页面有一些 .css、.js、.png 文件等，是否会先加载 css，从而更快地显示内容？
是否有加载文件类型的标准/特定顺序？
问问题
10020 次
6 回答
6
以下是可以优化网页性能的几个步骤。
把css放在最上面。
把javascript放在底部。
缓存一切。
设置远期过期标头。
适当时返回 304。
使用 css 和 js 的唯一 url 来传播更改。
除了在需要的
ajax地方使用。
于 2012-04-11T09:50:22.463 回答
3
注意过多的 HTTP 连接。建立 HTTP 连接需要时间，如果您的 HTML 文件中链接了许多元素，它很容易占用加载时间。
如果您有许多小图标、字形等，请将它们组合成一个精灵，以便只加载一个图像。例如，Facebook 使用了 sprite 技术——如果你检查它加载的图像，你可以看到这一点。
您还可以将 CSS 文件合并到一个文件中 - 与 Javascript 文件相同。
此外，如果您的 JavaScript 在加载时会影响页面内容，请确保使用在 DOM 准备好时通知您的事件，而不是等待load直到所有资源都不会触发的 body 事件，例如图像、CSS 文件、JavaScript 等已加载。
于 2012-04-11T10:01:15.867 回答
1
js 文件会阻止页面加载，直到它们被执行。如果可能的话，包括那些在关闭正文之前
于 2012-04-11T09:50:39.250 回答
0
首先确保您的虚拟主机没有慢速服务器。这可能发生在非常便宜的共享网站虚拟主机上。比你应该检查你是否从你的 html 输出中删除了所有不必要的东西。您可以检查您的内容是动态的还是静态的。如果它是动态的，请尝试将其转换为静态内容。
在某些情况下，您可以简单地激活 CMS 的缓存功能，这也有助于更快地发送网站内容。只是在慢速连接上，使用 gzip 压缩输出流可能会更好。但这需要时间。服务器和客户端必须压缩/解压缩。你也必须检查一下。
如果您使用 javascript 并且执行被延迟，您还可以使用ready事件在加载 html 文档（而不是所有图像等）后执行您的 javascript，就像使用 document.onload 事件一样。
于 2012-04-11T09:48:44.040 回答
0
您可以节省页面加载时间以使用一些技巧，例如：- CSS图像精灵，而不是为每个目的调用每个图像，这将最小化您网站的 HTTP 请求，从您的HTML 标记和CSS中删除不必要的 div 标签或不必要的代码
我们可以通过CSS获得好的结果，所以我们不应该在那里使用Jscripts。应该始终保持干净的 HTML 标记，没有任何不敬的代码。
组合文件是一种减少 HTTP 请求数量的方法，方法是将所有脚本组合成一个脚本，类似地将所有 CSS 组合成一个样式表。当脚本和样式表因页面而异时，组合文件更具挑战性，但将这部分作为发布过程的一部分可以提高响应时间。
于 2012-04-11T10:27:10.870 回答
0
解决方案很简单，将所有不同的文件组合成一个大文件并使用 zip 压缩该文件。不幸的是，如果您手动执行此操作，您将遇到维护问题。该单个压缩文件不再可编辑。因此，在编辑了其中一个原始源文件后，您必须将其与其他文件重新组合并重新压缩。
于 2012-05-03T10:57:29.660 回答