使用YSlow / Web Developer扩展程序确定页面大小

时间:2009-12-27 18:48:40

标签: javascript firefox-addon yslow load-time reducisaurus

我正在试图弄清楚我的网站上加载了多少javascript。我正在使用Reducisaurus缩小我的js文件。问题是,这导致YSlow和Web Developer扩展报告我的文件大小为〜.04K,我知道这是不对的(其中一个.js文件是jquery,即50kb)。有没有办法通过使用Reducisaurus来准确计算出我节省了多少时间?

3 个答案:

答案 0 :(得分:1)

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


非Reducisaurus情景:

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

  7. Reducisaurus场景:

    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

    8. 因此,通过使用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&amp;谷歌缩小

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

      jQuery&amp; Reducisaurus Minification

      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
      

答案 1 :(得分:0)

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

  1. 确定用户的平均网速(无论如何都应该这样做)。
  2. 确定(基于该速度)加载文件大小文件所需的时间。
  3. 确定(根据该速度)加载小文件大小所需的时间。
  4. 减。

答案 2 :(得分:-1)

因此,不是将JS文件直接发送到用户的浏览器,而是将其发送到另一个 Web服务器,等待它“压缩”它,然后将该压缩的结果发送到用户为你?我无法想象任何时间都可以保存,如果服务中断,您的网站就会停止工作。

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