web-dev-qa-db-ja.com

結果の違いに基づくパフォーマンス改善の提案

専用サーバーでJoomlaサイト（ http://guru99.com ）を実行しています。現在、Rocketthemeのガントリーベースのテンプレートがサイトにインストールされています。それで、私のサイトのパフォーマンスを最適化するために、私のホームページで同じコンテンツを持つさまざまなフレームワークのさまざまなテンプレートをテストし、次に http://webpagetest.org を使用してそのロードタイム、ページサイズ、およびリクエスト数をチェックしました現在のテンプレートのパラメーターに関するそれらの違いを以下に示します

テンプレートフレームワーク：Loadtime（Sec）/ Pagesize（Kb）/ No of Requests

ワープ：0.792/130/14

T3：0.708/61/19

らせん：0.225/106/24

私はこれらのすべてのフレームワークを基本的な無料テーマでテストしたので、私の質問は「現在のテンプレートに関してそれらに大きな違いがあるのですか」であり、これらの違いを考慮してパフォーマンスを向上させるために別のテンプレートを探す必要がありますか？

joomla-3.xtemplatesperformancegantry
6
Ram Guru99

余談ですが、ページの速度が心配な場合は、画像にいくつかの改善点があることに気づきました。

ページ上にいくつかの.png画像（透明な背景がある場合とない場合）があります。一例は this ページです。背景が白なので、ほとんどのpng画像を.jpg形式に変換でき、ページの読み込み時間を大幅に削減できます。 .png画像を使用する必要がある場合は、透明度があっても、tinypng.comでpng画像のサイズを50〜70％削減することをお勧めします。

例：

元の画像： http://cdn.guru99.com/images/ETL_Testing/ETLTesting_5.png -57.6 KB

  • Tinypng.comを使用して圧縮-25.1 KB
  • Jpgに変換-〜22 KB

元の画像： http://cdn.guru99.com/images/logo_funlearn.png -102 KB

  • Tinypng.comを使用して圧縮-34.5 KB
  • Jpgに変換-N/A（透明な背景）

さらに、一部の画像は必要以上に大きいため、ページの読み込み時間が長くなります。画像をWebサイトに表示される実際のサイズに縮小してみてください（画像エディターを使用）。

例：

Display size vs natural size

最後に、いくつかのツールとレポートを使用してWebサイトの速度をテストする別のサイトは http://tools.pingdom.com です。

3
johanpw

サイト全体のパフォーマンスは非常に良好です。

すべてのスクリプトとCSSファイルはCDN経由で配信されています。私が今考えているのは、これらすべての資産をGZ圧縮することです。これにより、パフォーマンスがさらに向上します。このため、私は JCH Optimize をお勧めします。私はこれを以前に使用したことがあるので、うまく機能していることを確認できます。

ただし（常に "ただし"があります）、一部のスクリプトが最後のかっこを忘れることがあることに気づきました。そのため、それらを圧縮すると、コンソールログエラーが発生します。これを取得した場合、犯人を見つけるために各JSファイルを1つずつ除外する必要があります。プラグインを使用すると、特定のファイルを選択できます。

異なるフレームワークのページ速度をテストする際に注意しなければならないことの1つは、それらに付属するテンプレートには異なるアセットが必要な場合があるということです。たとえば、これまで見てきたHelixフレームワークは、Warpに比べて読み込みがほぼ4倍高速ですが、Warpに付属するマスターテーマには、より多くの画像とCSSファイルが含まれるため、HTTPリクエストが多くなり、読み込み速度が遅くなります。

2
Lodder