Youtube嵌入延迟解析

时间:2012-11-24 08:19:25

标签: javascript performance youtube

我的Mediawiki上有一些嵌入式youtube播放列表。

我做了一些速度测试 webpagetest在我的网站上,它建议我推迟解析它们的Javascript。

他们说“在初始页面加载期间解析JavaScript。推迟解析JavaScript以减少页面呈现的阻塞。”

他们说像this这样的问题很有用。

如何将youtube视频嵌入Mediawiki,同时推迟解析它们的Javascript直到初始页面加载?

1 个答案:

答案 0 :(得分:3)

只需使用jQuery插入嵌入代码即可。

首先为视频

创建一个包装器/容器
<div id="yt-wrapper"></div>

然后将嵌入代码插入包装器

$('<iframe width="460" height="234" src="http://www.youtube.com/embed/dQw4w9WgXcQ?rel=0" frameborder="0" allowfullscreen></iframe>').appendTo('#yt-wrapper');