タグ

ブックマーク / shiroinu.net (1)

  • 埋め込んだYouTubeの読み込みを遅延させる

    YouTubeの埋め込みはコードをコピー&ペーストするだけなので超お手軽にできますが、ページの読み込みスピードを損ねる原因になります。 PageSpeedテストでの結果も、埋め込みのありと無しはモバイル版だと20点近くも差がありました。 別サーバー上とはいえ、動画を読み込んでいるのだからそれはそうですよね… SEO対策の面からも、この問題はクリアしておきたいところです。 簡単なコードで操作性やデザインに影響なく読み込みの遅延ができるのでやってみましょう! HTML <iframe class="youtube" data-src="https://www.youtube.com/embed/~" ~></iframe> Javascript <script> function youtube_defer() { var iframes = document.querySelectorAll

    埋め込んだYouTubeの読み込みを遅延させる
    red_snow
    red_snow 2019/10/18
  • 1