良い一日。
今日は、私が作成およびサポートしているサイトの1つの例、つまり、ダウンロード速度とGooglaのロイヤリティを最適化する方法について説明します。
ソースデータ：
- ウェブサイトの読み込み速度-2秒、
- 最初のリクエストの処理速度は1.06秒です。
- 最初のリクエスト送信時間364ミリ秒、
- ダウンロードしたデータの量〜3 MB
パズルの答え
- サイトの読み込み速度-1秒、
- 最初のリクエストの処理速度は80ミリ秒です。
- 最初のリクエストの送信時間は15ミリ秒です。
- ダウンロードしたデータの量〜70 kB（最初のダウンロード1400 kB）
作業を実行する前に、すべてのファイルとデータベースをバックアップしてください。 著者はその結果について責任を負いません。
チャレンジ：
ダウンロード速度を最適化してください。インターネットが良好なラップトップでは、ダウンロード速度を控えめに言っても、望まれることは多くありません。
比較のために、Yandexメインページのデータ：
- サイトの読み込み速度-1.2秒、
- 最初のリクエストの処理速度は203ミリ秒です。
- 最初のリクエスト送信時間71ミリ秒、
- ダウンロードしたデータの量〜46 kB、
問題解決
グーグルでサイトを最適化するための一連の推奨事項を見つけると、たとえば、サイトの速度を正しく見積もるには数値を知るだけでは不十分で、足がどこから伸びているかを理解する必要があることに気付きました。
上記のトピックへのコメントで、Chrome PageSpeed Insightsへの素晴らしい追加に出会いました
このツールを使用する手順は非常に簡単です。
優先順位が異なり、グループに分けられた推奨事項のリストを取得します
- 高速なサーバー応答を提供する
- ブロッキングリソースの削減
- 負荷を最小限に抑える
- ページ読み込み遅延を最小限に抑える
- その他など
各セクションには、「負荷を最小限に抑える」などの推奨事項があります（私の場合、リストは次のようになっています）
- （B）圧縮をオンにし、
- （H）同じURLからリソースを提供し、
- （H）JavaScriptを短縮し、
- （H）CSSを短くし、
- （H）HTMLをカット
このツール
は推奨事項を作成するだけでなく、いくつかのことも行います。削減、削減、絞り込み、アドオンはすぐに圧縮され、完成したファイルを開くことを提案しますが、あなたの仕事は、サーバー上の必要な場所に置いて置くだけです。 ちなみに、それをどこに置くかは、ファイル名を指しているかどうかも教えてくれます。
しかし
、羊のサイトに戻ります。 JavaScript、CSS、および画像に必要なすべての置換を行った後、ロードされた情報の量が約1 MB減少したことに驚きました。
「圧縮を有効にする」項目ですべてが止まります。Googleに助けを求めると、W3 Total Cacheが見つかりました。これは、必要なパラメーターに応じてサイトを最適化できるWordpressの素晴らしいプラグインです。
Wordpressの場合、インストールはいつものように簡単です。 アドオンに移動して、検索、インストールします。
そして、セットアップが始まり、...
プラグインは多くのことを実行できますが、すべてが必要なわけではありません。 去る
- ページキャッシュ（ページはリクエストごとに生成されるわけではありませんが、既に保存されているものが返されます）
- ブラウザキャッシュ（写真、スクリプト、スタイルなどの一部の情報は、最初のダウンロード後にクライアント側に保存されます）
これに加えて、プラグイン自体がJavaScriptとCSSを圧縮できますが、これらのファイルをどう処理するかをグーグルで検索する方がいいのかわからないので、PageSpeedを好むでしょう。
プラグインには、CDN、リバースプロキシなどのよりエキゾチックなオプティマイザーもありますが、高負荷でも結果が得られます。
パズルの答え
- サイトの読み込み速度-1秒、
- 最初のリクエストの処理速度は80ミリ秒です。
- 最初のリクエストの送信時間は15ミリ秒です。
- ダウンロードしたデータの量〜70（1400）kB、*
合計で、サイトの読み込み速度が大幅に向上し、サーバーの負荷が削減され、作業の満足度が向上しました！
速度と負荷時間に関するデータは、1日の異なる時間に5つのサンプルを取得する方法によって取得され、特定の平均値が導き出されました。
* -最終的にダウンロードされたデータの量は、1000 x 300ピクセルの8つのイメージのスライダーを使用して取得されました。最適化前のそれぞれの平均重みは、170 kバイト後の250 kバイトです。 ただし、ブラウザのキャッシュがあるため、初回および1か月間のみ読み込まれます
皆さんがこの知識をうまく利用できればと思います。