html 中包含大量脚本标记是否会产生性能问题?

2024-02-18

在 html 文件中包含大量(例如 50 个)脚本标记是否存在任何问题?它是否会导致页面渲染时间出现任何性能问题?

我的页面上有一个部分,用于提取地理位置点并将其放入数组中以在谷歌地图上使用。我可以仅针对地理位置点创建一个单独的查询,但我相信如果我在请求其他内容时将其取出,效率会更高。

<script type="text/javascript">points[{count}] = [{job_latitude},{job_longitude},'{title}'];</script>

当浏览器遇到SCRIPT元素它停止解析和呈现 HTML 并开始解析和解释其内容。那是因为代码SCRIPT元素可能会改变已经解析的 DOM 树。

这就是原因建议放置SCRIPT位于文档底部 http://developer.yahoo.com/performance/rules.html#js_bottom这样整个文档主体就已经被解析了。

所以我宁愿完全请求地理位置(也许您可以在服务器端收集它们并在最后打印它们)。或者,如果您不能或不想这样做,请添加defer属性 http://www.w3.org/TR/html4/interact/scripts.html#adef-defer给你的SCRIPT告诉解析器不要等待脚本的元素。

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

html 中包含大量脚本标记是否会产生性能问题? 的相关文章

  • 大小相同的表格单元格填充包含表格的整个宽度

    有没有办法使用 HTML CSS 具有相对大小调整 使一行单元格拉伸其所在表格的整个宽度 单元格的宽度应该相等 并且外表的大小也是动态的 table width 100 目前如果我不指定固定大小 单元格只是自动调整大小以适应其内容 您甚至不
  • angular.copy() 和 JSON.parse(JSON.stringify()) 之间的区别?

    有人可以解释 angular copy 和 JSON parse JSON stringify 之间的区别吗 有吗 您会推荐使用什么 angular fromJson angular toJson 与 JSON parse JSON str
  • Atom“自动完成”不起作用

    因此 当您安装 Atom 时 autocomplete 会随其一起提供 并且默认情况下处于启用状态 当我编写代码时 什么也没有显示 为什么 是否需要配置任何文件才能正常工作 In autocomplete plus settings pag
  • Chart.js 没有显示在我的视图中

    我有一个使用 angular js 运行的应用程序 我的视图之一应该加载图表 我正在使用 Chart js 但由于某种原因它不起作用 并且我的控制台上没有显示错误 这是我创建图表的函数 scope writeBatteryChart fun
  • Jmeter动态生成请求的json负载

    我有一个 Jmeter 测试计划 我希望 HttpSampler 发送发布请求 请求正文应包含 Json 如下所示 productIds p1 p2 我设置了一个随机变量生成器 每次调用都会返回格式正确的 ProductId 我想做的是通过
  • 在 AngularJS 中覆盖运行时的依赖关系

    我有一个服务叫 doggedHttp 它公开了与 http 现在我想创建一个 doggedResource服务是有角度的 resource服务之上 doggedHttp代替 http 换句话说我想注入 doggedHttp as the h
  • 将服务连接到现有的流星帐户

    我正在设置一个流星应用程序 其中涉及使用用户名和密码进行注册 然后希望将该帐户与 Facebook 和 Twitter 连接起来 我只需使用帐户包即可轻松启动并运行第一部分 但是当我有一个登录用户调用 Meteor loginWithFac
  • 在 Chrome 中检索浏览器语言

    我一直在尝试让 momentjs 正确检测浏览器语言并本地化时间显示 按照使用 Moment js 进行区域设置检测 https stackoverflow com questions 25725882 locale detection w
  • 获取键盘事件中的鼠标位置

    我试图在用户按住 Shift 键时出现选择轮 滚轮应以鼠标位置为中心 然而当我测试这个时 pageX and clientX两者在事件对象上都未定义 是否可以通过键盘事件获取鼠标坐标 不 只需跟踪mousemove事件并持续保存当前位置 以
  • Firefox OS 后台服务

    我想构建一个应用程序 用户可以通过它输入一些设置 并且应用程序将启动后台服务来根据这些设置执行一些任务 我只想在模拟器中运行应用程序和后台服务 我知道它需要 认证 模式才能运行后台服务 但我现在不考虑在 Firefox Marketplac
  • 如何在流程图中间隔刻度线?

    我下面有一个流程图 您将看到标签被压缩 我想使刻度之间的宽度确保显示所有标签 标记如下 div div class graph info a href span span a a href class active span span a
  • Rails - 使链接与 ajax 一起工作

    我有一个链接 应该使用 ajax 加载它旁边的部分内容 而无需重新加载页面 链接在这里 这是链接应该转到的控制器 class ProfilesController lt ApplicationController def profile f
  • 检查 href 中是否存在 jQuery 中的查询字符串

    我目前有一段 jQuery 用于附加带有一些位置信息的 URL jQuery a attr href function return this href location 123 abc 我的问题是大多数链接都有一个 其中使用上面的 就可以
  • 网页抓取 - 如何识别网页上的主要内容

    给定一个新闻文章网页 来自任何主要新闻来源 例如时报或彭博社 我想识别该页面上的主要文章内容 并丢弃其他杂项元素 例如广告 菜单 侧边栏 用户评论 在大多数主要新闻网站上都可以使用的通用方法是什么 有哪些好的数据挖掘工具或库 最好是基于Py
  • CKEditor TypeError:c[a] 在 CodeIgniter 中未定义

    我正在尝试在基于 codeigniter 的网站中安装 CKEditor 并且我已按照本教程进行操作 Codeigniter 教程中的 CKEditor http nukium com developpement php framework
  • 具有非阻塞读取功能的 Bash 脚本

    我想使用命名管道将一些数据发送到根进程 这是脚本 效果很好 bin sh pipe tmp ntp if p pipe then mknod m 666 pipe p fi while true do if read line lt pip
  • 如何在变量名中使用变量

    所以我正在使用这样的 json 变量 opponentInvData item1 它包含项目 1 到 6 我需要动态访问不同的项目并将它们设置为空 itemNum 是我需要访问的特定项目 我正在尝试使用 eval 函数 var itemNu
  • Safari 的 Javascript 与 document.write 的问题

    我的问题只发生在 Safari 上 IE FF Chrome 和 Opera 都可以完美运行 我正在向 DOM 添加一个对象 与 YouTube 的方式完全相同 具体取决于 ActiveX 或 NPAPI 因此在确定写入对象类型后 我通过以
  • 禁用 Materialise Carousel 上的触摸

    看起来以前没有人问过这个问题 因为我几乎在互联网上寻找一个非常简单的答案 如何禁用在物化轮播上向左 向右滑动的功能 在 Materialize js 添加 编辑 var allowCarouselDrag true value functi
  • 截断段落前 100 个字符并隐藏段落的其余内容,以通过更多/更少链接显示/隐藏其余内容

    我有一个超过 500 个字符的段落 我只想获取最初的 100 个字符并隐藏其余部分 我还想在 100 个字符旁边插入 更多 链接 单击更多链接时 整个段落应显示并编辑文本 更多 到 更少 单击 更少 时 它应切换行为 段落是动态生成的 我无

随机推荐

  • 尝试执行任何以“rails”开头的命令会产生“无法找到 Gemfile”

    我正在尝试安装新的 Rails 应用程序 我的机器上已经安装了几个 Rails 应用程序 一切都运行良好 rails new app Could not locate Gemfile 然后我想我应该运行一个跟踪来弄清楚发生了什么 因为你不会
  • 如何使用 jquery ajax 获取文件列表

    我想获取文件列表 来自名为uploads 获取文件 php get files php单独工作效果很好 即它正确列出了文件 但我怎样才能得到里面的列表insideT div 我可以包括get files php但我需要使用 jquery a
  • Primefaces上传,如何在高级模式下只允许一次上传

    我想知道是否可以通过使用 primefaces 提前上传模式来限制用户仅上传一个文件 目前我有
  • WPF:当 MVVM 绑定属性更改时激活触发器

    不知怎的 我在这里兜圈子 如果这个问题的答案是显而易见的 请原谅我 我想对视图中 ViewModel 中更改的属性做出反应 当属性 bool 更改时 视图应该启动动画 BeginStoryBoard 实际上 在我的应用程序中 有 4 个这样
  • 如何向 sql 视图添加主键? - 或者将视图链接到 LINQ-2-Entities 的替代方法

    我正在 或尝试 向我的实体对象模型添加一个非常简单的视图 数据库位于 SQL Server 2008 中 我使用 C 在 Net 3 5 SP1 上 该视图有两个字段 color 和 colorcount 分别是 Varchar 50 和
  • jstree中如何回滚无法移动的节点

    我试图弄清楚如何仅回滚未成功移动的文件夹节点 下面的代码是我正在尝试做的事情的示例 当您选择了几个文件夹并将它们移动到另一个文件夹中时 就会出现问题 如果其中一个目录无法移动 我希望能够将其回滚到其原始父目录 很遗憾 jstree roll
  • 在捆绑 NSBundle 中找不到名为“MainStoryBoard”的故事板

    几天前我开始了一个新的应用程序 并开始使用模拟器来测试它 我从一个空项目开始并手动添加故事板 模拟器构建并运行我的应用程序一切正常 但当我尝试构建到我的 iPhone 上时 我收到消息 在捆绑 NSBundle 中找不到名为 MainSto
  • Python 杀死线程

    我正在尝试杀死 python 中的一个线程 异常将是执行此操作的首选方法 因为通过 try except 对优雅地退出线程的 run 方法将允许关闭资源 我试过 Python 有没有办法杀死一个线程 https stackoverflow
  • Inline::Perl5 的列表返回给出项目的计数,而不是列表

    一些简单的 Inline Perl5 代码返回一个列表 但它似乎返回项目的计数而不是实际的列表 更改涉及的项目数量会更改计数 use Inline Perl5 my p5 Inline Perl5 new my perl5 code q t
  • Mathematica:如何防止对 In[-1] 求值?

    当我尝试在 Wolfram 中获取最后一个输入表达式时数学5 2 使用In 1 我得到评估输出 In 1 On In 2 2 In 1 Out 2 4 During evaluation of In 1 In trace In 1 gt I
  • 使用 WebClient 以适当的扩展名保存图像

    我需要从网站检索图像并将其保存到本地文件夹 图像类型有 png jpg 和 gif 我尝试过使用 string url http redsox tcs auckland ac nz CSS CSService svc string save
  • 无法在插件 org.springframework.boot:spring-boot-maven-plugin:1.1.4.RELEASE 中找到目标 '' 在可用目标重新打包中

    我昨天在 eclipse 中运行了一个 spring 应用程序 我有 Windows 7 我今天通过命令提示符运行了它 使用以下命令 mvn spring boot run 这次没有成功 我收到了消息 Could not find goal
  • 如何区分 malloc 字符串和字符串文字?

    有没有一种方法 在纯C中 来区分malloc从字符串文字中提取字符串 而不知道哪个是哪个 严格来说 我试图找到一种方法来检查变量是否是 malloced 字符串 如果是 我将释放它 如果没有 我就放手 当然 我可以向后挖掘代码并确定变量是否
  • 方法到底什么时候会产生副作用?

    正如我一直理解的那样 对程序状态的任何更改 或与 IO 有关的任何事情 都是副作用 更改是发生在全局变量中还是发生在调用该方法的对象的私有字段中并不重要 由此可见 所有不返回任何内容的方法要么根本不执行任何操作 要么有副作用 我的困惑来自于
  • 通过网页发送 Outlook 电子邮件

    我有一个使用 ASP net 和 C 开发的 Web 应用程序 该应用程序在我公司的 Intranet 上运行 由于该应用程序的所有用户无一例外都使用 Microsoft Outlook 因此我希望该应用程序能够在客户端打开 Outlook
  • 垃圾引用和悬空引用有什么区别?

    垃圾引用和悬空引用有什么区别 悬空引用是对不再存在的对象的引用 垃圾是无法通过引用到达的对象 垃圾收集语言中不存在悬空引用 因为对象仅在不再可访问时才会被回收 仅收集垃圾 在某些语言或框架中 您可以使用 弱引用 它可以悬空 因为在收集过程中
  • 如何允许 https 网站上的 iframe 内包含 http 内容

    我将一些 HTML 加载到 iframe 中 但是当引用的文件使用 http 而不是 https 时 出现以下错误 已阻止 current page name 处的页面运行来自 referenced filename 的不安全内容 有什么方
  • JavaScript“未定义”与“void 0”

    到底有什么区别undefined and void 0 哪个是首选 为什么 不同之处在于 某些浏览器允许您覆盖undefined 然而 void anything总是返回真实值不明确的 function undefined undefine
  • 如何将react-hook-form与ant design或material UI一起使用

    我正在尝试使用react hook form库来验证表单 当我使用 ant design 或 Material UI 渲染视图时 它无法正常工作
  • html 中包含大量脚本标记是否会产生性能问题?

    在 html 文件中包含大量 例如 50 个 脚本标记是否存在任何问题 它是否会导致页面渲染时间出现任何性能问题 我的页面上有一个部分 用于提取地理位置点并将其放入数组中以在谷歌地图上使用 我可以仅针对地理位置点创建一个单独的查询 但我相信