嵌入式视频(Vimeo)页面加载优化

时间:2019-03-11 17:53:19

标签: javascript html optimization iframe page-load-time

我目前正在尝试优化我的网站以使其表现更好。我的主页嵌入了很多(4)Vimeo视频,我注意到它们每个都请求相同的css文件和js文件。我想知道如何阻止此类请求。甚至在站点范围内阻止已下载文件的请求也是可行的,将它们重定向到缓存中?

Vimeo嵌入到这样的iframe中:

<div class="codegena">
    <iframe src="https://player.vimeo.com/video/216855176?title=0&byline=0&portrait=0" width='1920' height='1080' frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>
</div>

player.css将为每个iframe实例加载。也有一些javascript加载进来,我看过player.js和sentry.js我不确定它们是如何加载的。在pingdom上,它似乎就像每个iframe实例都被请求player.js一样,但是在chrome中,我只能在资源中看到它列出一次。我只看到sentry.js在chrome和pingdom中都要求一次检查,但是推迟此脚本的功能可能会有所帮助。

pingdom results of multiple requests of the same files

Chrome Results

任何想法都值得赞赏。

0 个答案:

没有答案