KakapoWP KakapoWP
ヘルプセンター/Performance/スクリプトの軽量化:defer、?ver=、絵文字、埋め込み

スクリプトの軽量化:defer、?ver=、絵文字、埋め込み

対象: Kakapo Performance· 3 分で読めます

「Assets」パネルの上部には、互いに独立した 4 つのスイッチが並び、その下に「ブラウザキャッシュ (.htaccess)」のカードが続きます。この 4 つのスイッチは、WordPress がスクリプトをどう読み込むか、そして <head> にどの標準出力がそもそも生まれるかを変えます。どのスイッチも切り替えた直後に効き、保存ボタンはありません。

順番に切り替える

  1. 「Assets」パネルは、サイドバーの「速度」グループの中にあります。
  2. JavaScript「defer」の項目は、重要でないスクリプトを遅らせて読み込みます。jQuery は対象外のままです。初期状態ではオンです。
  3. 「クエリ文字列を削除」は、CSS と JS のアドレスから ?ver= を取り除きます。初期状態ではオフです。
  4. 「絵文字スクリプトを削除」は、絵文字判定スクリプトと関連するスタイルの登録を解除します。初期状態ではオンです。
  5. 「埋め込みを無効にする」は、wp-embed.js と oEmbed のディスカバリーリンクを取り除きます。初期状態ではオフです。

defer が実際に手を加えるもの

遅らせて読み込まれるのは、src 属性で読み込まれるスクリプトだけです。すでに defer または async が付いているスクリプトと、jQuery のコアライブラリはそのまま変わりません。管理画面ではこの切り替えは働きません。

絵文字と埋め込みの詳細

  • 絵文字: 判定スクリプト、絵文字のスタイル、フィード内での置き換え、エディターの wpemoji プラグインの登録が、フロントエンドでも管理画面でも解除されます
  • 埋め込み: wp-embed.js はフッターで再びキューから外され、<head> にある oEmbed のディスカバリーリンクと oEmbed ホストスクリプトはなくなります
?ver= がないと、ファイルの内容が変わってもそのアドレスは変わらなくなります。そのためテーマやプラグインの更新後、ブラウザーが古い写しを長く持ち続けることがあります。
この記事は役に立ったか?