1

在网页中添加社交媒体资源时，传统方法会导致从其他域加载大量外部 JS，仅加载带有品牌图像背景的 iframe 或锚点。以下可能是网络上传输最多的文件（在http://www.google-analytics.com/ga.js 36.35KB 之后，这对许多人来说是不可避免的）

http://connect.facebook.net/en_US/all.js 181.30KB（59.06KB 压缩）
https://platform.twitter.com/widgets.js 75.19KB（24.42KB 压缩）
https://apis.google。 com/js/plusone.js 16.71KB
http://assets.pinterest.com/js/pinit.js（这个很小，但仍然不需要连接）

例如，http ://connect.facebook.net/en_US/all.js 只做一件事：添加 iFrame<iframe src="//www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Flavishdream&amp;width=292&amp;height=180&amp;colorscheme=light&amp;show_faces=true&amp;border_color&amp;stream=false&amp;header=false" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:292px; height:180px;" allowtransparency="true"></iframe>

Twitter 和 Google Plus 脚本执行非常相似的任务，只是将小的 HTML 块添加到页面中。

为什么不只编写那些 iFrame、图像和锚点 HTML 呢？

4

4 回答 4

1

您提到的大多数脚本也在后台跟踪用户行为。此外，在加载 JS 文件时，提供者（例如 Google）可能会更改此类脚本附带的功能。当您只是添加一个静态文件或自己编写所需的 HTML 时，这不会那么容易。

于 2012-10-16T14:06:57.683 回答
0

它不会干扰您的网站性能。每个 js 应该加载多个资源，这不应该影响它们嵌入的站点。

于 2012-10-16T13:46:36.517 回答
0

您所指的库不仅仅是添加简单的 iFrame。它们还引用框架内的对象。就性能而言，您将遇到的唯一问题是托管 js 文件的站点是否出现故障。

于 2012-10-16T13:58:58.090 回答
-1

首先，任何 Javascript 都是客户端应用程序，因此您不必担心布局这些组件所需的性能。其次，这些文件非常小，因此流量可以忽略不计，即使 iFrame 是 HTML 格式，您也需要某种连接来获取它，对吧？因为显然你不能只在代码中静态地放置喜欢按钮（出于可维护性的原因）

于 2012-10-16T13:56:06.333 回答