ウェブサイトの読み込み時間を54％短縮する5つのステップ

公開: 2018-08-08

初めての訪問者の注意を、彼または彼女をあなたの電子メールリストに変換したり、製品やサービスを販売したりするのに十分な時間保持するのに約4秒かかります。

その後、彼らがまだ親指をいじっていて、Webページの最初のサインが表示されるのを待っている場合、あなたはそれらの約半分を失うことになります。 ここでは大きな前提ですが、あなたのウェブサイトがナマケモノの昼寝を速く見せているという理由だけで、多くの潜在的な有料顧客を犠牲にしたくないでしょう。

Gomez.comの調査によると、Web訪問者の約半数が2秒以内にサイトをロードしたいと考えており、通常は3秒以内にロードされないサイトを離れます。 サイトのパフォーマンスに問題があるオンライン買い物客の79％は、サイトに戻って再度購入することはないと述べています。また、オンラインショッピングで悪い経験をした場合、約44％が友人と共有します。

ページの読み込み時間

良いニュースは、ほとんどの場合、ページの読み込み時間をいくつかの調整で劇的に​​改善できることです。 たぶん、私たちがあなたにドロップしようとしている5つで54％もあります。 準備？ さあ行こう！

＃1。 それらの画像をサイズに縮小します

恐らく、致命的な低速のWebサイトに関して最大​​の犯罪者は、最適化されていない画像です。 単純なファイルサイズについて話しています。 多くの場合、電話のカメラやストック画像サイトから直接取得した画像は膨大で、数メガバイトです。 あなたがこれらの赤ちゃんの1人以上を数十または数百の投稿に入れる時までに、あなたのウェブサイトは妊娠中のマナティーのようにうろついています。

この問題の解決策は次のとおりです。 Photoshopをお持ちの場合は、すばらしいですが、Pixlrのような無料のオンライングラフィックエディタも同様に機能します。 あなたがする必要があるのは、それがウェブサイトにアップロードされる前に、すべての画像のサイズを小さくすることです。 設定をいじって自分に合ったものを見つけることができますが、メガバイトではなくキロバイトのサイズの画像を撮影します。

＃2。 ブラウザを機能させるキャッシュ

最も一般的に使用されるブラウザには、Webサイトの要素をキャッシュする機能があり、これを利用するのは賢い起業家です。 これがその仕組みです。 訪問者が初めてWebサイトにアクセスするときは、ページのすべての要素（画像、テキスト、スクリプト、CSS）をダウンロードする必要があります。 申し訳ありませんが、それを回避する方法は実際にはありませんが、最初からできる限りウェブサイトをスリムにする必要性を強調する必要があります。

ただし、キャッシュが適切に構成されていると、変更されていない要素を再度ダウンロードする必要がないため、後続のアクセスの読み込みが速くなります。 ほとんどのWebサイト（ニュースサイトにもかかわらず）には同じままのコンテンツの大部分があるため、ブラウザーのキャッシュによりエクスペリエンスが大幅に高速化されます。 あなたのウェブサイトでこの機能が有効になっていることを確認することであなたがじんましんに陥った場合は、ホスティング会社のテクニカルサポートに電話して彼らにお金を稼がせてください。

＃3。 あなたのウェブサイトをスリムにする

Webサイトで圧縮を有効にすることで、累積ファイルサイズを50〜70％削減できることをご存知ですか？ 皆さん、それは重要であり、成功したオンラインビジネスと巨大な時間の無駄の違いになる可能性があります。 ここで基本的に話しているのは、Webサイトのファイルをサイバーガードルにドロップすることです。これはジッピングとも呼ばれます。

圧縮されたWebサイトは、訪問者のコンピューターにダウンロードするために必要な帯域幅が少ないため、「パイプライン」をより速く移動します。 サイト全体の圧縮は、サーバーレベルで適用される設定です。 独自のサーバーを実行している場合は、おそらくこれについてすでに知っているので、リストの次の項目に進んでください。 定期的なホスティングプランに加入している大衆の場合は、もう一度、フレンドリーな技術サポートスタッフに電話をかけるかチャットする必要があります。 あなたが達成しようとしていることを彼らに伝えれば、彼らはそこからそれを引き継ぐことができるはずです。

＃4。 CSSを合理化する

Webデザイナーは、CSSファイルを使用して、レイアウトとWebページの外観を制御します。 このファイル（または複数のファイル）は、何かが表示される前にロードする必要があるため、できるだけ小さくしておくのが理にかなっています。 このための良い最初のステップは、実際のコードを見て、そこにある必要のないものをすべて捨てることです。 文字通り、使用するすべての文字とスペースにより、ファイルのサイズが大きくなり、訪問者の待ち時間が長くなります。

次のステップは、CSSを最小化することです。 これは、コード内の余分なスペースを削除して見栄えを良くするが、読み込み時間を遅くするプロセスです。 WebサイトにCMSを使用している場合、CSSを自動的に最小化するもの（HubSpot）とそうでないもの（WordPress、Joomla）があります。 サードパーティのオプションが必要な場合は、CSSMinifierなどの無料のオンラインサービスを確認してください。 切り取り、貼り付け、および圧縮。

＃5。 スクリプトを戦略的に見つける

誰もがJavascriptが大好きです。 これにより、Webサイトがはるかにクールで応答性が高くなりますが、誤って配置すると、ページの読み込みプロセスで行き止まりに見えるものが発生する可能性があります。 行き止まり、特にWebサイトのトラフィックを好む人はいないため、使用するJavascriptをHTMLドキュメントの最後に配置するのは理にかなっています。

ブラウザはHTMLを上から下に順番に解釈し、要素が表示されるときに要素を表示するため、最後に必要なのは、「一時停止」ボタンを数秒間押す、高度に配置されたJavascriptコードです。 新聞業界には「折り目の下」というフレーズがあります。これは、フロントページの下半分に表示され、メインの見出しよりも重要性が低いと見なされる記事を指します。

Javascriptコードの重要性が低いと言っているわけではありませんが、ブラウザーの動作の現実のために、自分自身を支持して、それを最後にロードするようにしてください。

最終的な考え

多くのオンライン起業家は共有ホスティングプランを使い始めており、誰が彼らを責めることができますか？ それらは安価でセットアップが簡単です。 欠点は、あなたのウェブサイトがおそらく何百もの他のサーバー上にあることです。 明らかに、これはWebサイトの読み込み速度が重要な場合の完璧な状況ではありません。 最終的には、専用サーバー、仮想プライベートサーバーホスティングプラン、さらには信頼性の高いマネージドホスティングなどのより高速なオプションへのステップアップを検討することをお勧めします。

別のソリューションが必要であると思われるが、それがどうあるべきかわからない場合は、5種類のホスティングの優れた比較についてこのサイトを参照してください。 最後に、あなたのウェブサイトが実際に遅い側にあるかどうかについて知りたい場合、このウェブサイトはあなたがあなたのURLを挿入してウェブサイト速度テストを行うことを可能にします。 現在のように真実を知る時間はありません。

この記事が、ページの読み込み時間を54％短縮する方法を学ぶのに役立つことを願っています。 あなたがあなたのサイトをスピードアップする方法について真剣に心配しているなら、私たちの専門家はあなたのためにそれのパフォーマンスを改善するためのガイドを考えました。