我希望对全局范围的 Web 应用程序有更多经验的人可以澄清我的一些问题、假设和可能的误解。
让我们假设一个站点(大量的客户端/动态组件),该站点在全局拥有数十万用户,并且从一个位置(假设是中欧)提供源。
我的假设(请纠正我):
将所有特定于应用程序/本地的 JS 代码编译到一个文件中,使用像谷歌这样的 CDN 来访问流行的库,等等,但是通过 headjs 并行加载所有这些似乎是最佳的,但我不确定。将第三方 JS 和特定于应用程序的 JS 在服务器端编译成一个文件似乎几乎违背了使用 CDN 的目的,因为该库可能无论如何都缓存在某个地方供用户使用。
除了缓存之外,从 Google 的 CDN 下载第三方库可能比托管应用程序的中央服务器更快。
如果一个流行的 JS 库的新版本被发布并带来了很大的性能提升,用应用程序进行测试然后实现:
在所描述的情况下,是否存在以下任何合理的担忧?
最佳答案
Compiling all application-specific/local JS code into one file
由于我们的一些主要目标是 reduce the number of HTTP requests和 minimize request overhead ,这是一个被广泛采用的最佳实践。
我们可能考虑不这样做的主要情况是在缓存经常失效的可能性很高的情况下,即当我们更改代码时。这里总是需要权衡取舍:提供单个文件很可能会增加缓存失效的速度,而提供许多单独的文件可能会导致缓存为空的用户启动速度变慢。
因此,偶尔内联一些特定于页面的 JavaScript 并不像某些人所说的那样邪恶。但总的来说,将 JS 连接并缩小到一个文件中是很好的第一步。
using CDNs like Google's for popular libraries, etc.
如果我们谈论我们使用的代码相当不可变的库,即不太可能受到缓存失效的影响,我可能会稍微更赞成通过将它们包装到您的整体本地 JS 文件中来保存 HTTP 请求.对于大量基于特定 jQuery 版本的大型代码库尤其如此。在这种情况下,库版本的提升几乎肯定也会对您的客户端应用程序代码进行重大更改,从而抵消了将它们分开的优势。
仍然,mixing request domains is an important win ,因为我们不想被每个域上限的最大连接数过度限制。当然,子域也可以为此提供同样的服务,但 Google 的域具有无 cookie 的优势,并且可能已经在客户端的 DNS 缓存中。
but loading all of these via headjs in parallel seems optimal
虽然新兴的 JavaScript“加载器”主机有很多优势,但我们应该记住,使用它们确实会对页面启动产生负面影响,因为浏览器需要先获取我们的加载器,然后加载器才能请求我们的其余部分 Assets 。换句话说,对于缓存为空的用户,在开始任何真正的加载之前,需要与服务器进行完整的往返。同样,“编译”步骤可以起到救援作用 - 请参阅 require.js一个伟大的混合实现。
确保您的脚本不会阻止 UI 绘制的最佳方法仍然是将它们放在 HTML 的末尾。如果您更愿意将它们放在其他地方,async 或 defer 属性现在为您提供了这种灵 active 。所有现代浏览器都并行请求 Assets ,因此除非您需要支持特定风格的旧版客户端,否则这不应该是主要考虑因素。 Browserscope network table对这种事情很有借鉴意义。可以预见,IE8 是罪魁祸首,它在加载脚本之前仍然阻止图像和 iFrame 请求。甚至回到 3.6 Firefox 完全并行化了除 iFrame 之外的所有内容。
Some users may be using the application in a restricted environment, therefore the domain of the application may be white-listed but not the CDNs's domains. (If it's possible this is realistic concern, is it at all possible to try to load from the CDN and load from the central server on failure?)
确定客户端机器是否可以访问远程主机总是会导致严重的性能损失,因为我们必须等待它无法连接才能加载我们的保留副本。我更倾向于在本地托管这些 Assets 。
关于javascript - 如何优化服务和加载 JavaScript 文件?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11763458/
我正在学习如何使用Nokogiri,根据这段代码我遇到了一些问题:require'rubygems'require'mechanize'post_agent=WWW::Mechanize.newpost_page=post_agent.get('http://www.vbulletin.org/forum/showthread.php?t=230708')puts"\nabsolutepathwithtbodygivesnil"putspost_page.parser.xpath('/html/body/div/div/div/div/div/table/tbody/tr/td/div
总的来说,我对ruby还比较陌生,我正在为我正在创建的对象编写一些rspec测试用例。许多测试用例都非常基础,我只是想确保正确填充和返回值。我想知道是否有办法使用循环结构来执行此操作。不必为我要测试的每个方法都设置一个assertEquals。例如:describeitem,"TestingtheItem"doit"willhaveanullvaluetostart"doitem=Item.new#HereIcoulddotheitem.name.shouldbe_nil#thenIcoulddoitem.category.shouldbe_nilendend但我想要一些方法来使用
我有一个Ruby程序,它使用rubyzip压缩XML文件的目录树。gem。我的问题是文件开始变得很重,我想提高压缩级别,因为压缩时间不是问题。我在rubyzipdocumentation中找不到一种为创建的ZIP文件指定压缩级别的方法。有人知道如何更改此设置吗?是否有另一个允许指定压缩级别的Ruby库? 最佳答案 这是我通过查看rubyzip内部创建的代码。level=Zlib::BEST_COMPRESSIONZip::ZipOutputStream.open(zip_file)do|zip|Dir.glob("**/*")d
我试图在一个项目中使用rake,如果我把所有东西都放到Rakefile中,它会很大并且很难读取/找到东西,所以我试着将每个命名空间放在lib/rake中它自己的文件中,我添加了这个到我的rake文件的顶部:Dir['#{File.dirname(__FILE__)}/lib/rake/*.rake'].map{|f|requiref}它加载文件没问题,但没有任务。我现在只有一个.rake文件作为测试,名为“servers.rake”,它看起来像这样:namespace:serverdotask:testdoputs"test"endend所以当我运行rakeserver:testid时
我的目标是转换表单输入,例如“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看起来疯狂不安全。所以,功能正常,
我正在尝试使用ruby和Savon来使用网络服务。测试服务为http://www.webservicex.net/WS/WSDetails.aspx?WSID=9&CATID=2require'rubygems'require'savon'client=Savon::Client.new"http://www.webservicex.net/stockquote.asmx?WSDL"client.get_quotedo|soap|soap.body={:symbol=>"AAPL"}end返回SOAP异常。检查soap信封,在我看来soap请求没有正确的命名空间。任何人都可以建议我
关闭。这个问题是opinion-based.它目前不接受答案。想要改进这个问题?更新问题,以便editingthispost可以用事实和引用来回答它.关闭4年前。Improvethisquestion我想在固定时间创建一系列低音和高音调的哔哔声。例如:在150毫秒时发出高音调的蜂鸣声在151毫秒时发出低音调的蜂鸣声200毫秒时发出低音调的蜂鸣声250毫秒的高音调蜂鸣声有没有办法在Ruby或Python中做到这一点?我真的不在乎输出编码是什么(.wav、.mp3、.ogg等等),但我确实想创建一个输出文件。
Rails2.3可以选择随时使用RouteSet#add_configuration_file添加更多路由。是否可以在Rails3项目中做同样的事情? 最佳答案 在config/application.rb中:config.paths.config.routes在Rails3.2(也可能是Rails3.1)中,使用:config.paths["config/routes"] 关于ruby-on-rails-Rails3中的多个路由文件,我们在StackOverflow上找到一个类似的问题
给定这段代码defcreate@upgrades=User.update_all(["role=?","upgraded"],:id=>params[:upgrade])redirect_toadmin_upgrades_path,:notice=>"Successfullyupgradeduser."end我如何在该操作中实际验证它们是否已保存或未重定向到适当的页面和消息? 最佳答案 在Rails3中,update_all不返回任何有意义的信息,除了已更新的记录数(这可能取决于您的DBMS是否返回该信息)。http://ar.ru
我在我的项目目录中完成了compasscreate.和compassinitrails。几个问题:我已将我的.sass文件放在public/stylesheets中。这是放置它们的正确位置吗?当我运行compasswatch时,它不会自动编译这些.sass文件。我必须手动指定文件:compasswatchpublic/stylesheets/myfile.sass等。如何让它自动运行?文件ie.css、print.css和screen.css已放在stylesheets/compiled。如何在编译后不让它们重新出现的情况下删除它们?我自己编译的.sass文件编译成compiled/t