ページ幅wordpressのホスティングを削減
あなたのWordPressサイトをスピードアップしたいですか?あなたのサイトのロード時間を短縮することができますWordPressの最適化のコツを知りたいですか?この記事では、我々はパフォーマンスを向上するために、当社のList25サイトを最適化する方法共有することにより、ワードプレスをスピードアップする方法を紹介します。
あなたはおそらく聞いたことがあるWordPressの速度はSEOのために重要です。より速く、より良いサイトには、ユーザーエンゲージメント、より多くのページビュー、より良い販売を持っています。 strangeloopケーススタディでは、彼らは1秒の遅延があなたの7の販売の%、11%少ないページビュー、および顧客満足度が16%減少を要することができることを見出しました。
それでは、どのように実際のWordPressをスピードアップできますか?
まあ、だけではなく、スピードのヒントのリストを共有する、私たちはあなたに私たちはそれをすべてを達成する方法と一緒に私たちのList25サイトからの結果を表示するには、フルケース・スタディを行うことを決めました。
List25は、当社の創業者サイード・バルキーによって開始されたエンターテインメントブログです。このサイトは150万人以上の加入者を持ち、そしてYouTubeチャンネル10億四半期景色を眺めることができます。
私たちは、コストを抑えるページの放棄を減らし、サイト上の時間を改善するために、サイト上のコンテンツは、主に画像やビデオ帯域幅のテラバイトを占め、その全体的な速度の最適化が非常に重要でした。
我々は、最適化を開始する前に、私たちのホームページはPingdomのに応じてロードするために2.21秒かかりました。私たちが行われた後、ページのロード時間は(1.21秒に低下しました
この最適化中、当社は、当社のサーバーの応答時間をスピードアップページの速度性能スコアを向上させる、総リクエストの数を減らし、全体的なロード時間を改善することができました。
のは、私たちのWordPressサイトをスピードアップ助けた最適化技術を見てみましょう。
良いWebホストを持つことは、あなたのウェブサイトの速度のために重要です。私たちのサイトには、より多くの人気となったように、我々は単に私たちの以前のホスティング会社(Hostgatorのを)outgrew。
List25は、ページビュー数千万を受けるため、そのサーバーでは、単純にこのサイズのサイトを扱うことができませんでした。 Hostgatorのは、小規模なサイトのためにではなく、この大きさの何かのために素晴らしいです。
私たちは、さまざまな管理WordPressのホスティングオプションを見て、そして最終的に彼らは、このサイトのための最高の全体的な価値を提供するためList25をホストするためSitegroundはを使用して終了しました。
あなたは私たちのサーバーの応答時間の改善をすぐに見ることができます。私たちは、172msの応答時間に最大442msから行ってきました。これは、256%の改善です。
Sitegroundはワードプレス、Joomlaの、そしてMagentoのような特定のプラットフォームのパフォーマンスブースターを内蔵しています。あなたのサイトのプラットフォームに基づいて、彼らは特別に優れた全体的なパフォーマンスになり、あなたのサーバーを最適化します。
私たちは、あなたが7重要な指標について語っウェブホスティングを切り替える必要がある場合についての記事を書きました。
あなたがホストを切り替えるために探している場合は、間違いなくSitegroundは試してみてください。 WPBeginnerユーザーが+無料のドメインをホスト上の排他的な60%の割引を受けます。
それはWordPressをスピードアップになると、キャッシュがあなたのウェブホスティング後の第二の最も重要な要因です。
訪問者があなたのWordPressサイトに来るとき通常、サーバーは、要求されているページを見つけたMySQLデータベースへのPHPの要求を渡し、その場でそれを生成し、訪問者にそれを示しています。これは、多くのリソースを占有します。あなたはキャッシュを持っているとき、それは時間とリソースを節約できます。
下の図は、プロセスを強調しています。素人用語では、あなたがより速くファイルに得ることができますデスクトップショートカットを作成すると、キャッシングを考えます。
List25サイトについては、我々はSitegroundはSuperCacher、彼らは特別に彼らの顧客のために構築されたプラグインを使用しています。その上で、彼らはワニス(彼らのパフォーマンスブースターの一部)を使用して高度な動的なキャッシュ・オプションを追加しました。
あなたはSitegroundは上にない場合。その後、心配しないでください。あなたはW3トータルキャッシュまたはWPスーパーキャッシュのような多くの利用可能なソリューションのいずれかを使用して、あなたのWordPressサイト上のセットアップキャッシュすることができます。
WPBeginnerで、我々はページ・キャッシュ・オプション、データベースキャッシュとオブジェクトキャッシュの数を提供W3トータルキャッシュを使用しています。
より多くのホスティング企業はWordPressのために特化したように、我々は構築された複数のカスタム・キャッシング・ソリューションが表示されます。 PagelyとWPEngineは、独自の組み込みのキャッシュシステムを提供します。
コンテンツ配信ネットワーク(CDN)あなたのウェブサイトのスピードを高めることができます。私たちは、List25の初めからMaxCDNを使用しているので、この部分は変更されませんでした。
私たちは、CDNとなぜあなたはインフォグラフィックと一緒にそれを必要としているものに完全な記事を書かれています。
CDNは、私たちはコンテンツ配信ネットワークからのすべてのCSS、Javascriptとイメージを提供することができます。これは、サイト訪問者の位置を決定し、ビジターに最も近いサーバーからコンテンツを提供することによって動作します。
あなたがプレミアムCDNソリューションの市場ではない場合、あなたはにCloudFlareを使用することができます。
あなたはより多くのプラグインを追加すると、多くの場合、彼らは自分のJavaScriptとCSSファイルを追加します。各追加ファイルは、新しいHTTP要求です。
私たちは要求を削減し、ロード時間を高速化するごとに、単一のファイルにこれらのJavaScriptとCSSファイルを組み合わせます。あなたはロード時間をどのように影響するかのWordPressのプラグインでこれについての詳細を見ることができます。
私たちは今、私たちは、サイトの特定のセクションに必要ではないかもしれないいくつかの小さな機能をロードしている一方で、このコードは、CDN上にキャッシュされ、その結果がファイルのための少数の要求はいくつかの小さなJSファイルをロードするよりも優れた性能を提供することを示しています。
プラグインは、あなたが変更残業を使用するので、これはあなたが定期的に行う必要がありますものです。
我々は、単一のイメージにいくつかの社会的、サイトのアイコンを組み合わせた画像スプライトを利用しました。
我々は特定のアイコンを表示するために必要なときはいつでも、私たちはにCSSを使用したいです:
- 背景画像として画像をロードします
- 私たちはのアイコンを必要とする要素の幅と高さを定義します。
- 必要に応じてアイコンをロードするために、当社の画像の背景の位置を設定します
例えば、サイドバーのソーシャルメディアのアイコンをロードするために、我々は、使用します。
背景位置。幅と高さのCSSプロパティは、私たちが出力したい画像の特定のセクションをターゲットに役立ちます:
その結果、この画像ファイルのための唯一の最初の要求は、帯域幅を使用しています。画像のためのCDNへの後続の要求は、キャッシュされた(典型的にはローカル)ロードされたバージョン、ならびにのみ6つの異なるソーシャルアイコン対単一の画像を要求するために必要になります。
一緒にはJavaScript、CSSや画像を組み合わせることで、我々は非常に要求の数を減少させました。
コード縮小は、空白や改行を削除することは要求されたとき、それはより速くロードするようになってファイルサイズを小さくするために壊す必要とします。
List25のために、私たちはSCSS、(サスへのイントロ)構文ベースのスタイルシートを使用します。これは、読みやすいレイアウトでの開発のいくつかの領域を越え、当社のCSSファイルを構築するために私達にできます。
我々は、単一のCSSファイルにSCSSファイルをコンパイルするCodeKitを使用しています。 CodeKitも空白を削除し、行は、ファイルを確実にするために中断し、できるだけ小さいです。
その結果、我々は28%で、当社のCSSファイルサイズを小さくすることができました。
我々は2つの分野で私たちの画像を最適化:私たちのワードプレスのテーマやコンテンツをアップロードしました。
私たちのワードプレスのテーマについては、我々はすべての画像が可逆圧縮されたことを確認するためにCodeKitを使用しました。これは、品質を損なうことなく、ファイルサイズはできるだけ小さくしていることを保証します。
また、Web用に最適化された画像を保存することの重要性について、当社の作家のすべてを教育を受けました。ウェブ用に最適化された画像を保存する方法についての私たちのガイドを参照してください。
List25のためのソーシャル・シェアリングは、他のウェブサイトと同様に非常に重要です。しかし、ソーシャル共有プラグインは大幅にあなたのサイトを遅くすることができます。
モバイルデバイス上で見たときに、私たちのテストでページの読み込み時間に影響を与えなかったこれら四つの社会的ネットワークのスクリプトを統合する一方で、それは目に見えてウェブサイトを鈍化しました。ソーシャル共有ボタンは、ビューにロードされたボタンとして動き回るポストコンテンツで、その結果、非同期ロードスクリプトにもかかわらず、表示されるまでに数秒かかります。
この問題に取り組むために、我々は(ほとんど)のJavascriptを含まない溶液に移動しました。ソーシャルネットワークの共有ボタンのそれぞれは、私たちのカスタムWordPressのプラグインによってレンダリングされ、テーマのJavaScriptは、ユーザーがボタンをクリックすると、Webブラウザウィンドウを開くために使用されます。
しかし、我々はまだ投稿は、すべての社会的ネットワークにまたがっていた株式の総数を表示したかったです。これを行うために、我々はポストメタテーブルに各ソーシャルネットワークからソーシャル・シェア数を取得してキャッシュするために、小さなカスタムWordPressのプラグインを作成しました。これらのカウントは、時間のかかるクエリが常に実行されていない確実に、24時間ごとに更新されます。
あなたはSharreのようなAPIを使用するか、カスタマイズのためにフローティング社会バーを分析することができます。
PingdomののRUM(実ユーザー監視)を使用して、この新しい共有プラグインは、わずか2秒に6秒から「真」ページの読み込み時間を減少させました。それはまた、我々はサードパーティのスクリプトのために作られた要求の数を削減することを確実にしました。
私たちは、大幅に私たちのサイトの速度を改善しました。ロード時間は1.22秒に2.2秒から行ってきました。
我々は大幅に私たちのサーバーの応答時間を短縮することができました。
これが私たちのクロール速度を助けた、Googleのボットでページをダウンロードするために費やされる時間を短縮助けました。
サイトはより速くロードされたため、当社の全体的な直帰率は7%低下した、およびホストを切り替えることによって、私たちは、サーバーのエラーを削減することができました。
あなたは下の直帰率と想像できるように、サイト上で過ごした時間は30秒以上でも同様に上昇しました。
あなたが見ることができるように高速読み込みのウェブサイトは、訪問者のエンゲージメントを向上させることができます。私たちが議論してきた技術は、あなたのWordPressサイトを最適化するために実装することができ、基本的な中間の改善の範囲をカバーしています。
私たちは、この記事があなたのWordPressサイトをスピードアップ助けを願っています。あなたはまた、約20が2015年のWordPressのプラグインを持っている必要があります私たちの記事をチェックアウトすることができます。
あなたがこの記事を気に入った場合は、WordPressのビデオチュートリアルのために私たちのYouTubeチャンネルにサブスクライブしてください。また、TwitterやFacebook上で私たちを見つけることができます。