我希望减少加载和显示页面所花费的时间，假设我从一个空的浏览器缓存开始，并且页面可能有也可能没有html文件中的内联css和javascript。更改文件发送到浏览器的顺序是否会缩短显示时间，从而使页面加载速度更快？
例如，如果一个页面有一些.css，.js，.png等文件，会先加载css，更快地显示内容吗？
是否有加载文件类型的标准/特定订单？
答案 0 :(得分：5)
以下几个步骤可以优化您网页的效果。
把css放在最上面。
将javascript放在底部。
缓存所有内容。
设置远期未来的过期标题。
在适当的时候返回304.
使用css和js的唯一网址来传播更改。
除了在需要的地方使用ajax之外。
答案 1 :(得分：3)
小心HTTP连接太多。建立HTTP连接需要时间，如果HTML文件中链接了许多元素，它很容易消耗加载时间。
如果你有许多小图标，字形等将它们组合成一个精灵，那么只加载一个图像。例如Facebook使用精灵技术 - 你可以看到，如果你检查它加载的图像。
您还可以将CSS文件合并到一个文件中 - 与Javascript文件相同。
此外，如果您的JavaScript在加载时会影响页面内容，请务必使用在DOM准备就绪时通知您的事件，而不是等待正在处理的正文load事件t触发，直到加载所有资源，如图像，CSS文件，JavaScript等。
答案 2 :(得分：1)
js文件阻止页面加载，直到它们被执行。如果可能，请包括关闭身体之前的那些
答案 3 :(得分：1)
答案 4 :(得分：0)
首先确保您的webhoster没有慢速服务器。这可能发生在非常便宜的共享站点webhosters上。比你应该检查你从你的HTML输出中删除所有不道德的东西。您可以检查您的内容是动态的还是静态的。如果是动态的，请尝试将其转换为静态内容。
在某些情况下，您只需激活CMS的缓存功能，这也有助于更快地发送网站内容。只是在慢速连接上，使用gzip压缩输出流可能会更好。但这需要时间。服务器以及客户端必须压缩/解压缩。你也必须检查一下。
如果您使用javascript并且执行延迟，您也可以使用ready事件在加载html文档后执行您的javascript（而不是所有图像等），就像使用document.onload事件一样。
答案 5 :(得分：0)
您可以节省您的页面加载时间，使用以下几个技巧： - CSS 图片精灵而不是为每个目的调用每个图像这将最小化您的网站的HTTP请求，删除不必要的div标签或来自 HTML-Markup ＆amp;的不必要代码的 CSS
我们可以通过 CSS 获得良好的结果，因此我们不应该在那里使用 Jscripts 。 应该在没有任何不敬的代码的情况下始终保持干净的HTML标记。
组合文件是一种通过将所有脚本组合到单个脚本中来减少HTTP请求数量的方法，同样将所有CSS组合到单个样式表中。当脚本和样式表在不同页面之间变化时，组合文件更具挑战性，但是使这部分发布过程可以缩短响应时间。
答案 6 :(得分：0)
解决方案结果很简单，将所有不同的文件合并为一个大文件，并使用zip压缩该文件。不幸的是，如果你手动执行此操作，则会遇到维护问题。该单个压缩文件不再可编辑。因此，在编辑其中一个原始源文件后，您必须将其与其他文件重新组合并重新压缩它。