html - 如何加快嵌入式 youtube 视频和 woff 文件的加载速度

<分区>

想改进这个问题吗？ 更新问题，使其只关注一个问题 editing this post .

关闭 4 年前。

我的代码使用这段代码

<iframe width="100%" height="100%" src="https://www.youtube.com/embed/vodID" title="VOD" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>

和这段代码

@font-face {
font-family: 'font name';
font-style: normal;
font-weight: 300;

src: url(./fonts/file location) format('woff2'),
url(./fonts/file location) format('woff'),
url(./fonts/file location) format('opentype');}

此代码花费较长的加载时间(在 webpagetest.org 中)

我怎样才能改进它？

最佳答案

网页测试说什么？

您可以为 youtube 添加预取来提供帮助。这是一篇关于元前置内容的好文章 css-tricks.com .

<link rel="dns-prefetch" href="//example.com">

关于字体(我不确定你在这里的知识)但也许你有“错误的设置意味着你包含了你不需要的其他字符。根据许可你可以使用字体并清理它来自不必要的字符，但这很讨厌你实际上不必这样做。