加快网站视频加载时间的技巧
Tips to Speed up Video Load Time on Website
我正在为我的企业完成一个网站，并停留在这个视频加载部分。我的文件大约 70mb，它是一个背景视频。进入网站后需要 15-30 秒才能加载，这非常令人沮丧，一旦加载，大部分时间都会滞后。在 phone 上我根本无法播放它。
这是一个 HTML 模板，我放入了网站附带的视频 (10mb)，它可以立即播放和加载。然而，在搜索大小时，大多数人说 100-200MB 应该没问题，没有问题。
有人有什么建议吗？
这是我的网站：https://www.coastal-films.com/
这是我的视频嵌入代码
'''
<section id="home" class="notoppadding text-light videobg-section"
data-videofile="files/uploads/coffee"
data-videowidth="1280"
data-videoheight="720"
data-videoposter="files/uploads/1690x1100.jpg"
data-videoparallax="true"
data-videooverlaycolor="#000000"
data-videooverlayopacity="0.6"
data-sound="false">
<div class="section-inner">
'''
您首页上的图片和视频有 170MB！
这对于快速加载页面来说太过分了。
减小图像尺寸
我以photo001.jpg为例：它的大小为1.62MB，分辨率为2686x2850px。
考虑到网站上显示的是510x541px，你可以把它缩小到这个大小，再压缩一下。我使用 ImageOptim，但很多应用程序都可以完成这项工作。调整大小/优化后，此图像仅重 24KB。
服务器带宽问题
关于视频，存在带宽问题。即使使用 1GBps 光纤连接，您的服务器也将以最大 500kbps 的速度传送视频（我在法国，如果您住得离服务器近一点，速度可能会更快）。
让我们来看看您的 Quickreel 视频：重量为 57MB，时长 23 秒。以 500kbps 的速度传输大约需要两分钟。这就是为什么你有这么多滞后的原因：你正在使用的服务器无法跟上。
压缩视频
您可以降低分辨率（考虑到您页面上视频的大小，720p 应该足够了），并使用 Handbrake 等软件进行压缩。我能够将此视频的大小减小到 ~3MB。
使用正确的图片格式
您的一些图片（例如nick.png）使用 PNG 格式。这是一种非常好的格式，可以保存插图或任何类型的大多数纯色图像，但对于保存照片来说太重了。使用 JPG，调整大小并压缩以减小它们的大小。
我正在为我的企业完成一个网站，并停留在这个视频加载部分。我的文件大约 70mb，它是一个背景视频。进入网站后需要 15-30 秒才能加载，这非常令人沮丧，一旦加载，大部分时间都会滞后。在 phone 上我根本无法播放它。
这是一个 HTML 模板，我放入了网站附带的视频 (10mb)，它可以立即播放和加载。然而，在搜索大小时，大多数人说 100-200MB 应该没问题，没有问题。
有人有什么建议吗？
这是我的网站：https://www.coastal-films.com/
这是我的视频嵌入代码
'''
<section id="home" class="notoppadding text-light videobg-section"
data-videofile="files/uploads/coffee"
data-videowidth="1280"
data-videoheight="720"
data-videoposter="files/uploads/1690x1100.jpg"
data-videoparallax="true"
data-videooverlaycolor="#000000"
data-videooverlayopacity="0.6"
data-sound="false">
<div class="section-inner">
'''
您首页上的图片和视频有 170MB！ 这对于快速加载页面来说太过分了。
减小图像尺寸
我以photo001.jpg为例：它的大小为1.62MB，分辨率为2686x2850px。
考虑到网站上显示的是510x541px，你可以把它缩小到这个大小，再压缩一下。我使用 ImageOptim，但很多应用程序都可以完成这项工作。调整大小/优化后，此图像仅重 24KB。
服务器带宽问题
关于视频，存在带宽问题。即使使用 1GBps 光纤连接，您的服务器也将以最大 500kbps 的速度传送视频（我在法国，如果您住得离服务器近一点，速度可能会更快）。
让我们来看看您的 Quickreel 视频：重量为 57MB，时长 23 秒。以 500kbps 的速度传输大约需要两分钟。这就是为什么你有这么多滞后的原因：你正在使用的服务器无法跟上。
压缩视频
您可以降低分辨率（考虑到您页面上视频的大小，720p 应该足够了），并使用 Handbrake 等软件进行压缩。我能够将此视频的大小减小到 ~3MB。
使用正确的图片格式
您的一些图片（例如nick.png）使用 PNG 格式。这是一种非常好的格式，可以保存插图或任何类型的大多数纯色图像，但对于保存照片来说太重了。使用 JPG，调整大小并压缩以减小它们的大小。