Question

JS影响页面加载速度吗

我想在网站所有页面都加上一段分享的代码，代码里分享的网站多少会影响页面加载速度吗？抑或是代码里放一个网站与放100个网站的影响是一样的？

如图：

Answer 1

会影响，页面越大，相应的页面打开速度就会越慢，毕竟加载的东西多了，所以做分享我建议做成触发模式的，在触发某快区域的时候在弹出分享“页面”同时加载分享“页面”，这样对浏览原网页的速度影响就非常非常小了，而且因为一般这种分享“页面不是很大”，加载速度也会很快。
可以理解为原页面与分享分开处理。

追问

请问有这种处理方式的网站可以参考一下吗？

追答

你看土豆视频里最下脚那个按钮，应该是类似这个的。

Answer 2

你截图的例子肯定是影响的，因为你每多一个网站，就会在页面上构造一个<div></div>相当于一个对象，然后这个<div></div>里面可能还会有<ul><li>还有图片，网站多了页面就会多很多对象，还要加载图片。肯定是慢的。
解决方式就是用AJAX的方式，当鼠标移上去之后，动态去加载指定块的内容，然后生成对应的HTML代码。
如果只是前台的话，那么你可以用onload事件，在页面资源加载完毕后，再加载这些隐藏层的内容，这样不会影响用户体验。

Answer 3

影响速度是肯定的 ，不过 你把分享的这段js代码 添加到页面的最后，也就是</body>标签的前面，这样页面打开的速度和之前是一样的，因为js在页面打开后才开始加载，是不影响页面显示速度的。

Answer 4

JavaScript会影响到页面的加载速度，具体原因有：

1. 多个文件意味客户端要发多个请求来获取；

2. 客户端对同一个域名通常有限制，例如早的IE版本一次只能发两个请求，firefox默认是4个，文件过多会造成阻塞很严重；

3.  JS过多而且放在页面的前面的话，会影响页面渲染造成用户体验很差，用户会感觉东西迟迟没有出来。

具体减缓JS加载影响的方法有：

1. 对JS文件格式处理，将空格换行去掉；

2. 根据 Yahoo! 研究团队的数据分析，有很大一部分用户访问会因为这一条而取得最大受益。有几种常见的方法能切实减少 HTTP 请求：

   ①合并文件，比如把多个 js 文件合成一个；

   ②压缩 js 文件，压缩工具：http://zhongguoren.cn/jsmin/

Answer 5

要看你的这段分享代码是不是在每个页面都运行，运行的代价有多大。还有就是缓存是否有影响

追问

应该是几乎每个页面都运行