jQuery/JavaScript - 拥有大量小 .js 文件时的性能问题?

2024-01-28

我有一个包含大量引用的 .js 文件的网站;这些是相当小的文件,但我想将我的方法按主题/功能分开。

将所有方法保存在一个 .js 文件中是否更好,或者拥有许多(~ 20 - 30)个小文件都只包含一些行没有问题?


无论如何,将它们分开进行开发,但您应该考虑将它们捆绑到一个文件中进行生产。

有一个很好的讨论网站点 http://www.sitepoint.com/blogs/2007/04/10/faster-page-loads-bundle-your-css-and-javascript/

对于每个文件,都有一个 HTTP 请求被发送到服务器,并且 然后浏览器等待响应 在请求下一个文件之前。 浏览器的限制(或局限性) 通常会阻止并行下载。 这意味着对于每个文件,您 等待请求到达 服务器,处理的服务器 请求和回复(包括 文件内容本身)来联系您。放 端到端,其中一些可以使 页面加载时间差异很大。

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

jQuery/JavaScript - 拥有大量小 .js 文件时的性能问题? 的相关文章

  • 角度垫排序不适用于带点表示法的 matColumnDef

    我正在尝试按列对表进行排序 当我必须过滤另一个结果中的结果时 就会出现问题 我尝试通过括号表示法和点表示法访问该属性 但没有给出结果 还将最终节点放置在 matColumnDef 中 但失败 因为有 2 列同名 table table
  • 仅在 Chrome 上我收到此错误:Uncaught TypeError: Illegal constructor [关闭]

    Closed 这个问题是无法重现或由拼写错误引起 help closed questions 目前不接受答案 当我在 Chrome 上加载 jQuery 时 我会收到此错误 Uncaught TypeError Illegal constr
  • 如何将类型添加到 Vite 库构建中?

    我按照vite文档使用图书馆模式 https vitejs dev guide build html library mode我能够生成一个工作组件库 我创建了该项目vue ts预设 在我的组件中 我定义了道具及其类型 并使用了一些接口 但
  • 从对象中取出具有无效(NaN、空白等)值的键的最佳方法?

    我有一个供用户填写的简短搜索表单 将有多个搜索查询进入 MongoDB 该表单创建一个名为的变量searchParams可能看起来像这样 var searchParams city Springfield bedrooms 3 bathro
  • Node.js Express 4.0 中的 res.render 回调参数的用途是什么?

    目的是什么res render回调参数 在什么情况下 由于模板已被指定为第一个参数 因此人们会想要使用这样的回调参数 这是文档中的代码 send the rendered view to the client res render inde
  • fadeOut() 和slideUp() 同时进行?

    我已经发现jQuery 淡出然后滑动 https stackoverflow com questions 734554 jquery fadeout then slideup这很好 但不是那个 我怎么能够fadeOut and slideU
  • Javascript:我应该隐藏我的实现吗?

    作为一名 C 程序员 我有一个习惯 将可以而且应该私有的东西设为私有 当 JS 类型向我公开其所有私有部分时 我总是有一种奇怪的感觉 而且这种感觉并没有被 唤起 假设我有一个类型draw方法 内部调用drawBackground and d
  • clojure 要求语法原理

    我很难理解 因此记住 此处描述的 clojure require 语法 http clojuredocs org clojure core 1 3 0 clojure core require http clojuredocs org cl
  • Socket IO 服务器到服务器

    服务器是否可以使用 Socket IO 连接到另一个服务器并被视为客户端 并让它加入房间 接收 io sockets in lobby emit 和更多 第一个服务器也在监听连接 消息 嘿 Brad 下面是我的完整 js 应用程序 供参考
  • jquery 当前可见的第 n 个子级

    我可以像这样设置每 4 个 item div 的样式 jQuery item nth child 4n addClass fourth item 这工作得很好 但后来我隐藏了一些项目 显示了其他一些项目 并想重新做这个样式 但只对每第四个可
  • JSONP 使用 JQuery 从 HTTPS 协议获取 JSON

    我正在尝试获取从 https 安全站点发送的 JSON 客户端希望不要使用任何服务器端语言 全部都是 Javascript 我读到 当使用 Jquery 中的 ajax 函数时 我必须使用 JSONP 才能从安全站点加载 JSON 我的第一
  • 嵌套 DIV 的类似斑马的 CSS 样式

    我嵌套了 DIV 元素 但我不知道嵌套的级别 我需要每个都有与其父级不同的背景 创建类似斑马的颜色 我只使用两种背景 深色和白色 效果需要类似于在容器中设置奇数和偶数子级的样式 但在我的例子中 子级是嵌套的 我可以使用每个嵌套元素的规则来做
  • 如何使用 GreaseMonkey 让浏览器恢复“/”键?

    Lots of web pages seem to use the key for searching I d like to disable that because 100 of the time I want to use to se
  • AngularStrap 工具提示禁用我的自定义指令

    我正在尝试让 bs tooltip AngularStrap 指令与我自己的名为 checkStrength 的自定义指令一起使用 该指令检查密码的强度 单独使用这些指令中的任何一个时 它们都可以正常工作 但不能一起工作 This http
  • Angularjs : $locationProvider.hashPrefix("!") ;

    我想将网址显示为 www test com 因为我正在使用 locationProvider hashPrefix 但它显示网址为 www test com 我想 哈希之前而不是哈希之后 Thanks var app angular mod
  • 将两个数字相加将它们连接起来而不是计算总和

    我将两个数字相加 但没有得到正确的值 例如 做1 2返回 12 而不是 3 我在这段代码中做错了什么 function myFunction var y document getElementById txt1 value var z do
  • 使用ExternalInterface和IE从JavaScript获取Flash中的当前URL

    我正在尝试获取 Flash 播放器当前所在的 URL 不是 swf 文件的 URL 而是浏览器指向的 URL 到目前为止我已经使用过 var st String ExternalInterface call window location
  • 如何为 jQuery 插件设置私有变量?

    我想创建一个简单的插件 它使用元素的文本作为默认值 或者您可以在调用插件时设置此值 但是 如果我不设置该值 并为多个元素调用插件 则默认值会成倍增加 function fn reText function options var setti
  • 使圆圈与 d3.js 上的多线匹配相同的颜色过滤?

    我有一个多线图 当按每种水果过滤时会更新 每条线条颜色对应不同的销售年份 在 的帮助下Shashank https stackoverflow com users 5569282 shashank 每个数据点线上的圆圈已添加到组中 而不是直
  • Jquery 以编程方式更改

    文本

    编辑 解决方案是将其添加到个人资料页面而不是性别页面 profile live pageinit function event p pTest text localStorage getItem gender 我在列表视图中有一个带有一些文

随机推荐

  • GATT 配置文件和 UART 服务

    我是开发通过蓝牙连接到外围设备的移动应用程序的新手 我搜索到 GATT 是用于蓝牙LE 通信的相关配置文件 但我们的客户建议我们使用 UART 服务 现在我很困惑 1 这两件事是如何关联的 2 我们是否必须选择其中之一 如果是的话 每一个的
  • Excel 条件动态数据验证

    我在使用 Excel 时遇到一个小问题 这是问题定义 我想要下表的条件数据验证 Column 1 Column 2 Y Res1 Y Res2 N Res3 N Res4 Y Res5 从上表中 我需要一个单元格下拉列表 使用数据验证 其中
  • 使用 dplyr 的 mutate 函数返回分组数据框中的相对值

    我正在尝试使用 dplyr 的 mutate 函数创建一个新变量 该变量根据 ifelse 语句的值提取现有变量的相对值 这是我想要实现的目标的一个示例 希望能更好地说明问题 id from date fobs to date a 1999
  • Pandas:如何将多个单元格与列表/元组进行比较

    我需要将数据框中的某些列作为一个整体进行比较 例如 df pd DataFrame A 1 1 3 B 4 5 6 Select condition If df A 1 and df B 4 then pick up this row 对于
  • 如何判断 Froyo 中何时发生配置更改?

    在我的应用程序中 我希望播放一个媒体文件 并且在用户旋转屏幕 破坏 Activity 时继续播放 但如果用户移动到不同的 Activity 或另一个 Activity 出现在该 Activity 上 我希望它停止播放 他们按下后退按钮 无论
  • 如何使一种形式保持在另一种形式之上?

    我已经找到了Form TopMost属性 但它将表单置于所有内容之上 包括不属于我的应用程序的内容 我怀疑我在这里遗漏了一些明显的东西 是Form非模式对话框的正确基类 使用对话框窗体的 Form Owner 属性并将其设置为主窗体 在这里
  • 强制将 XML 字符实体放入 XmlDocument 中

    我有一些如下所示的 XML
  • 无法安装测试飞行中的应用程序。此请求有错误

    在装有 iOS 8 3 的 iPhone 5 上 重置所有设置 后 我无法通过 TestFlight 安装测试版 azimov 问题来自 OS 8 3 我们只有 OS 8 3 上的设备才会遇到同样的问题 我个人尝试过重新邀请 更改苹果账户
  • 未捕获的引用错误:React 未定义

    您好 我知道此类问题已被问过很多次 但我无法得到答案 我正在尝试编写一个 React hello world 示例 我只有两个文件 一个是 app jsx 另一个是 homepage jsx 我正在使用 webpack 来捆绑文件 但是当我
  • 当 FlowDocument 放置在带有自定义玻璃的窗口中时,子元素中的 ClearType 会丢失

    因此 新的 WPF 4 文本渲染看起来很棒 但在窗口上启用航空玻璃效果需要将背景更改为透明 这当然会禁用 ClearType 渲染 使用提供的 RenderOptions ClearTypeHint Enabled 允许您指定子元素以从树中
  • 如何解决Wordpress中阻止具有来源的框架访问跨来源框架错误? [复制]

    这个问题在这里已经有答案了 我正在开发一个 WordPress 网站 其中安装了很多 WordPress 插件 WordPress网站上安装的插件有以下选项 当我点击查看详情选项 我得到如下图所示的空白屏幕 但是当我在新窗口或选项卡中打开时
  • PhoneGap 捕捉 iPhone 的“Go”按下事件

    我想知道如何使用 PhoneGap 捕获 Go 按下事件 我有一个带有 2 个输入字段的表单 当用户按下键盘中的 Go 时 如何捕获 我尝试将输入字段对接Form并添加了一个onSubmit方法 在我的 Js 中我有这个方法 functio
  • 使 Swing 组件同步

    我正在阅读Java线程第三版 作者 Oaks 和 Wong O Reilly 2004 他们在整本书中都有一个 Swing 打字游戏的例子 他们定义的类大多是自定义子类javax swing JComponent 在我看来 非常错误的是他们
  • ArrayList中ensureCapacity方法中使用的逻辑

    我正在浏览ArrayList的源代码 我遇到了 EnsureCapacity 方法 它增加了内部使用的数据数组的容量 其中 数据阵列的新容量是根据逻辑增加的int newCapacity oldCapacity 3 2 1 其中旧容量是当前
  • 我们可以继承并更改odoo中的noupdate =“1”吗?

    是否可以继承一个 xml 并更改其可更新性 我尝试继承 检查操作规则 将 interval number 从 4 小时更改为 1 小时 让它每小时运行一次 我认为它可能不起作用 因为 noupdate 1 有人对此有任何想法吗 是的 您可以
  • 如何从 Textmate 2 的项目抽屉中删除 SCM 文件状态

    我可以从项目抽屉中的文件中删除这些状态图标吗 即下图中的红色 x 和绿色 我尝试从 Textmate 中删除一些 SCM 捆绑包 但这并没有成功 我正在使用最新版本的 Textmate 2 你可以加scmStatus false到您的 Te
  • 参数号无效:致命错误

    News Feed Data public function newsFeed db getDB stmt db gt prepare SELECT user id as id user nome as nome app id as app
  • 在 Swift 中使用 AVAudioEngine 保存更改时间音调的音频文件

    目前 我正在尝试更改文档文件夹中现有音频文件的时间音调 然后使用 AVAudioEngine 用修改后的文件覆盖旧文件 我已经使用 AVAudioPlayerNode 和 AVAudioUnitTimePitch 完成了第一部分的工作 不过
  • jsp页面如何将int值转换为字符串

    我有一个包含 Map 的地图 我使用它在 jsp 页面上迭代它
  • jQuery/JavaScript - 拥有大量小 .js 文件时的性能问题?

    我有一个包含大量引用的 js 文件的网站 这些是相当小的文件 但我想将我的方法按主题 功能分开 将所有方法保存在一个 js 文件中是否更好 或者拥有许多 20 30 个小文件都只包含一些行没有问题 无论如何 将它们分开进行开发 但您应该考虑