ランディングページの読み込み最適化のベストプラクティス

ランディングページの読み込み速度を最適化し、集客やリテンションにつなげるために、ランディングページの読み込み最適化のベストプラクティスをご確認ください。

ランディングページの読み込み最適化のベストプラクティス

• ページの読み込みを改善する

  • ランディングページをモバイル専用にデザイン・開発する。

  • ランディングページのリダイレクトを最小限に抑える。

  • 複数地域のホスティングでは、すべての地域にページサーバーを配置する。

  • 高品質のコンテンツ配信ネットワークを使用して、ランディングページのリソースを保存する。

  • 必要のないメディアの読み込みを遅らせる。

  • サードパーティースクリプトを非同期的に読み込み、レンダリングブロックを回避する。

• オンページの静的リソースを最適化する

  • 不必要なJavaScriptやCSSファイルをすべて削除する。

  • 画像を圧縮する（注：JPEG 2000、JPEG XR、WebP形式は、PNGやJPEGと比較して転送時のデータ量が少なく済みます）。

  • 画像の幅と高さをコードで指定することで、ページ読み込み時の揺れや点滅を防ぐ。

  • 動的コンテンツにはGIFよりも動画を選択する（注：動画はGIFよりも転送時のデータ量が少なく済みます）。

• TikTokのウェブコンテンツのプリロードを使用する

  • TikTok広告にランディングページを追加する際に、TikTokのウェブコンテンツのプリロード機能を使って、モバイルサイトのコンテンツをプリロードできます。これにより、ユーザーがサイトを開く前にコンテンツを読み込むことができ、読み込み時間を大幅に短縮することができます。 この機能の詳細や有効化の方法については、ウェブコンテンツのプリロードについてをご覧ください。

• TikTokのインスタントページを使用する

  • インスタントページは、読み込みが高速な軽量のウェブページで、読み込み速度は標準のウェブページに比べて最大11倍にもなります。独自のインスタントページを作成できるよう、インスタントページには様々なテンプレートが用意されています。広告にインスタントページを追加するには、「インスタントページの作成方法」をご覧ください。