web-dev-qa-db-ja.com

スピードとパフォーマンスに関するWordPressのヒント

私は私のウェブサイト上のパフォーマンス、正確にはページ速度のロードに関していくつかの問題を抱えています。

以下にリストされたものがあります:私はNginxプラットフォームで私のVPSにWordPressをインストールしました。

AMD 8 cpu's 
2x SSD 250GB
32GB memory

WordPressが更新されました。

インストールされているプラ​​グインリスト:

- Akismet
- BWP Minify
- Disqus Conditional Load
- Google XML Sitemaps
- iThemes Security
- W3 Total Cache
- WordFence
- WP Missed Schedule
- WP No Category Base - WPML Compatible

WordPressには、年間約46.000件の投稿が投稿されています。投稿されたコメントは約11.000件(Akismetによってブロックされている約1.000件のSPAM)。

サーバーの負荷は2.00以下で、メモリ使用量は最大です。 〜30%(大丈夫です).

それほど多くはありません、サーバーはスーパーですが、問題はたくさんの投稿やコメント、プラグインや広告にある可能性がありますか?

W3 Total cache uses APC. Code is minified itself (HTML, php, css, js) without W3 Minify.
BWP minify modified so it has "async" atributte while loading few .js files (around 10) combined into one (css files about 2 are alsoc comined into one).
Wordfence modified, so it does not scan every day, live traffic disabled.
Nginx directives for location / and files under location are modified - added headers, gzip, security, etc.

テーマは変更され最適化されているので、スライダーなどの他のプラグインや、クリーンアップされたwp_headなどは含まれていません。

WordPressのメニューは作成されていません - すべてのHTML(クエリが遅いので、HTMLを使用しました)。

また、私が思うに1つ大きな問題があります、ウェブサイトは広告を表示するために予約された6-7ブロックを持っています:

Google AdSense, 728x90, 970x250, 300x250, responsive

広告を削除すると、状況はさらに速くなります。しかし、広告は私たちが何かを稼ぐことができるマーケティング目的のためのものです。

1日の訪問者数は最大約10,000人(Google Analyticsベース)。

私は物事、Github、StackoverflowそしてNginx、WordPress(inc。forums)のような公式ウェブサイトをインターネットで検索しています。

パフォーマンスについてのヒント、アイデア、その他リンクなどの便利なものがあれば、問題なく機能しますか。

私は、どんな情報も共有してくれてとても感謝しています!

どうもありがとう!

3
Fritex

私は何千もの投稿と何千もの訪問者(300k /日)があるいくつかの大きなWordPressサイト、特にニュースサイトで働いています。下記のものと、よく書かれたクエリでうまくコーディングされたテーマで、我々はAdSenseとRevContentからの7つの広告ブロックで2.5秒でロードしています。

  1. CDNはありますか?お持ちでない方はCDNを強くお勧めします。予算に応じて、CloudFlareを無料で使用できます(AdSenseを実行してDFPを使用していない場合は、RocketLoaderをオンにして速度を上げることができます)。 Amazon Cloudfront(私が使ったことがある).
  2. 私は本当に縮小プラグインを使用しないことを好み、手動ですべてのCSSとJSを縮小して連結することを好みます。その理由は、私はサイトをスピードアップすることができます別のプラグインを取り除くことであり、私はファイルを縮小するためにサイトに一切の負担をかけないでください。私は CSSMinifier.comJavaScript-Minifier.com を使っています。 top.jsbottom.jsファイルを作成します。
  3. 非同期でJSファイルを読み込むには、次の関数を使うことができます。これは素晴らしいことです。あなたがしなければならないのは、私が以下にリストされるように、ファイル名でJSファイルを追加することであり、それは非同期を追加するでしょう。これはwp_enqueue_scriptを介してロードされたファイルに対してのみ機能することに注意してください。

    function js_optimization($tag) {
      $asyncscripts = array('jquery.js', 'jquery-migrate.min.js');
      if(!empty($asyncscripts)) {
        foreach($asyncscripts as $asyncscript)) {
          if(true == @strpos($tag, $asyncscript)) {
            return str_replace(' src', ' async="async" src', $tag);
          }
          return $tag;
        }
     }
    add_filter('script_loader_tag', 'js_optimizer');
    
  4. GTMetrix.comを通してあなたのサイトを運営してください。それはあなたがサイトをスピードアップする方法についての提案と共に、あなたにPageSpeedとYSlowスコアを与えます。

  5. プラグインBJ Lazy Loadはフロントエンドの読み込みを高速化するのに最適です。

6
Tyler Johnson