【问题标题】:Do links with javascript slow down a page?使用 javascript 的链接会减慢页面速度吗?
【发布时间】:2011-11-17 10:09:54
【问题描述】:

由于网站出现问题,我必须对页面上的所有链接使用 javascript。

像这样……

<a href="javascript:this.location = 'stamping.html'"><img src="image.png"/></a>

网页上有许多带有 javascript 的链接会显着减慢速度吗?

Javascript 是在页面最初加载时运行还是仅在单击链接时运行?

编辑:对于那些问我为什么要这样做的人。我正在创建一个 iPad 站点,当您使用“添加到主页”按钮将该站点添加为图标时,它允许用户在没有地址栏的情况下查看该站点。

但是,每次单击链接时,它都会在新窗口中重新打开 Safari,并返回地址栏。

我能找到的唯一解决方案是使用 javascript 而不是基于 html 的链接来打开页面。

如需进一步参考,请参阅...

iPad WebApp Full Screen in Safari

第二个答案

“它只会全屏打开第一个(添加书签的)页面。任何下一页都将打开,地址栏再次可见。无论您在页面标题中放置什么元标记......”

第三个答案下来

"如果您想留在浏览器中而不启动新窗口,请使用此 HTML 代码:

a href="javascript:this.location = 'index.php?page=1'"

"

【问题讨论】:

  • 根本问题是什么?这似乎是一个奇怪的问题解决方案。
  • 您对“重要”的衡量标准是什么?您在测试中包括哪些浏览器?您的用户使用哪些浏览器?您的用户对缓慢的阈值是多少?页面上还有哪些其他标记?
  • 如果您不介意我问,有什么问题?这绝对不是传统的。
  • 我已经更新了解释原因
  • @p.campbell 所有用户都将是 iPad 上的 Safari。

标签: javascript iphone html ipad iso


【解决方案1】:

我可以看到这略微(非常轻微地)增加了网站的带宽需求,但渲染时间和点击响应时间应该不明显。

如果这是一个大问题,我建议对这两种不同的方法进行基准测试以比较实际影响。

【讨论】:

  • 想知道所有链接中的 javascript 是在初始页面加载时运行还是仅在单击时运行,这似乎会产生很大的不同。
  • 只有在被点击时才会运行。可能会有一些额外的解析成本,但这也不会引起注意。
【解决方案2】:

慢下来是什么意思?

页面加载时间?取决于您页面上的链接数量。要引起注意必须很多。执行时间处理时间?同样,不明显。

最好问的问题是你还好吗?有效地为那些没有 javascript 的人删除您的网站?

此外,如果您担心 SEO,则需要采取额外措施以确保您的网站仍可被索引。 (我怀疑 Google 是否遵循这些类型的 URL……我猜可能是错误的)。


编辑:既然您在上面解释了您的情况,您可以轻松地“隐藏”地址栏。请参阅 this SO question

【讨论】:

  • 好吧,我不知道 javascript 是在加载页面时运行还是仅在单击链接时运行......这会产生很大的不同。
  • 我已经在我的所有页面上使用了该元标记。它适用于第一个书签页面,但链接在新的 Safari 窗口中打开,地址栏又回来了。阅读我添加到问题中的第三个答案。
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2011-08-28
  • 1970-01-01
  • 2018-05-02
  • 1970-01-01
相关资源
最近更新 更多