YouTube 预览缩略图 (5/11)

如果您在您的网站上使用 YouTube 视频,启用我们的预览缩略图功能将非常有利。这样做的目的是用预览缩略图和轻量级 SVG 播放图标替换 YouTube iFrame。然后在单击时加载 iframe。

这是加载 YouTube 视频的最快方式。

在我们的视频性能测试中,我们看到该功能将网站速度提高了64%。它还将总页面大小减少了58%。真是难以置信。

  • 之前:加载时间为1.93秒,总页面大小为691 KB。
  • 之后(延迟加载):0.72s加载时间,总页面大小为288KB。

YouTube 预览缩略图质量过滤器

默认情况下,从 YouTube 中提取低分辨率图像作为缩略图。我们有一个过滤器,你可以用它来改变缩略图的质量。maxresdefault 属性将获得最高质量(如果可用)。

确保 YouTube 缩略图至少为 1280 x 720像素。看看这本关于如何调整 YouTube 缩略图大小的指南。

add_filter(‘perfmatters_lazyload_youtube_thumbnail_resolution’, function($resolution) { return ‘maxresdefault’; });

您还可以使用 wp_is_mobile 功能在移动设备上显示低分辨率图像,同时在桌面上显示高分辨率缩略图。

add_filter(‘perfmatters_lazyload_youtube_thumbnail_resolution’, function($resolution) { if(!wp_is_mobile()) { $resolution = ‘maxresdefault’; } return $resolution; });

Log In

Forgot password?

Forgot password?

Enter your account data and we will send you a link to reset your password.

Your password reset link appears to be invalid or expired.

Log in

Privacy Policy

Add to Collection

No Collections

Here you'll find all collections you've created before.