草庐IT

javascript - Javascript 大小在缓存后是否会成为性能问题？

coder 2024-05-16 原文

我正在编写一个项目，它将使用一些相当大的 JS 库，包括 jquery UI。不过，该项目将在 Intranet 中运行。所以下载时间对我来说不是真正的问题，大多数人应该只需要下载一次库，因为我认为它们将保留在浏览器的缓存中。

我的问题是关于现代浏览器(IE9、FF5 等)如何处理 Javascript 代码的。我想它在某个时候被编译了，但是这是在每次页面加载时完成的，还是编译后的代码也被缓存了。如果是这样，即使在浏览器关闭后它也会被缓存吗？

此 Web 应用程序可能会在某些低功率可移植设备上运行，因此我希望它的效率相当高。我想将所有 javascript 文件组合成一个大文件，该文件链接到应用程序的每个页面。

但是取决于浏览器必须做多少工作来处理所有 JS 我想知道我是否应该将它们分开以便不是所有页面都必须加载所有 JS。显然，这还需要更多工作。

如有任何想法或信息，我们将不胜感激。谢谢。

最佳答案

是的，如果出于以下原因进行缓存，JavaScript 大小仍然是一个性能问题:

  • 大多数浏览器不会缓存它们执行的字节码。所以脚本仍然必须在每次页面加载时重新解析。现代浏览器执行此操作的速度更快，但对于非常大的 JavaScript 文件来说，这仍然可能是一个问题。
  • 您的 JavaScript 文件中的代码实际上会在每次页面加载时执行。即使浏览器开始缓存字节代码，它们仍然必须在每次加载页面时重新执行 JavaScript。
  • 由于您无法控制的原因，您获得的缓存率可能低于预期。用户可能会禁用他们的缓存，或访问太多站点，以至于您的文件很快就会从缓存中过期。您应该检查日志以确保页面加载与 JavaScript 文件加载的比率很高。
  • 从缓存中加载文件通常很快，但并不总是那么简单。在某些情况下，这可能需要超过 200 毫秒。

你可以做一个非常快速的测试来大致了解你的脚本需要多长时间来解析和执行，如下所示:

<script>
  var startTime = (new Date()).getTime();
</script>
<script src="cachedFile1.js"></script>
<script src="cachedFile2.js"></script>
<!--all your scripts included this way-->
<script>
  var endTime = (new Date()).getTime();
  alert("Took " + (endTime - startTime) + " milliseconds to parse and execute");
</script>

确保在您支持的所有目标浏览器上进行测试；不同浏览器之间的 JavaScript 解析和执行时间可能会有很大差异。还要确保您在与您的用户所拥有的计算机一样慢的计算机上进行测试。如果您确实发现了性能问题，您可能需要在分析器中解决它们。缩小对于改进解析和执行时间没有多大帮助。

关于javascript - Javascript 大小在缓存后是否会成为性能问题？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/6873800/

javascriptsectionscriptjqueryjquery-ui

有关javascript - Javascript 大小在缓存后是否会成为性能问题？的更多相关文章

  1. ruby-on-rails - 在 Rails 中将文件大小字符串转换为等效千字节 - 2

    我的目标是转换表单输入，例如“100兆字节”或“1GB”，并将其转换为我可以存储在数据库中的文件大小(以千字节为单位)。目前，我有这个:defquota_convert@regex=/([0-9]+)(.*)s/@sizes=%w{kilobytemegabytegigabyte}m=self.quota.match(@regex)if@sizes.include?m[2]eval("self.quota=#{m[1]}.#{m[2]}")endend这有效，但前提是输入是倍数(“gigabytes”，而不是“gigabyte”)并且由于使用了eval看起来疯狂不安全。所以，功能正常，

  2. ruby-on-rails - 如何验证 update_all 是否实际在 Rails 中更新 - 2

    给定这段代码defcreate@upgrades=User.update_all(["role=?","upgraded"],:id=>params[:upgrade])redirect_toadmin_upgrades_path,:notice=>"Successfullyupgradeduser."end我如何在该操作中实际验证它们是否已保存或未重定向到适当的页面和消息？ 最佳答案 在Rails3中，update_all不返回任何有意义的信息，除了已更新的记录数(这可能取决于您的DBMS是否返回该信息)。http://ar.ru

  3. ruby - 在 64 位 Snow Leopard 上使用 rvm、postgres 9.0、ruby 1.9.2-p136 安装 pg gem 时出现问题 - 2

    我想为Heroku构建一个Rails3应用程序。他们使用Postgres作为他们的数据库，所以我通过MacPorts安装了postgres9.0。现在我需要一个postgresgem并且共识是出于性能原因你想要pggem。但是我对我得到的错误感到非常困惑当我尝试在rvm下通过geminstall安装pg时。我已经非常明确地指定了所有postgres目录的位置可以找到但仍然无法完成安装:$envARCHFLAGS='-archx86_64'geminstallpg--\--with-pg-config=/opt/local/var/db/postgresql90/defaultdb/po

  4. ruby - 通过 rvm 升级 ruby​​gems 的问题 - 2

    尝试通过RVM将RubyGems升级到版本1.8.10并出现此错误:$rvmrubygemslatestRemovingoldRubygemsfiles...Installingrubygems-1.8.10forruby-1.9.2-p180...ERROR:Errorrunning'GEM_PATH="/Users/foo/.rvm/gems/ruby-1.9.2-p180:/Users/foo/.rvm/gems/ruby-1.9.2-p180@global:/Users/foo/.rvm/gems/ruby-1.9.2-p180:/Users/foo/.rvm/gems/rub

  5. ruby - 检查数组是否在增加 - 2

    这个问题在这里已经有了答案:Checktoseeifanarrayisalreadysorted?(8个答案)关闭9年前。我只是想知道是否有办法检查数组是否在增加？这是我的解决方案，但我正在寻找更漂亮的方法:n=-1@arr.flatten.each{|e|returnfalseife

  6. ruby - 通过 RVM (OSX Mountain Lion) 安装 Ruby 2.0.0-p247 时遇到问题 - 2

    我的最终目标是安装当前版本的RubyonRails。我在OSXMountainLion上运行。到目前为止，这是我的过程:已安装的RVM$\curl-Lhttps://get.rvm.io|bash-sstable检查已知(我假设已批准)安装$rvmlistknown我看到当前的稳定版本可用[ruby-]2.0.0[-p247]输入命令安装$rvminstall2.0.0-p247注意:我也试过这些安装命令$rvminstallruby-2.0.0-p247$rvminstallruby=2.0.0-p247我很快就无处可去了。结果:$rvminstall2.0.0-p247Search

  7. ruby - Fast-stemmer 安装问题 - 2

    由于fast-stemmer的问题，我很难安装我想要的任何ruby​​gem。我把我得到的错误放在下面。Buildingnativeextensions.Thiscouldtakeawhile...ERROR:Errorinstallingfast-stemmer:ERROR:Failedtobuildgemnativeextension./System/Library/Frameworks/Ruby.framework/Versions/2.0/usr/bin/rubyextconf.rbcreatingMakefilemake"DESTDIR="cleanmake"DESTDIR=

  8. ruby - 检查字符串是否包含散列中的任何键并返回它包含的键的值 - 2

    我有一个包含多个键的散列和一个字符串，该字符串不包含散列中的任何键或包含一个键。h={"k1"=>"v1","k2"=>"v2","k3"=>"v3"}s="thisisanexamplestringthatmightoccurwithakeysomewhereinthestringk1(withspecialcharacterslike(^&*$#@!^&&*))"检查s是否包含h中的任何键的最佳方法是什么，如果包含，则返回它包含的键的值？例如，对于上面的h和s的例子，输出应该是v1。编辑:只有字符串是用户定义的。哈希将始终相同。 最佳答案

  9. ruby-on-rails - Ruby 检查日期时间是否为 iso8601 并保存 - 2

    我需要检查DateTime是否采用有效的ISO8601格式。喜欢:#iso8601?我检查了ruby​​是否有特定方法，但没有找到。目前我正在使用date.iso8601==date来检查这个。有什么好的方法吗？编辑解释我的环境，并改变问题的范围。因此，我的项目将使用jsapiFullCalendar，这就是我需要iso8601字符串格式的原因。我想知道更好或正确的方法是什么，以正确的格式将日期保存在数据库中，或者让ActiveRecord完成它们的工作并在我需要时间信息时对其进行操作。 最佳答案 我不太明白你的问题。我假设您想检查

  10. ruby - 检查日期是否在过去 7 天内 - 2

    我的日期格式如下:"%d-%m-%Y"(例如，今天的日期为07-09-2015)，我想看看是不是在过去的七天内。谁能推荐一种方法？ 最佳答案 你可以这样做:require"date"Date.today-7 关于ruby-检查日期是否在过去7天内，我们在StackOverflow上找到一个类似的问题： https://stackoverflow.com/questions/32438063/

随机推荐