草庐IT

javascript - 最小化 HTTP 连接与并行下载

coder 2025-01-01 原文

多年来,Web 开发人员一直遵循这样的逻辑,即最小化 HTTP 连接可以加快应用程序的速度,因为浏览器不会因代码的下载/执行而阻塞。例如,雅虎长期以来一直吹捧他们的 best practices ,并告诉我们将 CSS/JavaScript/图像资源合并到单个文件中 - 从而减少 HTTP 请求的总数并压缩总资源大小。

但在提高网页速度方面存在其他“最佳实践”——具体来说,最大化 parallel HTTP downloads 的数量(来自谷歌)。这种方法告诉我们,通过将 HTTP 连接分散到多个主机名,浏览器可以同时执行更多操作。

因此,随着现代 Web 应用程序变得非常庞大(例如,仅 JavaScript 就超过 3MB),必须提出以下问题:

如果在单个文件中包含 3MB 以上的 JavaScript,我的应用程序加载速度会更快吗?或者它会加载更快,多个较小的文件分布在主机名上吗?

为了简单起见,我们还应该假设其他“最佳实践”正在被遵循,所以这个问题最好存在于真空中。

我还没有看到关于这个主题的任何经验数据,但我认为这些方法的性能一定存在差异 - 所以知道最佳位置存在的位置将是理想的。

最佳答案

我认为这取决于浏览器可用的套接字数量。假设浏览器有 4 个可用套接字,4 个较小的请求将比 1 个大请求快。

这里的技巧是在启动时知道您的应用程序将发送什么请求,并最大化浏览器可以使用的套接字的请求数。我相信浏览器只有 4 个,但老实说,我从未查看过这个数字在现代浏览器中是否发生了变化。

看起来每个浏览器都可以有自己的套接字数量,有些有 2 个:Max parallel http connections in a browser?

https://stackoverflow.com/a/985704/925782说 IE10 是 8 个套接字的赢家,哇,去 IE :)

缓存控制当然也会在其中发挥作用,第一次加载将是所有内容,后续加载将减少实际请求。

如果你想变得极客:http://www.stevesouders.com/blog/2008/03/20/roundup-on-parallel-connections/

我同意一些图表和真实数据会是一篇很棒的博文,我的回答本质上是纯理论性的。

关于javascript - 最小化 HTTP 连接与并行下载,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25138666/

有关javascript - 最小化 HTTP 连接与并行下载的更多相关文章

  1. ruby - 如何模拟 Net::HTTP::Post? - 2

    是的,我知道最好使用webmock,但我想知道如何在RSpec中模拟此方法:defmethod_to_testurl=URI.parseurireq=Net::HTTP::Post.newurl.pathres=Net::HTTP.start(url.host,url.port)do|http|http.requestreq,foo:1endresend这是RSpec:let(:uri){'http://example.com'}specify'HTTPcall'dohttp=mock:httpNet::HTTP.stub!(:start).and_yieldhttphttp.shou

  2. ruby - 续集在添加关联时访问many_to_many连接表 - 2

    我正在使用Sequel构建一个愿望list系统。我有一个wishlists和itemstable和一个items_wishlists连接表(该名称是续集选择的名称)。items_wishlists表还有一个用于facebookid的额外列(因此我可以存储opengraph操作),这是一个NOTNULL列。我还有Wishlist和Item具有续集many_to_many关联的模型已建立。Wishlist类也有:selectmany_to_many关联的选项设置为select:[:items.*,:items_wishlists__facebook_action_id].有没有一种方法可以

  3. ruby - 如何使用 Ruby aws/s3 Gem 生成安全 URL 以从 s3 下载文件 - 2

    我正在编写一个小脚本来定位aws存储桶中的特定文件,并创建一个临时验证的url以发送给同事。(理想情况下,这将创建类似于在控制台上右键单击存储桶中的文件并复制链接地址的结果)。我研究过回形针,它似乎不符合这个标准,但我可能只是不知道它的全部功能。我尝试了以下方法:defauthenticated_url(file_name,bucket)AWS::S3::S3Object.url_for(file_name,bucket,:secure=>true,:expires=>20*60)end产生这种类型的结果:...-1.amazonaws.com/file_path/file.zip.A

  4. ruby - 无法在 60 秒内获得稳定的 Firefox 连接 (127.0.0.1 :7055) - 2

    我使用的是Firefox版本36.0.1和Selenium-Webdrivergem版本2.45.0。我能够创建Firefox实例,但无法使用脚本继续进行进一步的操作无法在60秒内获得稳定的Firefox连接(127.0.0.1:7055)错误。有人能帮帮我吗? 最佳答案 我遇到了同样的问题。降级到firefoxv33后一切正常。您可以找到旧版本here 关于ruby-无法在60秒内获得稳定的Firefox连接(127.0.0.1:7055),我们在StackOverflow上找到一个类

  5. ruby - 安装 Ruby 时遇到问题(无法下载资源 "readline--patch") - 2

    当我尝试安装Ruby时遇到此错误。我试过查看this和this但无济于事➜~brewinstallrubyWarning:YouareusingOSX10.12.Wedonotprovidesupportforthispre-releaseversion.Youmayencounterbuildfailuresorotherbreakages.Pleasecreatepull-requestsinsteadoffilingissues.==>Installingdependenciesforruby:readline,libyaml,makedepend==>Installingrub

  6. ruby - Net::HTTP 获取源代码和状态 - 2

    我目前正在使用以下方法获取页面的源代码:Net::HTTP.get(URI.parse(page.url))我还想获取HTTP状态,而无需发出第二个请求。有没有办法用另一种方法做到这一点?我一直在查看文档,但似乎找不到我要找的东西。 最佳答案 在我看来,除非您需要一些真正的低级访问或控制,否则最好使用Ruby的内置Open::URI模块:require'open-uri'io=open('http://www.example.org/')#=>#body=io.read[0,50]#=>"["200","OK"]io.base_ur

  7. Unity 热更新技术 | (三) Lua语言基本介绍及下载安装 - 2

    ?博客主页:https://xiaoy.blog.csdn.net?本文由呆呆敲代码的小Y原创,首发于CSDN??学习专栏推荐:Unity系统学习专栏?游戏制作专栏推荐:游戏制作?Unity实战100例专栏推荐:Unity实战100例教程?欢迎点赞?收藏⭐留言?如有错误敬请指正!?未来很长,值得我们全力奔赴更美好的生活✨------------------❤️分割线❤️-------------------------

  8. Get https://registry-1.docker.io/v2/: net/http: request canceled while waiting - 2

    1.错误信息:Errorresponsefromdaemon:Gethttps://registry-1.docker.io/v2/:net/http:requestcanceledwhilewaitingforconnection(Client.Timeoutexceededwhileawaitingheaders)或者:Errorresponsefromdaemon:Gethttps://registry-1.docker.io/v2/:net/http:TLShandshaketimeout2.报错原因:docker使用的镜像网址默认为国外,下载容易超时,需要修改成国内镜像地址(首先阿里

  9. ruby-on-rails - Rails - 从命名路由中提取 HTTP 动词 - 2

    Rails中有没有一种方法可以提取与路由关联的HTTP动词?例如,给定这样的路线:将“users”匹配到:“users#show”,通过:[:get,:post]我能实现这样的目标吗?users_path.respond_to?(:get)(显然#respond_to不是正确的方法)我最接近的是通过执行以下操作,但它似乎并不令人满意。Rails.application.routes.routes.named_routes["users"].constraints[:request_method]#=>/^GET$/对于上下文,我有一个设置cookie然后执行redirect_to:ba

  10. ruby - 获取数组中的值并最小化某个类属性的最优雅的方法是什么? - 2

    假设我有以下类(class):classPersondefinitialize(name,age)@name=name@age=ageenddefget_agereturn@ageendend我有一组Person对象。是否有一种简洁的、类似于Ruby的方法来获取最小(或最大)年龄的人?如何根据它对它们进行排序? 最佳答案 这样做会:people_array.min_by(&:get_age)people_array.max_by(&:get_age)people_array.sort_by(&:get_age)

随机推荐