主页背景视频会降低Chrome对口吃的影响

Question

我在我的主页上播放了一个背景视频，它似乎放慢了Chrome的速度，使其口吃，有时甚至崩溃。 Chrome中的任务监视器（Shift-ESC）显示GPU进程占用大约1/3 CPU。但我有8个核心，Windows任务管理器没有显示任何明显的东西。我可以在Chrome中杀死这个过程，然后在视频变黑的情况下返回snappy。我讨厌思考用户的体验。我该怎么做才能让Chrome少吃？

视频为26MB，连接为SSL，框架为Rails（Turbolinks可能不会在导航期间从内存中删除页面），ffprobe的比特率为3118kb / s。我已经降低了视频质量。

  

持续时间：00：01：07.67，开始：0.000000，比特率：3118 kb / s       流＃0：0（und）：视频：h264（高）（avc1 / 0x31637661），yuv420p，1920x1080 [SAR 1：1 DAR 16：9]，3115 kb / s，29.97 fps，29.97 tbr，90k tbn，59.94 tbc（默认）

部分HAML和SCSS

index.haml

.index.text-center
  .jumbotron.mx-auto
    .jumbotron-background
      %video.img-fluid{autoplay: 'autoplay', loop: 'loop'}
        %source{src: asset_path('skylines.mp4'), type: 'video/mp4'}
    more text

application.scss

.index {
  .jumbotron-background {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: -1;
    overflow: hidden;
    // background-image: image-url("jumbotron-bg.jpg");
    // filter: blur(5px);
  }
  .jumbotron {
    // width: 75%;
    position: relative;
    background-color: initial;
  }
}