首页 > 解决方案 > 嵌入式视频 (Vimeo) 页面加载优化

问题描述

我目前正在尝试优化我的网站以使其表现更好。我的主页嵌入了很多 (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结果

铬结果

任何想法都非常感谢。

标签: javascripthtmloptimizationiframepage-load-time

解决方案


推荐阅读