ウェブサイトの速度を2倍にする方法SiteGroundチュートリアル

公開: 2019-12-10

SiteGroundを使用しているときに、Webサイトのサイト速度を2倍にする方法を紹介します。料金を支払う必要はありません。使用するすべてのツールは、実際にはすでにホスティングパッケージに含まれています。 。

それでは始めましょう。

このビデオの冒頭から、これはSiteGroundの売り込みではないことをお伝えしておきます。

これは主に、すでにSiteGroundを使用していて、Webサイトの読み込みを高速化したい人を対象としています。

現在、SiteGroundの利点は、通常、サイトを高速化するために使用するツールは、年間数百ドルの費用がかかることですが、SiteGroundを使用している場合はそうではありません。

それらはすでに含まれています。

問題は、ほとんどの人が何が含まれているのかさえ知らないということです。

たくさん含まれています。SiteGroundを使用している場合は、この投稿でそれについて学ぶことになります。

もちろん、SiteGroundをお持ちでない場合は、このビデオを見てから、パッケージに無料で含まれているものが好きかどうかを判断することをお勧めします。

ウェブサイトのスピード神話

さて、私たちがそれに深く入り込む前に、私はウェブサイトを持つことに関するサイトスピードの神話のいくつかを払拭したいと思います。

神話1:遅いウェブサイトはグーグルでうまくランク付けされない

より多くの重要なランキング要素があり、サイトの速度はそれらすべての中で最も重要ではありません。

実際に起こっているのは、サイトの速度が遅いとユーザーエクスペリエンスが低下することです。

ユーザーエクスペリエンスが悪いと、バウンス率が高くなります。

それは彼らがあなたのウェブサイトに行くとき誰かがあなたのウェブサイトを離れるのにどれくらいの時間です。

そして、それは重要なランキング要素です。

したがって、遅いWebサイトは、あなたの考えどおりにランキングに影響を与えません。 それは本当に高いバウンス率につながるものです。

あなたは何回ウェブサイトに行き、そこにいますか?

4、5、6秒経ちました。 必要な情報が読み込まれていません。 そして、あなたはグーグルでそのページに他の9つのリストがあることを知っています。

職業はなんですか?

あなたはウェブサイトから跳ね返り、クリックして戻ります、そしてそれはあなたのランキングを傷つけているランキング要因です。

したがって、私たちが実際にやろうとしているのは、Googleではなく、ユーザーエクスペリエンスのためにWebサイトを最適化することです。

神話2:遅いサイトはページビルダーによって引き起こされる

2番目の神話は、使用することを選択したページビルダー、またはWebサイトの構築に使用することを選択したテーマによって、Webサイトの速度が低下しているというものです。

まあ、少しですが、それは人ほど大きな要因ではありません、あなたはあなたに信じてもらいますか?

それはちょうど良いマーケティングです。

サイト速度の5つの柱

わかった。 これらの神話が邪魔になったので、今度はWebサイトの最適化を開始し、サイトの速度の5つの柱を調べます。

第1の柱:優れたホスティングを利用する

今、サイト速度の最初の柱は、優れたWebホスティングを取得することです。

今良いことは、あなたが素晴らしいウェブホストであるSiteGroundを使用しているということです。

したがって、この柱は、ホスティングに関してはあなたが支払うものを手に入れることになるので、低予算のホスティングまたは無料のホスティングを使用している人々を対象としています。

さて、SiteGroundを使用していない場合は、下に70%オフのリンクがあり、コースボーナスも含まれていることを覚えています。

したがって、SiteGroundには3つの計画があります。 あなたは成長する大きな計画またはGoGeek計画に参加したいと思うでしょう。

スタータープランを入手するだけで月に2ドル節約したくなることは知っていますが、これらの他の2つのプランには、スタートアッププランでは利用できない追加のパフォーマンスオプションが含まれています。

したがって、スタートアッププランを利用している場合は、このビデオをフォローすることもできますが、SiteGroundに連絡して、成長するビッグプランにアップグレードすることを検討することをお勧めします。

これで、SiteGroundにWordPressをインストールすると、SGOptimizerと呼ばれるプラグインが含まれるようになります。

ここで私はWordPressをインストールしています。 プラグインをクリックすると、SGオプティマイザーがここに表示されます。 これを有効にすると、SGオプティマイザーという新しいオプションがここに表示されます。これがこのプラグインのすべての設定です。

サイト速度の2番目の柱は、画像を最適化することです。 WordPress Webサイトの構築を開始すると、画像をアップロードすることになります。 さて、それに関する問題は、画像が必要以上に高品質になる傾向があり、それが非常に大きなファイルサイズにつながることです。 したがって、誰かがあなたのWebサイトにアクセスするたびに、大きな画像をダウンロードする必要があります。

したがって、パフォーマンスが大幅に向上します。 それらの画像を最適化することによって。 現在、通常、画像を最適化するために月額サービスの料金を支払う必要がありますが、SiteGroundを使用している場合はそうではありません。 SGオプティマイザープラグインに含まれています。 これで、プラグインの設定になります。 ここでの最後のオプションは、画像の最適化です。

先に進んでそれをクリックします。ここに有効にしたい設定がいくつかあります。 したがって、最初の方法は、新しい画像がWebサイトにアップロードされるときにそれらを最適化することです。 このオプションを有効にします。 つまり、これが意味するのは、次に画像をアップロードするときに、SGオプティマイザーが自動的に処理するということです。

次のオプションは、すでに画像をアップロードしている場合、ここでこのボタンをクリックすると、戻ってメディアライブラリ内のすべての画像が最適化されます。これで、画像を最適化できます。 サイト速度の3番目の柱は、コンテンツ配信ネットワークを使用することです。

ここ。 SiteGroundにログインし、Webサイトと表示されている場所をクリックしてから、サイトツールと表示されている場所をクリックしてから、速度と表示されている場所をクリックします。 次に、CloudFlareと表示されている場所をクリックします。ここで、CloudFlareとSiteGroundの統合を有効にできます。

CloudFlareを有効にすると、Webサイト上の一部のアセットが、世界中のクラウド、フレア、サーバーのネットワークにプッシュされます。 さて、それが意味するのは、地球の反対側にいる誰かがいる場合です。 あなたのウェブサイト、画像、そしてそれらの多く、あなたのウェブサイトに関連する大きな、大きな資産にアクセスしてください。

ロードするために、実際にローカルサーバーからそれらにロードします。 地理的に。 これが行うことは、訪問者があなたのウェブサイトのサイトで持つロード時間とサイト速度を劇的に改善することです。 現在、CloudFlareには無料の基本プランがあります。 プレミアムプランもあります。 私はCloudFlareを少なくとも5年間使用していますが、基本的な計画以外は使用したことがありません。必要以上になり、Webサイトの速度が大幅に向上します。

下にスクロールして、これをWebサイトで機能させるための3つのステップを示します。 それでは、先に進んでセットアップボタンをクリックしましょう。 このステップでは、新しいクラウドフレアアカウントを作成するか、ここをクリックして既存のクラウドフレアアカウントに接続してログインすると表示されます。

私はすでにクラウドフレアアカウントを持っているので、既存のアカウントを使用してログインします。 ただし、アカウントをお持ちでない場合は、先に進んで新しいアカウントを作成してください。 偉大な。 私は自分のアカウントにログインしましたが、あなたは新しいアカウントを作成しました。 したがって、次のステップは、接続するドメイン名、クラウドフレアを選択することです。次に、ウェブサイトをCloudFlareに接続するために、[無料でアクティブ化]をクリックします。

ここで、Webサイトで使用できるクラウドフレア設定もいくつか表示されます。 sitespeedの4番目の柱はを使用しています。 キャッシングとキャッシングとは、Webサイトの静的コピーを作成するため、ユーザーがWebサイトを表示するときに、Webサイトを表示する訪問者の速度を低下させる可能性のある、舞台裏で行う必要のあるアクティビティが少なくなります。

WordPressを使用している場合はそれを理解するために、それは一種の複雑な説明であることを私は知っています。 何らかの形式のキャッシュを使用する必要があります。 現在、SiteGroundを使用することの大きな利点は、このサーバーホスティングアカウントの舞台裏でこのキャッシュの多くを透過的に実行することです。 彼らはあなたのためにそれをするだけですが、あなたは実際にそれをオンにする必要があります。

これで、サイトの地上操作パネルにログインしました。 だからあなたはそれが速度を言うところをクリックするだけです。 そして、ここにキャッシングと言うこの新しいオプションがあります。 先に進んでそれをクリックしたいと思います。 そして、これが私たちが可能にするところです。 Webサイトでの2種類のキャッシュ。 つまり、最初は静的キャッシュと表示され、SiteGroundに接続しているWebサイトのリストが表示され、そのようにするだけでオンに切り替えることができます。

そして今、あなたの現金はオンに切り替えられます。 ここには、Memcachedと呼ばれる2番目のタイプのキャッシュがあります。 それをクリックしてみましょう。これは、ホスティングアカウント全体に適用されるキャッシュの一種です。 先に進み、ここをクリックしてこれもオンに切り替えます。 今、これらの両方のキャッシング。 メカニズムには、現金を空にする方法があります。

そして、SiteGroundにログインしている場合にそれを行うことができる方法は、ここの右側にあるこの小さなほうきであり、それはフラッシュキャッシュを示しています。 これをクリックしてMemcachedをフラッシュできます。静的な現金を使用している場合は、そこに現金をフラッシュするオプションもあります。 ここで、いくつかのオプションも有効にする必要があります。

SGオプティマイザープラグインのWebサイト。 最初のタブはスーパーキャッシャーの設定です。 ここで動的キャッシュと表示されている場所を切り替えてから、Memcachedと表示されている場所でこれを切り替えます。 ここで、動的キャッシュのいくつかの追加オプションに注意する必要があります。

最初のオプションはここにあり、キャッシュをパージして空にすることができます。 上部の管理バーにもオプションがあります。 現金を空にする。 次は自動キャッシュパージです。 これを有効のままにしておきます。 知っておきたい主なオプションはここにあります。 URLを除いて言う。

あなたが持っているウェブサイトのタイプによっては、それが問題を引き起こすのであなたが現金化を含めることができないあなたのウェブサイトの特定の部分があるかもしれません。 これは通常、eコマースベースのWebサイトで見られます。 これは、これらのタイプのWebサイトには多くの動的なオプションがあり、キャッシュが機能しないためです。

したがって、これは、キャッシュから除外するページへのURLを配置する場所です。 ここにURLを入力し、[除外]と表示されている場所をクリックして除外リストに追加するだけで、サイトが追加されます。 完全に現金化。 サイトスピードの最後の柱は、追加のパフォーマンスの最適化です。

これで、SGオプティマイザーまたはプラグインがさまざまなオプションを提供します。 したがって、最初の1つは、画像の遅延読み込みです。 これが意味するのは、訪問者がページをロードしたときです。 それらが表示されないか、画像が表示されるはずのページの部分にスクロールするまで画像が読み込まれません。

これにより、Webサイトの読み込みが速くなり、Webサイトの訪問者にとって非常に速く感じるようになります。 そのため、これを有効にするには、画像の最適化と表示されている場所をクリックします。遅延読み込み画像と表示されているオプションは次のとおりです。 オンに切り替えます。 必要に応じて、ここでいくつかの追加オプションを提供します。
遅延読み込み。 それらには、Gravatar、RS、サムネイル、レスポンシブイメージ、ウィジェット、モバイルデバイスでの遅延読み込みが含まれます。 したがって、必要に応じてこれらをオンに切り替えることができます。 遅延読み込み、Gravatar、RS、サムネイルは確かに好きです。 残りはオプションです。 遅延読み込みが原因で問題が発生している場合は、ウェブサイトの特定の部分を遅延読み込みから除外できます。

これらの要素にCSSクラスを配置するだけです。 少し技術的です。 ここでそれを行い、[除外]をクリックします。 今、追加の最適化がありますよね? これが環境最適化のオプションです。 下にスクロールして、Gzip圧縮がオンになっていることを確認します。

最後に、ここでフロントエンドの最適化を行います。 さて、これらは少しトリッキーかもしれませんし、時々少しトラブルに巻き込まれる可能性があるので、1つずつ有効にすることをお勧めします。 次に、それがWebサイトで奇妙な動作を引き起こしていないことを確認します。 これで、HTML出力の縮小を安全に切り替えることができます。

また、さまざまなミニファイオプションをすべて安全に有効にする必要があります。 これがJavaScriptファイルを縮小するためのものです。 これがCSSファイルを縮小するためのものです。 ここで、レンダリングブロッキングJavaスクリプトを延期します。 これにより問題が発生する可能性があります。 これを有効にすると、ここで警告が表示され、アクティブにするかどうかを確認できます。

したがって、これは、問題が発生したかどうかをフロントエンドで確認する必要がある場合です。 CSSファイルを組み合わせる別のオプションがあります。これもいくつかの問題を引き起こす可能性があります。 ご覧のとおり、警告メッセージは表示されていません。 しかし、これも問題を引き起こす可能性があることを知っておいてください。

時々。 次に、無害なGoogleフォントの読み込みを最適化しました。 それをオンにしましょう。 次は、静的リソースからクエリ文字列を削除します。 これは過去に私に問題を引き起こしたので、注意してください。 これは、作成者以外のプラグインまたはテーマが新しい更新をリリースしたときに問題が発生し、その後Webサイトで問題が発生し始めたときに問題が発生するオプションです。

最後は無効な絵文字です。 これは、絵文字がWebサイトで機能しないことを意味するものではありません。 これは、より最適な方法でロードされることを意味します。 次に、Webサイトのフロントエンドをざっと見て、目に見える問題がないことを確認してから、クイックスピードテストを実行します。

これがウェブサイトです。これまでのところ、問題はありません。 画像が読み込まれていますよね? これらの小さなアイコンが表示されています。 これは通常、問題が発生したことを示しています。 あなたが遭遇している問題があった場合、ええと、間隔は正しいです。 問題が発生した場合も、これらが重複することがあります。

すべてが完璧に見えます。 実際のところ、これは本当に良さそうです。 さて、GTmetrics.comにアクセスします。先に進んでWebサイトのURLを貼り付け、最後にスラッシュを付けて、ここでクリックするとサイトをテストします。 それはほんの少し時間がかかります、そしてそれがすることはあなたのウェブサイトをダウンロードすることです。

そして、それはあなたにいくつかのデータを与えるつもりです。 読み込みにかかった時間をお知らせします。 リクエストがいくつあったかがわかり、任意のスコアが出ます。 さて、このスコアにあまり重きを置かないことをお勧めします。 ご覧のとおり、スコアはです。 ここでは非常に高く、aとBがあり、読み込み時間は1.2秒と非常に速く、ページ、サイドは1メガバイト未満、リクエスト数はわずか32です。

これはエラメンターを使用したウェブサイトです。 さて、私はいつも言います、ここでこれらのスコアにあまり重きを置かないでください。 本当に重要なのは、誰かがあなたのWebサイトにアクセスしたときのWebサイトの感触ですが、このテストから、サイトの読み込みが非常に速いことがわかります。 これは、これらすべての画像を含むサイトに非常に適しています。

さて、あなたはそれを持っています。 これにより、SiteGroundを使用してWebサイトの読み込みを非常に高速に行うことができます。また、SiteGroundから得られる多大な価値もご覧いただければ幸いです。 通常、プラグインに含まれているすべての機能を実行するプラグインを入手するには、年間数百ドルを支払う必要があります。

あなたが彼らと一緒に持っているサービスですでに。 これが、SiteGroundの使用をお勧めする理由の1つです。これらの追加の特典がすべて含まれているため、購入する必要がなく、Webホストによって公式にサポートされています。 SiteGroundをお持ちでない場合は、下にあるリンクを使用することを検討してください。SiteGroundを注文した場合は、WPcrafter.com/sitegroundを使用することを検討してください。それに伴うコースボーナスが含まれています。

それはあなたが最大限に活用するのに役立ちます。 ウェブサイトを構築し、地面から最大限に活用します。 デイブ、あなたはこのビデオでいくつかの価値を見つけました、そして私はあなたがそうしたことを願っています。 これを高く評価して、友達と共有することを検討してください。

また、ご不明な点がございましたら、下のコメント欄でお尋ねください。

私はあなたの質問に答えて、私ができるあらゆる方法であなたを助けるのが大好きです。 ねえ、見てくれてありがとう。次のビデオでお会いしましょう。