サイトの読み込み速度は、ページのコンテンツが完全に読み込まれるまでにかかる時間の測定です。ページの読み込み時間には多くの要因が影響します。サイトの読み込み速度を改善する方法を以下に示します。
最新かつサポートされているブラウザを使用
ブラウザが最新バージョンかどうかを確認してください。Strikinglyはこのガイドにリストされているブラウザバージョンをサポートしています。
ホームページ/ランディングページを最適化
ページのホームページが読み込むのに時間がかかる場合、ほとんどの訪問者が離れてしまうと言われています。訪問者が他のページを探索するために魅力的な、関連性の高い、シンプルなコンテンツのみを表示するようにしてください。ホームページには画像やビデオなどのメディアを少なく使用することをお勧めします。過度の情報は圧倒的で、訪問者はページを離れるかもしれません。
コンテンツを軽量に保つ
1ページに5つ以上のセクションを表示しないことをお勧めします。ページに5つ以上のセクションまたはトピックがある場合、それらを新しいページに分散させてください。
サイトの訪問者がサイトのコンテンツを探索するために、「続きを読む」、「ポートフォリオをチェック」、「動画をもっと見る」などを使用しましょう。これにより、ホームページが整然とし、訪問者が必要な情報を見つけやすくなります。
画像サイズを縮小
Strikinglyはアップロードされた画像のサイズを自動的に縮小しますが、多くの画像がある場合、特にモバイルデバイスや遅い接続ではサイトが遅くなります。
- JPEG 画像は 80% 小さく、品質はほぼ同じであるため、JPEG をお勧めします。
- 画像が透明な背景を必要とする場合、PNGを使用してください。PNGファイルはアイコンやロゴに最適です。
- GIFはアニメーションコンテンツを紹介するのに適していますが、再生を開始する前に完全にダウンロードする必要があります。品質が向上し、サイズが小さいビデオに変換することをお勧めします。
ビデオの数を減らす
YouTube や Vimeo などのビデオ (バックグラウンド ビデオを含む) を追加すると、特にモバイル デバイスで読み込みに時間がかかることがあります。 1 ページに複数のビデオを含めないことをお勧めします。
複数のビデオがある場合、テキスト、ボタンなどにビデオリンクを追加できます。たとえば、1つのビデオを配置し、すべてのビデオまたはビデオチャンネルのある別のページにリンクする「すべてのビデオを見る」ボタンを追加できます。
特殊効果を賢く使用
テキスト+ボタンスライダー、バナーイメージスライダー、アニメーションなどの特殊効果は、サイトのビジュアル魅力を高めることができます。ただし、ページの読み込み速度に影響を与え、SEOに影響を与える可能性があります。1つのスライダーセクションに2〜3つのスライドを配置し、1つのページに複数のスライダーセクションを持たないことをお勧めします。
カスタムコードまたはサードパーティアプリを最小限に抑える
カスタムコード(HTML、CSS、JavaScript)またはサードパーティに埋め込まれたコードは、サイトの読み込み速度が遅くなる原因となることがあります。これらをホームページに配置しないこと、またはホームページ上のボタン、テキスト、画像にリンクを追加して、訪問者をそれらに案内することをお勧めします。
カスタムフォントの使用を避ける
見出しにカスタムフォントを使用することは問題ありませんが、すべての場所でカスタムフォントを使用しないようにしてください。訪問者のデバイスに存在しないフォントを使用すると、フォントが最初にダウンロードされる必要があり、テキストの読み込みに時間がかかります。
ブラウジング履歴とキャッシュをクリア
サイトが初めてブラウザで開かれると、サイトの小さなイメージが作成され、サイトを再訪する際に簡単に引き出すためになります。ただし、キャッシュはサイトの読み込み速度が遅くなる原因となることもあります、特に公開編集が少ない場合。これは、ブラウザが以前に作成した小さなイメージがサイトへの変更と競合すると読み取るためです。プライベートモードを使用するか、別のブラウザを使用してみることができます。
その他の原因を確認
サイトの読み込み速度に影響を与える可能性がある他の要因も考えられます。これには以下が含まれます:
- サードパーティのドメイン構成
- デバイスのメモリと容量
- ローカルネットワークファイアウォール
- アンチウイルスソフトウェア
- ブラウザの拡張機能
プライベートモードを使用するか、異なるブラウザを使用し、アンチウイルスソフトウェアを無効にし、異なるネットワークに切り替え、ルーターを再起動するなど、さまざまな方法を試すことができます。
サイトの読み込み速度を向上させるために上記のステップを試してみてください。お手伝いが必要な場合は、support@strikingly.com にお問い合わせいただくか、チャットでお問い合わせいただけます。