ウェブサイトを最適化し、最高のパフォーマンスを実現するために
ウェブパフォーマンスは、オンラインナビゲーションにおいて重要な役割を果たします。パフォーマンスの高いサイトはブランドの認知度を向上させ、その結果、オンラインでのコンカレント・アドバンテージとなり、利用者の収益につながります。より迅速なサイトは、より長い時間訪問者を維持し、より高いエンゲージメントを促します。
Google の新しいパフォーマンス指標、Core Web Vitals (CWV) や Signaux Web Essentiels の登場により、サイトのパフォーマンスを継続的に最適化することがますます重要になっています。
CWV指標は、ページの表示速度に影響を与えるサイトの3つの要素を評価することで、パフォーマンスの測定と追跡を簡素化します。Google 、コアウェブバイタルは検索アルゴリズムに組み込まれています。これは、これらの指標が、世界最大の検索エンジンがあなたのサイトを評価するための一助となることを意味します。
私たちは、利用者のサイトが可能な限り迅速に充電され、機能するように、常に私たちのソリューションを維持し、インフラを改善するよう努めています。しかし、アプリケーション、デザイン、メディアなど、サイトのパフォーマンスに貢献する要素は他にも数多くあります。
この記事では、サイトのパフォーマンスを向上させるためのさまざまなアクションを紹介します。コアウェブバイタルが新たな標準になりつつある今、一歩一歩前進していきましょう。
はじめに
最適化の優先順位
このセクションでは、あなたのサイトのパフォーマンスを向上させるために、どのような側面から、どのようなことを学ぶべきかについて説明します。
どのようなサイトですか?
ウェブパフォーマンスの最適化に関しては、サイトの目的を考慮することが重要です。これは、訪問者にどのような体験を提供したいかを理解する助けとなり、サイト訪問者がサイトを探索する際にどのようなアクションを取るべきかを的確に判断する材料となります。
サイトの速度を測定する
開始する前に、サイトの充電時間を確認し、充電時間を短縮する方法を確認してください。Wix Analyticsの新しいサイト速度表は、利用者のリアルデータ(または地形データ)に基づいたサイトのパフォーマンスをより簡単に確認することができ、また、ラボラトリーデータに基づいて作成されたPageSpeed Insightの結果も確認することができます。
パフォーマンスを定期的に測定することで、サイトの最適化に必要な情報を得ることができます。
あなたのサイトの利用者(およびその課金時間)はどのくらいですか? 通信速度が速い国にお住まいですか?性能の低いモバイル機器を使用していますか?もしそうであれば、使用する通信回線や機器が何であれ、最適な充電時間を確保するために、サイトのある側面を最適化することをお考えください。
良い決断
メディアを最適化することで、より迅速な充電が可能になります。
写真、画像、ビデオは、あなたのウェブサイトをより魅力的なものにするだけでなく、より効果的なものにします。より迅速な課金を保証するために、Wixは以下のように画像とビデオを自動的に最適化します:低画質画像(LQIP:"低画質画像プレースホルダー")が作成され、訪問者がページを表示する際に、低画質画像から高画質画像に差し替えられます。
あなたのメディアを最適化し、サイトのパフォーマンスを向上させるために考慮すべきいくつかのポイントをご紹介します。
可能な限り、PNGの代わりにJPGファイルを使用してください。
JPG画像はPNG画像より10倍以上重い場合があります。可能な限り使用してください。透過画像(JPG形式では不可能)や高画質画像を必要とする場合は、PNG形式をご利用ください。
フォーム、アイコン、ロゴに SVG ファイルを使用します。
PNGやJPGが写真に適しているのに対し、SVGはロゴのようなイラストレーションに適しています。SVGファイルは、一般的にPNGやJPGよりもはるかに大きく、HTMLに直接組み込むことができるため、課金速度も速くなります。さらに、どのようなサイズの画像であっても、見た目の美しさを保つことができます。
JPG/PNGを使用するのは、画像が非常に複雑で、サイズが小さい場合、特に視野が狭い場合にお勧めします。
GIFアニメーションは使用しないでください。
GIFは、魅力的でありながら、一般的に重要なファイルサイズであり、充電に時間がかかります。もし、あなたのサイトにアニメーションを追加したいのであれば、完全にダウンロードされる前にコンテンツを表示することができる、より小さなサイズのビデオフォーマットを選んでください。GIFは、シンプルなグラフィックアニメーションやロゴ、小さなサイズの画像(例えば100 x 100)などにご利用ください。
アドバイス : VideoBox Wixで最高のパフォーマンスを実現しましょう
使用方法 ビデオボックスを使用することで、YouTube や Vimeo などの外部ビデオ視聴者よりも優れたパフォーマンスを実現できます。
メディアの最適化
メディアの完全最適化
ウェブパフォーマンスを向上させるためのメディア最適化に関する補足的なアドバイスです。
可能な限り、画像を更新してください。
画像の重ね合わせを使用する場合、画像の重ね合わせを1つにまとめることで、ファイル全体のサイズを小さくすることができます。その結果、透過の必要性がなくなり、PNG以外のJPGファイルを使用できるようになります。
インストールすると、異なる料金でご利用いただけます。
Wixは、"レイジーローディング"(遅延ローディング)と呼ばれる、より高速でスムーズな充電時間を保証するための差分充電を利用しています。これは、高解像度の画像をダウンロードし、LQIPに置き換える場合です。この差分充電を最適化するには、優先順位の低い画像をページの一番下に配置し、これらの画像が完全に充電されるようにします。
壮大なアリアプランを分割する
ウェブページは複数の画面上に表示されることがあり、ナビゲータは大きな背景画像を表示するため、表示速度が遅くなることがあります。このような場合は、背景の大画面を縦に分割してください。こうすることで、充電のタイミングをずらすことができ、より速く充電することができます。
Wixビデオレコーダーでウェブパフォーマンスを向上させましょう。
使用方法 Wix内蔵ビデオレコーダーをご利用ください。YouTubeやVimeoのような外部ビデオレコーダーの代わりにWixの内蔵ビデオレコーダーを使用することで、ウェブパフォーマンスを向上させることができます。
アリアプランの色とプライムイメージの色を合わせる
あなたは 帯や柱などの背景画像に色を指定できます。を指定します。この色は、部分的に透明な画像の下に表示されている場合に表示され、また、すべての画像をチャージする前にも表示されます。画像の主な色に対応する背景色を選択することで、ユーザがページ上のナビゲーションを見やすくすることができます。
最適な充電時間を得るために、差分充電(遅延ローディング)を利用するウェブサイト
メディアの完全最適化
結論
多くの代理店はアップセルを十分に行なっていない。そして、そのために顧客離れを早めている。
しかし、ヴェンダスタ社の調査によると、顧客との関係を拡大する完璧なタイミングは3ヶ月だという。
90日という期間は、アップセルを始めるには短いように思えるかもしれないが、その間にクライアントがあなたの仕事に満足すれば、アップセルはクライアントの期待以上の価値をより早くもたらすことができる。あるいは、もし顧客が満足していなければ、ビジネスを維持できるよう調整するチャンスとなる。どちらのシナリオも、あなたが会話を始めなければ逃していたであろう追加収益をもたらす。
アップセルは、多くの代理店が思っているよりもアプローチが簡単で、早く始めることができる。ここでは、アップセルを早期に成功させるための4つの重要なステップを紹介する。
テキストを最適化する
一般的に、テキストは画像よりも速く課金されますが、サイトのテキストとポリシーを最適化する方法があります。
テキストを視界の中に入れる
視覚チャンネルの下にテキストを表示することで、訪問者がサイトを閲覧する前に情報を得ることができます。訪問者がサイトの探索を続けることができるように、魅力的でアクション可能なテキストを表示しましょう。閲覧者は、表示された文字列が適切でない場合(あるいは、動画であるためにページが完全に有料であるかのような印象を受けた場合)、そのサイトから退出する可能性があります。そのため、このスペースと言葉を適切に活用することで、インパクトとエンゲージメントを最大限に高めることができます。
文章を制限する
私たちは、ポリシーのおかしな次元をよく理解していますが、あまりに大量に、あまりに大きなサイズや大きさで使用された場合、それらが無秩序な形で表示され、講義を困難にし、あなたのページのパフォーマンスに影響を与える可能性があります。多くの場合、テキストが表示されるのは、警察ファイルがダウンロードされたときだけです。そのため、ユーザが複数のファイルをダウンロードする場合、ページの充電時間が長くなります。ページ内のファイル数は、最大4つに制限することをお勧めします。
警察官を一度も充電しないでください。
パーソナライズされた警察を使用する場合は、何度もダウンロードしないようにしてください。その結果、同じページに複数のダウンロードが発生し、サイトのパフォーマンスを低下させることになります。Wixは、利用したいパーソナライズドポリシーをダウンロードするための理想的なソリューションを提供し、同時に課金時間を最適化します。
画像にテキストを挿入しないでください。
テキストと画像の併用は、便利なナビゲーションですが、ウェブパフォーマンスを低下させる可能性があります。一方では、検索エンジンや画面レクターは、画像に統合されたテキストを検出することができません。さらに、多くの場合、テキストはピクセル化され、読みにくくなります。また、パフォーマンスに関しては、画像の充電が完了する前にテキストは表示されません。
パーシモンアニメーションを使用する
アニメーションは、重要なコンテンツに注意を向けさせ、充電体験を豊かにすることができます。しかし、過度に使用すると、不快感を与える可能性があります。さらに悪いことに、テキストはアニメーションが終わるまで表示されないため、充電時間が長くなります。
コントラストを強く
テキストを画像に使用する場合は、画像と背景色のコントラストが強くなるように注意してください。
あるサイトのアクセスページの例
テキストの最適化
他にどのようなコンテンツがありますか?
サイトのパフォーマンスに問題がある場合は、最適化のために考慮し、改善するための補足的な情報をご覧ください。
サイトの複雑さとページの長さを調べる
ページ数 ページ数は、サイトの課金体験を評価する良い方法です。あなたのサイトのページは、あなたが公開したいコンテンツの量をサポートするために存在しますが、ページにコンテンツが多ければ多いほど、ページが長くなり、課金も長くなります。長くなりすぎたページは、特別なコンテンツで分割してください。
モバイルサイトを最適化
モバイル版 モバイルエディタを利用することで、あなたのサイトがどの端末でも正しく表示されるようになります。ページ構成を選択し、モバイルとビューローで異なるコンテンツを追加し、重要度の低いコンテンツは削除し、ギャラリー、フラックス、リペッターの数を減らします。
iFrame、Google Ads、および管理ツールがサイトに与える影響についてご確認ください。
iフレーム iフレーム(HTMLやその他のリソースを提供する)やGoogle Adsなどのサイトとの統合は、ウェブパフォーマンスに悪影響を及ぼす可能性があります。iFrameの利用には細心の注意を払い、Google 広告を利用する場合は、すべてのケースが表示されるようにしてください。追跡・分析ツール(Tracking and Analytics、T&A)もまた、状況を改善する可能性があります。サイト訪問者がどのようにあなたのサイトと関わっているかを分析するために必要なもの以外は含めないでください。また、ピクセルを使う前と後で(ピクセルを使う場合と使わない場合で)サイトのパフォーマンスをテストし、それがサイトの課金パフォーマンスに与える影響を評価することもできます。
ライトボックスの使用を制限する
ウネ ライトボックスは、アクセスページのコンテンツと連動して自動的に表示されるコンテキストウィンドウです。特別セールやニュースレターの購読など、重要なお知らせを表示するのに最適な方法ですが、サイトの主要なコンテンツが表示されなくなるまでに時間がかかることがあります。この点に注意して、このツールを有効に活用してください。
結論
Google 、コアウェブバイタルがアルゴリズムリサーチに採用されたことで、パフォーマンスの最適化が常に優先されるようになりました。Wixでは、パフォーマンスに関する最新の開発動向を考慮しながら、Wixに登録されている数百万のサイトのパフォーマンスを常に最適化するよう努めています。
最適化に関する一般的なアドバイス
もっと知りたいですか?
ウェブサイト・パフォーマンスの概要と、お客様のサイトをスピードアップさせるには、以下をお読みください。 パフォーマンス入門の記事をお読みください。コアウェブバイタルの詳細については 詳細ガイド.
著者ダン・シャピール
ダンは、Wixでホストされているすべてのサイトをスピードのために最適化することに専念しています。25年以上のソフトウェア開発経験を持つダンは、マルチユーザーゲームからミサイルの軌道シミュレーションまで、幅広いシステムに携わってきました。技術カンファレンスで頻繁に講演を行い、JavaScript Jabberポッドキャストのパネリスト、Google Chrome Advisory Board(CAB)のメンバーでもあります。コンピュータサイエンスの修士号を取得。
もっと知りたいですか?
Webサイトのパフォーマンスについて詳しく知りたい方は、「Webパフォーマンス入門」をご覧ください。また、Webに欠かせないサインについて詳しく知りたい方は、「Webパフォーマンスガイド」をご覧ください。
彼はWixで運営されているすべてのサイトの速度最適化に専念しています。ロジックの開発において25年以上の経験を持ち、マルチプレーヤーからミサイル発射シミュレーションまで、様々なシステムの開発に携わってきました。また、技術会議に頻繁に参加し、JavaScript Jabberのポッドキャストに参加し、Google Chrome (CAB) のコンサルタント委員会のメンバーでもある。情報科学修士。
作家ダン・シャピール
Wix.comのパフォーマンス・テック・リード