タグ

ブックマーク / designhack.slashlab.net (1)

  • script タグの外部スクリプトを遅延読み込みする方法 | Design Hack and Slash

    画像(img タグ)を遅延読み込み(LazyLoad)するプラグインと同じように、外部スクリプト(script タグ)を遅延読み込みする方法です。 具体的には、JavaScript で提供されている広告タグや、各種ブログ パーツを、ページのレンダリングをブロックしないように配置する方法です。厳密には画像の遅延読み込みとは異なりますが、遅い外部スクリプトを貼らなければならない場合、いわゆる UX(ユーザー エクスペリエンス)の改善に劇的な効果があります。 フレンドリー アイフレーム(Friendly iFrame) 簡単に説明すると、対象の外部スクリプトを呼び出す部分だけを別の HTML ファイルにしてサーバーにアップロードし、iframe タグで その HTML ファイルをページに埋め込みます。 例えば、i-mobile というアドネットワークの広告タグの場合は以下になります。 広告タグ用

    script タグの外部スクリプトを遅延読み込みする方法 | Design Hack and Slash
    localnavi
    localnavi 2020/04/01
    ヤケクソめいた方法だが、これは実際効果的だわ。表示高速化(の数値アップ)の役に全く立ってくれない async や defer とは比較にならない。
  • 1