はじめに
AMP（Accelerated Mobile Pages）は、モバイルデバイスでのウェブサイトの読み込み速度を向上させる技術ですが、導入後のメンテナンスや制約があるため、一部のユーザーがAMPの削除を検討する場合があります。この記事では、AMPプラグインの削除後もサイトのパフォーマンスとユーザビリティを維持するための移行方法について詳しく解説します。
症状・背景
このテーマが必要になる主な場面:
- AMPプラグインがメンテナンス不足で機能不全に陥った場合
- ユーザー体験が低下し、AMPページの管理や更新が煩雑になった場合
- サイト全体のパフォーマンスを向上させるため、より柔軟性のあるオプションを探している場合
手順・設定方法
ステップ1: AMPプラグインの削除
# WordPress管理画面からAMPプラグインの一覧を開く
wp plugin list --status=active | grep 'amp'
# 対象のAMPプラグインを無効化する
wp plugin deactivate amp
# 無効化されたプラグインを削除する（注意：データが失われる可能性があるため、事前にバックアップを取ること）
wp plugin delete ampステップ2: カスタムAMPページの移行
# AMPページのバックアップを作成する
wp db export /path/to/export.sql --tables=posts,postmeta,comments,commentmeta
# AMPテンプレートをカスタムテーマに統合する
cp -r wp-content/plugins/amp/templates/wp-content/themes/custom-theme/ステップ3: CSSとJavaScriptの最適化
# カスタムCSSとJavaScriptファイルを作成し、サイト全体のスタイルや機能を一元管理する
nano /wp-content/themes/custom-theme/style.css
nano /wp-content/themes/custom-theme/js/main.js
# ファイルが有効になるようにfunctions.phpで読み込む
echo 'add_action( "wp_enqueue_scripts", "enqueue_custom_css_and_js" );' >> wp-content/themes/custom-theme/functions.phpステップ4: 実践/トラブルシュート/監視
# Google LighthouseやGTmetrixなどのツールを使用して、移行後のサイトパフォーマンスを確認する
wp option update google-site-kit-settings '{"modules":{"core":"lighthouse"}}'
# パフォーマンスを継続的にモニタリングし、必要に応じて最適化を行う
wp cron event list --all注意事項
- <実践的な注意点1>: AMPプラグインの削除後も、モバイルフレンドリーなデザインとコンテンツを維持することが重要です。
- <実践的な注意点2>: カスタムAMPページの移行は時間と労力を要するため、適切な計画が必要です。
- <セキュリティ上の注意>: AMPプラグインを使用しない場合でも、常にWordPressコアおよびテーマ、プラグインを最新版に保つことが重要です。
- <パフォーマンス/運用上の注意>: すべてのAMPページが非AMPページへ自動的にリダイレクトされるように設定し、ユーザー体験を維持することが必要です。
まとめ
1. <キー1>: AMPプラグインの削除後もモバイルフレンドリーなデザインとコンテンツを保つ。
2. <キー2>: カスタムAMPページの移行は時間と労力を要するため、適切な計画が必要。
3. <キー3>: すべてのAMPページが非AMPページへリダイレクトされるように設定する。
4. <キー4>: 継続的なパフォーマンス最適化とモニタリングを行う。
5. <キー5>: WordPressコアおよびテーマ、プラグインを常に最新版に保つ。
関連記事: