Website-development-speed-up-website-development
ウェブサイトをスピードアップ
WebページまたはWebサイトを高速化することは、適切なホスティングプロバイダーまたはドメイン名を見つけることと同じくらい重要です。 Why?
次の統計を読むだけで、気が変わります。
- ページの読み込み時間で1秒*が得られます-
- ページビューが11%減少しました。
- 顧客満足度が16%低下しました。
- コンバージョンの7%の損失。
Amazonはこれが真実であると判断し、グループレポートに基づいてサイトの速度が100ミリ秒改善されるごとに1%の収益増加を報告しました。
Akamaiが行った調査の結果に基づいて-
- 47%の人が、2秒以内にウェブページが読み込まれることを期待しています。
- ロードに3秒以上かかると、40%がWebページを放棄します。
- オンラインショッパーの52%は、ウェブサイトへの忠誠心のためにページをすばやく読み込むことが重要だと答えています。
ウェブサイトの速度をテストするには?
この分野の専門家の中には、 Webpagetest (https://www.webpagetest.org/)と呼ばれるオンラインツールの使用を提案している人もいます。 これは、主にGoogleによって開発およびサポートされているオープンソースプロジェクトです。 実際のブラウザ(IEおよびChrome)を使用して、実際の消費者接続速度で、世界中の複数の場所からWebサイト速度テストを行います。 簡単なテストを実行したり、マルチステップトランザクション、ビデオキャプチャ、コンテンツブロックなどを含む高度なテストを実行できます。 結果は、リソース読み込みのウォーターフォールチャート、ページ速度の最適化チェック、改善のための提案などの豊富な診断情報を提供します。
この例では、Chromeブラウザを使用して、ドイツのユーザーの finddevguides.com のパフォーマンスをテストします。
テストを実行するには、URL [[1]]
次のスクリーンショットに示すようにドメイン名を入力してください-
- テスト場所–ユーザーの所在地の国です。
- ブラウザ–ユーザーのブラウザをシミュレートすることです。
- 「テスト開始」をクリックします。
メインページで次の結果が得られます。 それぞれの要素を含むWebページを開くのに必要なすべての時間が表示されます。
[パフォーマンスレビュー]セクションに移動すると、どの要素を最適化する必要があるかが示されます。
ウェブサイトを高速化するには?
あなたのウェブサイトを高速化するための基本的なヒントは次のとおりです-
- * HTTPリクエストの最小化*-簡単な言葉で。ウェブページのデザインを簡素化します。
- サーバーの応答時間を最小化-ユーザーの場所に応じて、サーバーの応答時間は変化します。これは、ユーザー間の距離が原因です。 ほとんどの訪問者が特定の地域にいる場合、ホスティングプロバイダーもそこに配置することをお勧めします。これによりデータの移動距離が短くなります。
- 圧縮を有効にする-圧縮によりページの帯域幅が減少し、HTTP応答が減少します。 これを行うには、 Gzip というツールを使用します。
- ブラウザキャッシュを有効にする-Webサイトにアクセスすると、ページの要素はキャッシュストレージに保存されるため、次回サイトにアクセスすると、ブラウザはサーバーに別のHTTPリクエストを送信せずにページをロードできます。
- ウェブサイトの画像を最適化。
- * CSS配信*は、可能であれば外部である必要があります。 外部スタイルシートは、コードのサイズを削減し、コードの重複を少なくするため、望ましいです。
- * HTTPリクエストを作成するリダイレクトの削減*。
- Webサイトが*コンテンツ管理システムプラットフォーム*である場合、プラグインの使用を可能な限り最小限に抑えます。
- *壊れたリンクをJavaScript *、CSS、および画像URLから削除します。
次の章では、ウェブページを宣伝する方法を学びます。