网站性能 - 推荐图像，js和css大小

Question

我正在查看外部供应商构建的网站上的性能问题。我看到大量的图像，css和js被加载。

每页有哪些行业推荐的图像，css和js尺寸（以优化性能）。

此外，我读到所有的JS脚本都应该在页脚上贴上身体标签。但是如果我们这样做，我们会得到Jquery例外。

最后应该是正常的页面加载时间？

感谢。

Answer 1

有许多技术可以减少页面加载时间。

以下是一些提示。

• 页面应在不到4秒的时间内加载
• 删除不必要的媒体文件（尝试使用html实体http://www.amp-what.com/）
• 使用互联网上的可用程序压缩您的媒体（我使用一个名为JpegMini的程序用于图像，并使用Switch for audio）。
• 您并不需要担心像.css, .html, .js, and others这样的代码文件，因为它们通常只有几千字节。

Answer 2

没有“行业标准”。您的页面应尽可能轻松。

由于连接速度不同，也没有正常的页面加载时间。

速度和大小都有相同的规则，它应该尽可能快/轻，同时保持内容和用户界面的用户界面。

Answer 3

当我构建我的网站时，这也是我遇到的问题之一。有多种方法可以加快网站加载速度。如果您的网页包含大量照片，而您可能会注意到在浏览器会话期间，第一次打开页面时图片可能会慢慢加载，并且在发生这种情况时看起来并不专业。其中一个就是创建一个javascript函数，在加载索引页面时将所有图像加载到缓存中。这使得加载主页的速度稍慢，但浏览网站的其他部分应该快速而顺畅。

另一种方法是将图像加载到所谓的精灵表中。这些通常用于游戏编程，它与我以前的方法基本相同，但是使用精灵表，所有图像都位于同一个文件中，您可以通过更改Web浏览器中显示的尺寸来访问某些图像。基本上，它会一次加载所有图像。

另一种方法是使图像的尺寸变小，然后使用CSS重新调整尺寸。我不是这样做的忠实粉丝，因为虽然由于传输的数据较少，图像加载速度较快，但有时重新调整图像大小可能会很棘手，如果我没记错的话，如果调整它们会使它们有点模糊许多。希望这会有所帮助。