SiteSkyline Optimizer の使用を開始する

SiteSkyline オプティマイザーへようこそ!このガイドは、プラグインをインストールし、初期設定を構成し、WordPress または WooCommerce サイトの高速化をわずか数分で開始するのに役立ちます。

始める前に

SiteSkyline Optimizer をインストールする前に、Web サイトが次の要件を満たしていることを確認してください。

• 自己ホスト型の WordPress Web サイト。
• サポートされているバージョンの PHP を実行する互換性のあるホスティング。

インストール

次の簡単な手順に従って、Web サイトにプラグインをインストールします。

1. WordPress ダッシュボードにログインします。
2. 「プラグイン」メニューに移動し、「プラグイン」をクリックします。 新規追加.
3. 検索する SiteSkyline オプティマイザー.
4. クリック 今すぐインストール そしてクリックしてください 活性化 インストールが完了したら。

初回セットアップ

有効にすると、新しく追加された設定メニューからすべての機能にアクセスできます。

1. WordPress ダッシュボードの [設定] メニューに移動し、プラグイン オプションを探します。
2. から始めます 一般的な タブを使用してコア速度の調整を構成します。
3. 利用可能な機能の切り替えを確認して、不要なサイトの肥大化を削除し、ヘッド出力をクリーンアップし、余分な機能をトリミングします。
4. クリック 変更を保存 ページの下部にある をクリックして、新しい設定を適用します。

あなたの最初の一歩

プラグインがアクティブになったので、次の 2 つの主要な機能を試して、すぐにパフォーマンスが向上することを確認してください。

1. ページ配信のスピードアップ

1. [設定]メニューに移動し、 ページキャッシュ タブ。
2. を切り替えます ページキャッシュを有効にする スイッチをオンにすると、静的 HTML ページのキャッシュが有効になります。
3. 有効期限の設定と除外ルールを構成し、クリックします。 変更を保存.

2. 画像を最適化する

1. [設定]メニューに移動し、 WebP タブ。
2. トグル WebP 変換を有効にする 重い画像のアップロードを軽量で高速な形式に変換し始めます。
3. 希望の変換方法を選択して、 一括変換 既存の画像ライブラリを最適化します。

ダッシュボードの最適化

何をするのか

最適化ダッシュボードでは、サイトのパフォーマンス ステータスとキャッシュ状態の概要を簡単に確認できます。また、迅速な最適化トリガーも提供されるため、サイトをスムーズに実行し続けることができます。

使用方法

1. 「最適化」セクションに移動し、「最適化」タブを選択します。
2. 現在のサイトのパフォーマンス ステータスを表示します。
3. サイトを改善するには、クイック最適化アクションのいずれかをクリックします。

Settings & Options

Tips & Best Practices

• 最適化ダッシュボードを定期的にチェックして、サイトの現在のパフォーマンスの状態を常に把握してください。
• 迅速なパフォーマンス調整を実行したい場合は、いつでもクイック最適化トリガーを使用してください。
• ダッシュボードのレビューとキャッシュ管理機能および資産マネージャー機能を組み合わせて、完全なサイト速度ルーチンを実現します。

資産アナライザー

何をするのか

アセット アナライザーは、Web サイトにロードされているスクリプトとスタイルを調べるのに役立ちます。これらのページ資産を確認することで、サイトの新しい最適化の機会を簡単に特定できます。

使用方法

1. 「資産マネージャー」セクションに移動します。
2. 「アナライザー」タブを選択します。
3. 資産分析を実行します。
4. 各ページに読み込まれた CSS ファイルと JavaScript ファイルを表示します。

Settings & Options

Tips & Best Practices

• 定期的にスキャンを実行して、ページに追加された新しいスクリプトやスタイルを追跡します。
• 分析から得られた洞察を使用して、最適化の機会を特定します。
• サイトのパフォーマンスをよりよく理解するために、ページごとに読み込まれた CSS および JavaScript ファイルを確認します。

アセットルール

何をするのか

スクリプトとスタイルの条件付き読み込みルールを構成して、特定のページまたはグローバルでアセットをデキューまたは無効にします。これは、特定のページから不要なスクリプトやスタイルを削除してページの重量を軽減するのに役立ちます。

使用方法

1. 「資産マネージャー」セクションに移動し、「ルール」タブを開きます。
2. 新しい資産ルールを追加します。
3. 無効にするハンドルを選択します。
4. アセットルールを保存します。

Settings & Options

Tips & Best Practices

• 条件付き読み込みルールを使用して、特定のページから不要なスクリプトとスタイルを削除します。
• ページの重量を軽減するために、アセットをグローバルに、または特定の URL および投稿タイプで無効にするようにターゲットを設定します。
• 不要なコードを削除して、ページの効率的な実行を維持します。

Media & Image Optimizer

何をするのか

The Media & Image Optimizer helps you control image loading behavior, responsive image attributes, and lazy loading priorities. Use this feature to adjust your image rendering and loading settings to improve your page performance.

使用方法

1. 「メディア」セクションに移動し、「画像」タブをクリックします。
2. 遅延読み込み設定を切り替え、画像最適化パラメータを構成します。
3. [保存] ボタンをクリックしてメディア設定を保存します。

Settings & Options

Tips & Best Practices

• 画像のレンダリングと読み込み設定を調整して、Largest Contentful Paint (LCP) を改善します。
• [遅延読み込み] 設定を使用して、画像のネイティブまたはスクリプトベースの遅延読み込みを選択します。
• スクロールせずに見える画像に特化して、フェッチの優先順位とプリロードを構成します。

WebP画像変換

何をするのか

アップロードされた JPEG および PNG 画像を最新の WebP 形式に変換して、画像配信を高速化します。これにより、Web サイトの読み込みが速くなり、訪問者によりスムーズなエクスペリエンスが提供されます。

使用方法

1. 「メディア」セクションに移動し、「WebP」タブを選択します。
2. 自動変換をオンにして新しいアップロードが自動的に処理されるようにするか、好みの WebP 生成モードを選択します。
3. 一括変換を実行して、既存の画像ライブラリを更新します。
4. WebP 設定を保存するには、[保存] ボタンをクリックします。

Settings & Options

Tips & Best Practices

• 自動変換を有効にすると時間を節約できるため、アップロードする新しい画像をすべて手動で変換する必要がなくなります。
• 一括変換ツールを実行して、既存の画像ライブラリ全体を一度にすばやくアップグレードします。
• 利用可能な生成モードを試して、サーバー環境に最適なオプションを見つけてください。
• この機能をメディア オプティマイザーと組み合わせて、画像を可能な限り高速かつ効率的に処理できるようにします。

クリティカルな CSS の生成

何をするのか

クリティカル CSS の生成は、重要なアバブザフォールド CSS を生成してインライン化することで、ページの即時読み込みを支援します。このプロセスにより、レンダリングをブロックするスタイルシートが排除されるため、訪問者は完全なスタイルシートがダウンロードされるのを待たずに、すぐにコンテンツを表示できるようになります。

使用方法

1. [スタイル] セクションに移動し、[重要な CSS] タブを選択します。
2. 好みの生成モードを選択し、重要な CSS をページに直接挿入するかどうかを構成します。
3. 必要に応じて、フォールバック重要な CSS ルールを編集します。
4. [スタイル設定を保存] ボタンをクリックして、変更を適用します。
5. [重要な CSS を生成] ボタンをクリックして、重要なスクロールせずに見えるスタイルを作成します。

Settings & Options

Tips & Best Practices

• 重要な CSS ルールを慎重に設定して、訪問者に対してページが遅延なく即座に表示されるようにします。
• 生成モードを使用して、テンプレートのニーズに応じて自動作成と手動入力を切り替えます。
• ルールや環境設定を調整した後は、必ずスタイル設定を保存してください。

ローカルの Google Font ホスト

何をするのか

Google Fontsをローカルにダウンロードし、独自のサーバーから提供することで、プライバシーと速度を向上させます。この機能により、Google Fonts への外部 DNS ルックアップが不要になります。

使用方法

1. 「スタイル」セクションに移動し、「フォント」タブを開きます。
2. ローカル Google フォント ホスティングのオンとオフを切り替えます。
3. 必要に応じてフォント キャッシュをクリアします。
4. クリックしてフォント設定を保存します。

Settings & Options

Tips & Best Practices

• ローカル フォント ホスティングを有効にして、Web サイトのプライバシーと読み込み速度の両方を向上させます。
• セルフホスティング オプションを使用すると、Google Font リクエストを自動的にインターセプトし、ファイルを独自のサーバーにダウンロードします。
• フォントのプリロードをオンにして、ローカルでホストされているフォント ファイルに役立つリンク ヘッダーを追加します。
• フォント設定を更新した後は、必ずフォント キャッシュをクリアしてください。

JavaScript Defer & Optimization

何をするのか

JavaScript の実行を延期し、スクリプトを結合または遅延し、jQuery Migrate を削除します。これにより、JavaScript によるページのレンダリングのブロックが防止され、サイトのパフォーマンスが向上します。

使用方法

1. に行きます JavaScriptセクション そして開きます 「JS」タブ.
2. 優先する JavaScript 延期オプションを切り替えます。
3. 必要に応じて、特定のスクリプト ハンドルを延期から除外します。
4. JavaScript の設定を保存します。

Settings & Options

Tips & Best Practices

• スクリプト遅延を使用して、JavaScript がページ コンテンツのスムーズな読み込みをブロックしないようにします。
• スクリプトの即時実行が必要な場合は、特定のスクリプト ハンドルを遅延プロセスから除外することで除外を利用します。
• この機能をアセット ルールと組み合わせると、サイト スクリプトの読み込み方法をさらに詳細に制御できます。

Cache Management & Page Cache

何をするのか

ページのキャッシュ、キャッシュのプリロード、キャッシュの有効期限ルール、および除外パターンを構成します。この機能を使用すると、静的な HTML スナップショットを訪問者に即座に提供できます。

使用方法

1. 「キャッシュ」セクションに移動し、「キャッシュ」タブを選択します。
2. ページ キャッシュ設定を切り替えて、ディスク キャッシュまたは高度なページ キャッシュを有効にします。
3. キャッシュの有効期限を設定し、必要に応じて除外パターンを定義します。
4. コンテンツを更新する必要がある場合は、利用可能なアクションを使用してキャッシュをプリロードしたり、キャッシュを削除したりできます。

Settings & Options

Tips & Best Practices

• ページ キャッシュを有効にすると、訪問者が静的な HTML スナップショットを即座に受信できるようになり、ブラウジング エクスペリエンスが高速化されます。
• サイトに大幅な更新を行った後は、定期的にキャッシュを削除して、訪問者が最新の変更をすぐに確認できるようにします。
• キャッシュの事前読み込みを使用して、訪問者がキャッシュされたページをリクエストする前に積極的にキャッシュされたページを生成します。
• 動的ページまたはキャッシュされたスナップショットから提供されるべきではないサイトの領域に対して、除外される URL と Cookie を設定します。

ブラウザのキャッシュ ルール

何をするのか

ブラウザー キャッシュ ルールを使用すると、静的アセットの Expires や Cache-Control などの有効期限ヘッダーを構成できます。これにより、再訪問者はローカル ブラウザのキャッシュから静的ファイルを直接取得することで、Web サイトをより速く読み込むことができます。

使用方法

1. に行きます キャッシュ セクションをクリックして、 ブラウザキャッシュ タブ。
2. 静的アセットのブラウザー キャッシュ ヘッダーと有効期限ルールを構成します。
3. ボタンをクリックして、ブラウザーのキャッシュ ルールを生成および更新します。
4. ブラウザーのキャッシュ設定を保存して、変更を適用します。

Settings & Options

Tips & Best Practices

• ブラウザー キャッシュ ルールを有効にすると、再訪問者がローカル ブラウザー キャッシュから静的アセットをより速く読み込むことができます。
• これらのルールを使用して、ファイルの Expires や Cache-Control などの有効期限ヘッダーを適切に構成します。
• キャッシュ ルールを調整するたびに、ブラウザのキャッシュ設定を定期的に保存して更新します。

OPcache管理

何をするのか

PHP OPcache のステータスとキャッシュのリセットを監視および管理します。パフォーマンス指標を表示し、サイトをスムーズに実行し続けます。

使用方法

1. 「キャッシュ」セクションに移動し、「OPcache」タブを選択します。
2. 現在のメモリ消費量、ヒット率、キャッシュされたスクリプト数を確認してください。
3. 最新の情報が必要な場合は、ボタンをクリックしてステータス統計を更新します。
4. 必要に応じてボタンをクリックして OPcache をリセットします。

Settings & Options

Tips & Best Practices

• キャッシュ パフォーマンス メトリックを定期的にチェックして、サイトが効率的に実行されていることを確認します。
• ステータス統計を更新して、最新のパフォーマンス情報を確認します。
• 保存されたスクリプトをクリアして更新を適用する必要がある場合は、OPcache をリセットしてください。

WordPress コア機能マネージャー

何をするのか

WordPress Core Feature Manager は、不要な WordPress コア機能、肥大化、テレメトリを無効にするのに役立ちます。不要な組み込み機能をオフにすることで、サイトのヘッドをクリーンアップし、サイトの攻撃対象領域を減らすことができます。

使用方法

1. 「機能マネージャー」セクションに移動し、「WordPress」タブを選択します。
2. オフにしたい項目のコア機能スイッチを切り替えます。
3. WordPress のコア設定を保存して、変更を適用します。

Settings & Options

Tips & Best Practices

• 機能を無効にする前にサイトの要件を確認し、訪問者や統合が依存する機能を無効にしないようにしてください。
• XML-RPC や埋め込みなどの未使用の機能を無効にすることは、サイトの攻撃対象領域を減らすのに役立つ優れた方法です。
• 絵文字などの不要なスクリプトをオフにすると、サイトのヘッドをクリーンアップして無駄のないセットアップを実現できます。

WooCommerce Store Modes & Cleanup

何をするのか

使用されていないストア機能、スクリプト、肥大化を無効にして WooCommerce を合理化します。この機能は、不要な項目が必要のないページに読み込まれるのを防ぐのに役立ちます。

使用方法

1. 「機能マネージャー」セクションに移動します。
2. 「WooCommerce」を選択し、「モード」タブを開きます。
3. 必要に応じて、WooCommerce 機能スイッチを切り替えます。
4. WooCommerce モード設定を保存します。

Settings & Options

Tips & Best Practices

• ストア全体の WooCommerce の最適化を切り替えて、カートのフラグメントがブログ投稿や静的ページに読み込まれるのを防ぎます。
• サイトをスムーズに実行し続けるために、ストア スクリプトが必要のないページに読み込まれるのを停止します。
• 変更を加えた後に設定を見直し、ストアのページが正しく表示されることを確認してください。

WooCommerce アセットマネージャー

何をするのか

WooCommerce Asset Manager を使用すると、ストア ページ全体での特定の WooCommerce スクリプトとスタイルシートの読み込みを制御できます。ストアを最適化するために、特定のページにどの WooCommerce アセットを読み込むかを微調整できます。

使用方法

1. 「機能マネージャー」セクションに移動します。
2. 「WooCommerce」オプションを選択し、「アセット」タブをクリックします。
3. WooCommerce アセット読み込みルールを構成します。
4. [保存] ボタンをクリックして、アセット ルールを保存します。

Settings & Options

Tips & Best Practices

• アセット ルールを更新した後、ストア ページを確認して、すべてが正しく表示され、機能することを確認します。
• 特定のページで不要であることが確実なスクリプトとスタイルシートのみを無効にしてください。
• ストアをスムーズに運営し続けるために、ルールを構成するときは時間をかけてください。

WooCommerce のスケジュールされたタスク (Cron)

何をするのか

WooCommerce のバックグラウンドでスケジュールされたタスクとアクション スケジューラ キューを管理および最適化します。 WooCommerce バックグラウンド タスク キューを確認し、古いアクション スケジューラ ログをクリーンアップして、ストアをスムーズに運営し続けます。

使用方法

1. 「機能マネージャー」セクションに移動し、選択します ウーコマースを開き、 スケジュールされたタスク タブ。
2. バックグラウンド タスク キューを確認し、設定を構成します。
3. 必要に応じて、保留中のアクションを手動で実行するか、完了したアクション ログを削除します。
4. をクリックします。 cron設定を保存する ボタンをクリックして変更を適用します。

Settings & Options

Tips & Best Practices

• 完了したアクション ログを削除して古いアクション スケジューラ ログを定期的にクリーンアップし、システムを整理してください。
• バックグラウンド タスクをすぐに処理する必要がある場合は、保留中のアクションに対して手動実行を使用します。
• アクション スケジューラの調整設定を調整して、ストアでのバッチ サイズと保存期間の処理方法を最適化します。

WooCommerce 管理者の膨張制御

WooCommerce 管理ダッシュボード ウィジェット、分析レポート、マーケティング通知を無効にします。

WooCommerce メール オプティマイザー

WooCommerce トランザクション電子メールを最適化し、不要な電子メール トリガーを無効にします。