スクリプトの軽量化:defer、?ver=、絵文字、埋め込み
「Assets」パネルの上部には、互いに独立した 4 つのスイッチが並び、その下に「ブラウザキャッシュ (.htaccess)」のカードが続きます。この 4 つのスイッチは、WordPress がスクリプトをどう読み込むか、そして <head> にどの標準出力がそもそも生まれるかを変えます。どのスイッチも切り替えた直後に効き、保存ボタンはありません。
順番に切り替える
- 「Assets」パネルは、サイドバーの「速度」グループの中にあります。
- JavaScript「defer」の項目は、重要でないスクリプトを遅らせて読み込みます。jQuery は対象外のままです。初期状態ではオンです。
- 「クエリ文字列を削除」は、CSS と JS のアドレスから ?ver= を取り除きます。初期状態ではオフです。
- 「絵文字スクリプトを削除」は、絵文字判定スクリプトと関連するスタイルの登録を解除します。初期状態ではオンです。
- 「埋め込みを無効にする」は、wp-embed.js と oEmbed のディスカバリーリンクを取り除きます。初期状態ではオフです。
defer が実際に手を加えるもの
遅らせて読み込まれるのは、src 属性で読み込まれるスクリプトだけです。すでに defer または async が付いているスクリプトと、jQuery のコアライブラリはそのまま変わりません。管理画面ではこの切り替えは働きません。
絵文字と埋め込みの詳細
- 絵文字: 判定スクリプト、絵文字のスタイル、フィード内での置き換え、エディターの wpemoji プラグインの登録が、フロントエンドでも管理画面でも解除されます
- 埋め込み: wp-embed.js はフッターで再びキューから外され、<head> にある oEmbed のディスカバリーリンクと oEmbed ホストスクリプトはなくなります
?ver= がないと、ファイルの内容が変わってもそのアドレスは変わらなくなります。そのためテーマやプラグインの更新後、ブラウザーが古い写しを長く持ち続けることがあります。
この記事は役に立ったか?