⚡ WordPress高速化・最適化完全ガイド

// functions.phpに追記（コードで無効化する場合）
function disable_wp_emojis() {
    remove_action('wp_head', 'print_emoji_detection_script', 7);
    remove_action('wp_print_styles', 'print_emoji_styles');
}
add_action('init', 'disable_wp_emojis');

# .htaccess への直接記述例
Redirect 301 /old-page/ https://example.com/new-page/

// wp-config.php に追記（「That's all, stop editing!」の前）
define('DISABLE_WP_CRON', true);

// cPanelのCron Jobsで以下のコマンドを設定（5分ごと）
// wget -q -O - https://yourdomain.com/wp-cron.php?doing_wp_cron >/dev/null 2>&1

// functions.phpに追記
// フロントエンドでのHeartbeatを無効化
add_action('init', function() {
    if (!is_admin()) {
        wp_deregister_script('heartbeat');
    }
}, 1);

// 管理画面での通信間隔を60秒に延長
add_filter('heartbeat_settings', function($settings) {
    $settings['interval'] = 60;
    return $settings;
});

# .htaccessに追記（Apacheの場合）
<IfModule mod_deflate.c>
  AddOutputFilterByType DEFLATE text/html text/css text/javascript
  AddOutputFilterByType DEFLATE application/javascript application/json
</IfModule>

// wp-config.phpに追記
define('WP_POST_REVISIONS', 5);     // リビジョン数を5に制限
define('AUTOSAVE_INTERVAL', 120);   // 自動保存間隔を120秒に（デフォルト60秒）
define('EMPTY_TRASH_DAYS', 7);      // ゴミ箱を7日で自動削除

<!-- ヒーロー画像への手動設定例 -->
<img src="hero.webp" width="1200" height="600"
     fetchpriority="high"
     alt="サイトのメインビジュアル">

<!-- GIFの代わりにvideoタグを使用 -->
<video autoplay loop muted playsinline width="600" height="400">
  <source src="animation.webm" type="video/webm">
  <source src="animation.mp4" type="video/mp4">
</video>

# FFmpegでの変換コマンド（MP4）
ffmpeg -i input.gif -movflags faststart -pix_fmt yuv420p output.mp4

# FFmpegでの変換コマンド（WebM）
ffmpeg -i input.gif -c:v libvpx-vp9 -b:v 0 -crf 30 output.webm

/* ローカルホスト化後のCSS記述例 */
@font-face {
  font-family: 'Noto Sans JP';
  font-style: normal;
  font-weight: 400;
  font-display: swap; /* ← 重要：フォント未読込み時もテキストを表示 */
  src: url('/fonts/noto-sans-jp-400.woff2') format('woff2');
  unicode-range: U+3000-9FFF, U+F900-FAFF, U+FF00-FFEF; /* 日本語文字範囲 */
}

<!-- 「サイト名」という文字だけを対象フォントで取得する例 -->
<link href="https://fonts.googleapis.com/css2?family=Noto+Sans+JP&text=サイト名" rel="stylesheet">

<!-- Google Fonts URL に display=swap を追加 -->
<link href="https://fonts.googleapis.com/css2?family=Noto+Sans+JP&display=swap" rel="stylesheet">

/* システムフォントスタックの例 */
body {
  font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3',
               'Hiragino Sans', 'メイリオ', Meiryo,
               'BIZ UDPGothic', 'Yu Gothic', sans-serif;
}

<!-- defer：HTML解析後に実行（実行順序が保証される） -->
<script src="script.js" defer></script>

<!-- async：非同期読み込み（実行順序は保証されない） -->
<script src="analytics.js" async></script>

<!-- headタグ内に追記 -->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link rel="preconnect" href="https://cdn.example.com">

<!-- LCP画像の preload -->
<link rel="preload" as="image" href="hero.webp" fetchpriority="high">

<!-- Webフォントの preload -->
<link rel="preload" as="font" href="/fonts/noto-sans-jp-400.woff2"
      type="font/woff2" crossorigin>

<!-- lite-youtube-embed の使用例 -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/lite-youtube-embed/0.3.2/lite-yt-embed.min.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/lite-youtube-embed/0.3.2/lite-yt-embed.min.css">

<lite-youtube videoid="動画ID"></lite-youtube>

<!-- X（Twitter）シェアリンクの例（外部JS不要） -->
<a href="https://twitter.com/intent/tweet?url=ページURL&text=タイトル"
   target="_blank" rel="noopener">Xでシェア</a>

<!-- Facebookシェアリンクの例（外部JS不要） -->
<a href="https://www.facebook.com/sharer/sharer.php?u=ページURL"
   target="_blank" rel="noopener">Facebookでシェア</a>

<!-- srcset の記述例 -->
<img src="image-800.webp"
     srcset="image-400.webp 400w, image-800.webp 800w, image-1200.webp 1200w"
     sizes="(max-width: 600px) 400px, (max-width: 1000px) 800px, 1200px"
     alt="説明文">

<!-- head内に必ず設定 -->
<meta name="viewport" content="width=device-width, initial-scale=1.0">