在我的网站上加载 Facebook 社交插件(如框)时,如何阻止 IE 挂起?

发布于 2024-11-06 05:16:30 字数 485 浏览 0 评论 0原文

我已经使用异步 JS SDK 在我的网站上实现了 Facebook Like 按钮,效果非常好!然而,加载需要很长时间,这不是一个大问题(如果加载速度更快的话会更好..),因为页面的其余部分加载得很好。

但是,如果您在任何版本的 IE 中查看该网站,整个页面都会无响应,直到 Facebook 点赞/评论加载完毕...所有图像和其他脚本都已加载,但整个页面被锁定。

关于如何为 IE 用户纠正此问题有什么想法吗?

我看过这篇文章: 如何防止 Facebook Like 按钮延迟网站加载? 但这是通过使用异步版本解决的,而我的正在使用此版本但仍然挂起?

如果有帮助,我可以发布一个指向它出现的我的网站/页面的链接吗?

I have implemented the Facebook like button on my site by using the asynchronous JS SDK and it's working great! However it takes a long time to load, which is not a great problem (Would be nicer if it loader quicker though..) as the rest of the page loads fine.

However, if your view the the site in any version of IE the whole page is unresponsive until Facebook Like / comments have loaded... All the images and other scripts are loaded, but the whole page is locked.

Any ideas on how i can rectify this for IE users?

I have seen this post: How do I keep the Facebook like button from delaying the loading on my website? but this was solved by using the Async version, where as mine IS using this and still hanging?

If it helps I can post a link to my site / page that it appears on?

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(2

花开雨落又逢春i 2024-11-13 05:16:30

好吧,我唯一的建议是将 FB JS 代码放在 标记之前。但总的来说,我对您的网站还有其他“提示”。

  1. 尽可能尝试缩小/合并 CSS 和 JS 文件
  2. 尝试将 JS 代码移至 body 标记(最后)
  3. 您真的需要 Prototype 和 jQuery 库吗?!尝试删除其中一个并将功能移植到另一个(几乎所有任务都可以使用任一库完成)

Well, my only advice here is to place your FB JS code just before the </body> tag. But I have other "tips" for your site in general.

  1. Try to minify/combine your CSS and JS files when possible
  2. Try moving your JS code to the body tag (at the end)
  3. Do you really need the Prototype AND jQuery libraries?! try removing one of them and port the functionality to the other (almost all tasks can be done with either library)
死开点丶别碍眼 2024-11-13 05:16:30

最后,IE 挂起,因为我对图像进行了 CSS3 转换,显然这会减慢 IE 的速度(即使它无法渲染转换)。所以我可以通过 CSS 中的条件注释或在我的例子中的 Modernizr 中禁用此功能。

In the end, IE was hanging because I had a CSS3 transform on my images and apparently this slows down IE (Even though it cannot render the transform. So i can disable by this via conditional comments in the CSS or in my case modernizr.

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文