程序员经验分享-hwhale

将 HTTP/2 与 angularJS 结合使用

2024-01-01

当我偶然发现 HTTP/2 时，我正在尝试找出提高 Web 应用程序性能的方法。在阅读它时，我了解到它有很多可以提高网站性能的功能。

说到它的实现部分，我发现您只需将浏览器升级到最新版本即可使用。由于我的浏览器已经是最新版本，我看到我的所有资源 - CSS、JS 和 HTML 文件都是通过 HTTP/2 提供的。但是，我使用 angularJS 进行的数据查询仍然使用 HTTP/1.1。这是我的问题。

  1. 如何让我的数据查询使用 HTTP/2 协议？我需要在标头中添加额外的参数吗？

  2. HTTP/2 会放开浏览器每个域 6 个并发请求的限制吗？我可以发出 6 个以上的并行 ajax 请求吗？

我在客户端使用 angularJS。我的请求通过 Cloudflare 发送到由 Play Framework 提供服务的服务器。


如果客户端（浏览器）和 Web 服务器都支持 HTTP/2，则将使用它。您的前端 JavaScript 不需要任何区别 - 如果可以的话，浏览器将自动使用它。

所以我猜测您的“数据”查询与常规查询位于不同的域中，并且该域不支持 HTTP/2。

是的，HTTP/2 极大地增加了并行请求的数量。 100 个飞行“流”是常见的服务器设置。然而，这确实带来了所有有趣的挑战：例如，Chrome 发现，当同时发生如此多的请求时，它的处理效率会很低，并且有一段时间会限制一次 6 个 HTTP/2 请求。此外，一些较低优先级请求（例如，首屏图像下方）可以使用更好地用于更高优先级请求（例如，首屏图像上方）的带宽。 HTTP/2 具有依赖关系和优先级的概念，但并非每个浏览器都使用它们。

一旦你深入其中，这就是一个令人着迷的话题。

本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)

javascript

angularJS

Http2

webperformance

将 HTTP/2 与 angularJS 结合使用 的相关文章

随机推荐

  • 如何将 UISegmentedControl 放在 NavigationController 下？

    我想知道让 UISegmentedControl 出现在 navigationController 下方的最佳方法是什么 就像在 AppStore 应用程序中一样 我要放入不同视图中的内容是 UITableView 就像 AppStore

  • 在 NSPredicate 中组合两个条件

    如何将两个条件结合起来NSPredicate 我正在使用以下语句 我想添加另一个条件 使用以下命令将密码与文本字段的内容进行比较AND request predicate NSPredicate format username txtUse

  • argv 可以在运行时更改（不能由应用程序本身更改）

    我想知道可以输入参数main 在运行时更改 换句话说 我们是否应该保护应用程序免受可能的影响TOCTTOU https en wikipedia org wiki Time of check to time of use处理数据时的攻击ar

  • JavaScript 是否通过引用传递？ [复制]

    这个问题在这里已经有答案了 JavaScript 是按引用传递还是按值传递 这是一个例子JavaScript 好的部分 https en wikipedia org wiki Douglas Crockford Bibliography 我

  • 从存储过程返回单个值到 .Net 哪个更好：OUTPUT 参数或 ExecuteScalar？

    我需要创建一个需要返回一些记录计数的存储过程 我正在使用 Net 来读取结果 我可以使用OUTPUT参数返回值or我可以做一个select count 在存储过程中并使用SqlCommand ExecuteScalar http msdn

  • 将对象类型的数据帧列转换为浮点型[重复]

    这个问题在这里已经有答案了 我想将我的数据帧的所有非浮点类型列转换为浮点 有什么方法可以做到这一点 如果我能在 One Go 中做到这一点那就太好了 下面是类型 longitude float64 latitude float64 hous

  • Jquery 确认不起作用

    我试过这个 https stackoverflow com a 12617274 4164311 https stackoverflow com a 12617274 4164311 字符串 您确定吗 仅出现在我的浏览器中 当我单击该按钮时

  • 如何在phpmyadmin中导入表？我收到文件大小错误

    我想在 phpmyadmin 中导入数据库 但出现这样的错误 未收到要导入的数据 没有提交文件名 或者文件大小超出了 PHP 配置允许的最大大小 我的文件大小是 4 8 mb 请给我解决方案 按着这些次序 转到 PHP 文件夹 gt 搜索

  • HTTP 基本身份验证和 OAuth 2.0 相同吗？

    供应商 API 文档之一提到他们的 API 调用需要使用 HTTP 基本身份验证方案 即用户 密码 Base64 编码 但是他们的令牌 API 相当于登录 文档提到 此服务实现了 OAuth 2 0 资源所有者密码和凭据授予 HTTP 基本

  • 如何测试一个块是否被屈服？

    我有一个测试需要检查是否正在调用给定方法的块 block lambda some stuff block should receive call get data with timeout 1 block def get data with

  • 禁用 esc 键超时

    Problem I am in insert mode and then I might type a number and then quickly ESC because I stopped typing so it will chan

  • Django Rest Framework：创建对象后禁用字段更新

    我正在尝试通过 Django Rest Framework API 调用使我的用户模型 RESTful 以便我可以创建用户并更新他们的个人资料 但是 当我与用户进行特定的验证过程时 我不希望用户在创建帐户后能够更新用户名 我尝试使用 rea

  • 在 Windows 上拦截和后处理所有音频流

    我想知道有什么方法可以创建一个应用程序来拦截计算机上正在播放的所有音频 以便我可以处理音频 应用一些效果 然后将其进一步传递到 Windows 音频子系统 我刚刚在Vista 7 WASAPI中瞥见了 有这个sAPO http www mi

  • 为什么我会延迟加载 NSBundle MobileCoreServices.framework？

    当我从主视图控制器重定向到另一个视图控制器时 我明白了 Error 延迟加载 NSBundle MobileCoreServices framework 加载MobileCoreServices framework systemgroup

  • 如何在 Windows x64 上使用 openSSL 和 nghttp2 编译 cURL？

    这是这里的第一个问题 所以请耐心等待 过去三天我一直在网上尝试找到一种方法在我的 Windows 机器上获得以下结果 我需要的 cURL V 输出示例 https i stack imgur com yjAiZ png 我找到了很多适用于

  • 如何在 Mac 上将 LibSVM 类添加到 WEKA 类路径

    我正在运行 Max OS X 10 7 Lion 我想从命令行将 WEKA 与 LibSVM 一起使用 我收到此错误 Problem evaluating classifier libsvm classes not in CLASSPATH

  • PHP继承，父函数使用子变量

    在查看一些 PHP 代码时 我发现了一件奇怪的事情 这是它的简单示例说明 文件A php 文件B php 文件test php 运行 test php 打印出 它正在工作 但问题是为什么它

  • C++ 迭代字符串向量

    所以我最近发现了地图和向量的使用 但是 我在尝试找到一种循环包含字符串的向量时遇到了麻烦 这是我尝试过的 include

  • 成员函数指针

    如果 C FAQ Lite 中的以下内容为真 函数名称衰减为指向该函数的指针 就像数组名称衰减为指向其第一个元素的指针一样 为什么我们必须包含 符号 typedef int Fred FredMemFn char x float y Fre

  • 将 HTTP/2 与 angularJS 结合使用

    当我偶然发现 HTTP 2 时 我正在尝试找出提高 Web 应用程序性能的方法 在阅读它时 我了解到它有很多可以提高网站性能的功能 说到它的实现部分 我发现您只需将浏览器升级到最新版本即可使用 由于我的浏览器已经是最新版本 我看到我的所有资

热门标签