パフォーマンスを最適化する方法 [WordPress]

Tips

参考：

WordPress で大規模データを扱う場合の Tips | 高橋文樹.com

wp_resource_hints

参考：

WordPress で fuinctions.php を用いて DNS プリフェッチを追加する | WEBUTUBUTU

wp_resource_hints – Hook | WordPress Developer Resources [Official]

wp_resource_hints() | WordPress Developer Resources [Official]

#37171 Implement preconnect to Google fonts in themes twenty eleven, twelve, thirteen, fourteen, fifteen, sixteen | WordPress Trac [Official]

Change dns-prefetch to preconnect – GeneratePress Forum

Change dns-prefetch to preconnect for external enqueued resources – WordPress Development Stack Exchange

Change dns-prefetch to preconnect with correct protocol – WordPress Development Stack Exchange

preload

参考：

#42438 Add support for preload links (similar to resource hints) | WordPress Trac [Official]

wp-block-library-css を除去する

グーテンベルクを使用していない場合、wp-block-library-css は必要ない。functions.php に次の記述を追加すると、出力から除去される。

function remove_block_library_styles() {
    wp_dequeue_style( 'wp-block-library' );
    wp_deregister_style( 'wp-block-library' );
}
add_action( 'wp_enqueue_scripts', 'remove_block_library_styles', 99 );

参考：

wp-block-library-css を削除する方法 | ハックノート

block-library/style.min.css ってなんだ？ | g lance

自動挿入される Gutenberg 用 CSS を削除する方法 | 株式会社オンズ

ブロックエディター用のスタイルを消す方法 | WPQW

Gutenberg 関連の CSS まとめ – Qiita

wp-block-library-css から必要なスタイルだけ使う | ONE NOTES

絵文字

// L323
add_action( 'wp_head', 'print_emoji_detection_script', 7 );

// L341
add_action( 'wp_print_styles', 'print_emoji_styles' );

顔文字を使用しない場合、s.w.org への DNS プリフェッチは不要である。

参考：

WordPress のヘッダー要素で必要ない情報を削除する方法 | てらこやわーく

自動挿入される DNS プリフェッチ用コードを削除する方法 | 株式会社オンズ

wp_resource_hints() | wpm

emoji_svg_url – formatting.php at 5.8.1 · WordPress/WordPress – GitHub

Change default s.w.org dns-prefetch resource hint value – WordPress Development Stack Exchange

default-filters.php at 5.8.1 · WordPress/WordPress – GitHub

Autoptimize

参考：

Autoptimize | WordPress プラグイン [公式]

Autoptimize の設定方法と使い方を解説／サイトスピード高速化プラグイン | wagtechblog

Autoptimize でサイト高速化／JavaScript などのリソースを最適化 | エヌシステム BLOG

Autoptimize の設定方法／画像・コード最適化でサイト表示速度改善 | しろくまフォルダ

Autoptimize の使い方・設定方法／HTML・JavaScript・CSS を最適化する WordPress プラグイン | アクセス中古ドメイン

Autoptimize の設定方法・使い方／不具合の対処も紹介 | ブログブートキャンプ

Autoptimize の使い方・設定方法を解説／CSS や JS を最適化する WP プラグイン | Tekito style.me

Autoptimize の設定方法と使い方を初心者向けに解説／コードの最適化でサイトスピードを高速化 | あずきのぶろぐ

Autoptimize プラグインを利用してサイトを高速表示しよう | OPENCAGE