使用 YSlow / Web Developer 扩展计算页面大小

Question

我试图弄清楚我的网站上加载了多少 javascript。我正在使用 Reducisaurus 来缩小我的 js 文件。问题是，这导致 YSlow 和 Web Developer 扩展都将我的文件大小报告为 ~.04K，我知道这是不对的（.js 文件之一是 jquery，即 50kb）。有什么方法可以准确计算出我使用 Reducisaurus 节省了多少时间？

Answer 1

实际上@Azeem.Butt 是错误的，至少是部分错误。

---

非简化龙场景：

1. 用户 A 访问您的网站
2. 用户 A 请求 CSS / JS
3. 您的主机提供未缩小的请求的 CSS / JS
4. 用户 B 访问您的网站
5. 用户 B 请求 CSS / JS
6. 您的主机提供未缩小的请求的 CSS / JS

---

简化龙情景：

1. 用户 A 访问您的网站
2. 用户 A 从 reducisaurus.appspot.com 请求 CSS / JS
3. reducisaurus.appspot.com 向您的主机请求 CSS / JS
4. reducisaurus.appspot.com 缩小、缓存 (expire_urls and max-age) 并为 CSS / JS 提供服务
5. 用户 B 访问您的网站
6. 用户 B 从 reducisaurus.appspot.com 请求 CSS / JS
7. reducisaurus.appspot.com 提供 缓存 CSS / JS

---

因此，通过使用 Reducisaurus，您不仅可以缩小内容，还可以每个x 秒仅处理一个请求，其中x 是您的秒数”已经为缓存定义了存活时间（默认为 600 秒 = 10 分钟）。此外，由于它不是您的 Web 服务器来提供文件，因此它会减少工作量，并且理论上会更快。每个TTL 只发生一次缩小。

还有其他可以让 Reducisaurus 更具吸引力的因素需要考虑，例如 CDN。

Reducisaurus 让我担心的是它的可靠性，因为它是免费的，任何人都可以利用它，从而使整个服务变得毫无用处，除了它是一个很棒的想法/服务。

---

jQuery

46.401 bytes (45.31 KB):
http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.js

jQuery 和谷歌缩小

24.678 bytes (24.10 KB) - 46.82% smaller:
http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js

jQuery & Reducisaurus 缩小

26.325 bytes (25.71 KB) - 43.20% smaller:
http://reducisaurus.appspot.com/js?url=http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.js

Answer 2

在这种情况下，手动解决这个问题并不难。

1. 确定用户的平均网速（无论如何您都应该这样做）。
2. 确定（根据该速度）加载大文件大小的文件需要多长时间。
3. 确定（根据该速度）加载小文件大小的文件需要多长时间。
4. 减法。

Answer 3

因此，与其将 JS 文件直接发送到用户的浏览器，不如将其发送到 另一个 Web 服务器，等待它“压缩”它，然后将压缩结果发送到用户给你？我无法想象这能节省多少时间，而且如果服务出现故障，您的网站就会停止工作。

除非我误解了您正在使用的这项服务，否则我会说 mod_deflate 会更加有用。