使外部图像和JS文件不影响页面加载时间的最佳方法是什么？

Question

在我使用的很多页面上，有很多外部（非关键）外部图像和js文件被调用，影响加载时间。其中一个是广告公司的跟踪像素，有时可能需要几秒钟才能加载，您可以在浏览器中看到这种情况，因此用户体验不佳。有没有办法可以加载这些，而不是将它们作为初始页面加载？我已经看到类似的东西启动计时器，一旦计时器触发它们加载但我担心如果用户离开页面太快，跟踪像素将没有时间加载。

Answer 1

不是真的 - 使用gif进行跟踪的目的是跟踪用户，无论他们是否有javascript。延迟gif的负载需要javascript，因此会破坏这一点并可能搞砸你的统计数据。

最好的方法是在代码末尾将这些“不必要的页面加载”放在结束体标记内。

Answer 2

如果您可以在网页上进一步向下加载跟踪像素，最好尽可能接近最终BODY标记，它可能会首先处理该图像之前的所有其他内容，从而使页面加载看起来更快。事件图像加载速度不快。

这可以通过雅虎YSlow的“Best Practices for Speeding up your Website”部分解释（如果略微脱离背景）将脚本放在底部。