web-dev-qa-db-ja.com

Wordpressをスピードアップ

私のブログが特に遅いという気持ちはありませんが、まだ始めたわけではないからです。特に（最適化された/圧縮された）40-50枚の写真のブログ記事があるので、もうすぐ遅くなるのではないかと非常に心配しています。これは変更できませんが、他のことは変更できます。

私はすでにそれについてたくさん読んだり、様々なチュートリアルを経たりしましたが、それでも私にはまだできることがあると思います。

まず第一に、私のブログは現時点ではうまくいっているようです。少なくとも Webpagetest.org に従ってください。

これが私のブログです なので、自分で試すことができます。私はすべての結果が本当に何を意味するのか理解しようとしていますが、私はそれらすべてを得るわけではありません。

画像：

私はすでに自分の画像の大部分を圧縮しています。 CSSスプライトは時間がかかるので、ここではこれをスキップし、実際に少し高いトラフィックが得られるようになった後で作業します。

画像を圧縮するには、Photoshop（Web用に保存）とYahooのSmushItを使用します。

Javascript：

私が使用しているスクリプトは、Webpagetest.orgサイトから次のような提案を得ているので、スピードの点でいくつかの問題を引き起こしているようです。

「380.5KiBのJavaScriptが最初のページ読み込み中に解析されます。ページレンダリングのブロックを減らすためにJavaScriptの解析を延期してください。」

それが何を意味するのか、私には全くわかりません。誰か私にそのことについてもっと教えてもらえますか？ （私はこれがWordpressには特に関係がないことを知っていますが、それはとにかくそれをスピードアップすることの一部であるので、あなたがここで私を手伝っても構わないと思っています）

Javascriptに関するもう1つの警告：

The following external resources have small response bodies. Inlining the response in HTML can reduce blocking of page rendering.
http://zoomingjapan.com/travel/mount-koya-travel-report/ should inline the following small resources:
    http://zoomingjapan.com/wp-content/plugins/gravatar-box/gravbox.js?ver=1.0
    http://zoomingjapan.com/wp-content/plugins/jetpack/modules/wpgroho.js?ver=3.2.1
    http://zoomingjapan.com/wp-content/themes/alltuts/js/contact-form.js?ver=3.2.1
    http://zoomingjapan.com/wp-content/themes/alltuts/js/my-slider.js?ver=3.2.1
    http://zoomingjapan.com/wp-content/themes/alltuts/js/scrollable.js?ver=3.2.1
    http://zoomingjapan.com/wp-content/themes/alltuts/js/sliding_tabs.js?ver=3.2.1
    http://zoomingjapan.com/wp-content/themes/alltuts/js/sprinkle.js?ver=3.2.1
    http://zoomingjapan.com/wp-content/themes/alltuts/js/tab-renamer.js?ver=3.2.1
    http://zoomingjapan.com/wp-content/themes/alltuts/js/welcome_back.js?ver=3.2.1
    http://zoomingjapan.com/wp-includes/js/l10n.js?ver=20101110

そのため、テンプレートファイルにスクリプトを呼び出さないようにすることをお勧めしました。代わりに、私のテーマのjsフォルダにすべてを入れてください。何千もの小さなスクリプト。もちろんwp_enqueue_scriptを使っています！それはそれを私のheader.phpに戻すほうが良いということですか？それともcustom.jsを作成して、おそらく一緒にうまくいくことができるすべてのコードを投入しますか。または、すべてのJavaScriptをfooter.phpに入れますか。ここでWPに最適な環境が何であるかがわからないのですが！

リダイレクト：

可能であれば、次のリダイレクトチェーンを削除してください。

http://0.gravatar.com/avatar/2b7d7f6b4622da443cc8081ca78db661...
http://zoomingjapan.com/wp-content/themes/alltuts/images/usericon.png?s=30

可能であれば、次のリダイレクトチェーンを削除してください。

http://1.gravatar.com/avatar/35991606c4e61d2d3a4ba61a9e03ab79...
http://zoomingjapan.com/wp-content/themes/alltuts/images/usericon.png?s=30

可能であれば、次のリダイレクトチェーンを削除してください。

http://www.zoomingjapan.com/wp-content/themes/proton-child/images/toplight.png
http://zoomingjapan.com/wp-content/themes/proton-child/images/toplight.png

これは私のfunction.phpの次のコードから来ています。

add_filter( 'avatar_defaults', 'newgravatar' );

function newgravatar ($avatar_defaults) {
$myavatar = get_bloginfo('template_directory') . '/images/usericon.png';
$avatar_defaults[$myavatar] = "ZoomingJapan";
return $avatar_defaults;
}

リダイレクトをなくしても、機能を有効にしておくことはできますか？

その他の手順：

  • 改訂を無効にする（完了）

  • 2日ごとにゴミを空にする（完了）

  • 週に一度dabataseを最適化する（まだ）

  • キャッシュプラグインを使用する（完了：W3 Total Cache）

  • 早くフラッシュする（まだ：<?php flush(); ?>はそれがいいのかどうかわからない）
    を使うというアイデア???）

  • CDNとしてCloudFlareを使用してください（まだ：あなたはそれについてどう思いますか？それはWPとうまくいっていますか？）

実装が比較的簡単な提案が他にありますか。

私はかなり多くの質問を知っていますが、もしあなたが私に少しでも提案をしてくれるのであれば、本当に感謝しています。

どうもありがとうございました。

cacheoptimizationcdn
2
japanworm

私は最近同様の状況にあり、W3 Total Cacheも使い始めました。

現時点でどのような設定になっているのかわかりませんが、W3 Total Cacheを最大限に活用していることを確認できるのであれば、少し試してみる価値があります。

例えば、私はもともとメイン画面でページキャッシュとブラウザキャッシュのみをチェックしていましたが、専用セクションに入り込んで最適化することもしませんでした。

私のアドバイスは、一度に一つずつ異なるオプションを有効にし（変更するボックスをチェックする）、変更をプレビューしてから、いくつかの速度チェックを再実行したら

W3のMinify設定をオンにして試してみることもできます。自動を選択するか、実際に手動設定を選択してから専用の最小化ページで上部にある[ヘルプ]オプションを使用して、自動的に縮小可能なJavascriptおよびその他のCSSファイルを自動的に検出できます。適切なチェックボックスを使ってそれらを追加するのを忘れている場合もありますが、場合によってはこれらのファイルのロードを遅らせることを選択することもできます。

いくつかのスクリプトは縮小されたくない、またはページの後半でロードされることを受け入れないことがあるかもしれないので、Minifyには特に注意して（すべてのキャッシュをクリアした後に複数のブラウザで）変更をテストしてください。あなたのサイトにCSSをロードするのを怠るかもしれません）

最後に私はまたCloudflare（スピードの点で人々がこれと複雑な結果を持っているのを見たが）そしてまたCDNを試みることを推薦する

私はMAXCDNを使っています。これは私にとっては美しく安価なように思え、W3とうまく統合されています。

http://www.wpbeginner.com/plugins/how-to-install-and-setup-w3-total-cache-for-beginners/ /

私は今のところエキスパートではありませんが、ここ数日間でW3 Total Cacheを使用していくつかのサイトを大幅にスピードアップしています。キーは少しずつ試してテストすることです。 WP設定を最大限に活用するために、試してみる価値があります。

PSまた、WP Smush Itプラグインをインストールして、すべての画像を圧縮するために使用してください。PPS繰り返しますが、使用していないプラグインも無効にします。

お役に立てれば！

大きな愛

ニック

2
Nick Davis

速度の最適化と現実のバランスをとる必要があります。

つまり、スピード分析にこだわってはいけません。ユーザー満足度、ロード時間（ほとんどの場合）の観点から検討すべきことが1つあります。

キャッシュされずにキャッシュされたページをテストすると、ロード速度が著しく異なることがわかります。サイトのロード時間は約2.5秒です。これは、画像を考慮するとまったく問題ありません。

さらにスピードを上げたい場合は、次のようになります。

  • サーバースケールの画像、あなたはCSS（または私は見なかったphp）をリサイズした画像を提供します、代わりにhtmlの正確な画像サイズを使います。
  • WebP のようなものを使ってあなたの画像をさらに圧縮してください（あなたはそれらをフォトショップに変換し直さなければならないでしょう）。
  • varnish のようなサーバーキャッシュを使用する
  • JavaScriptを組み合わせて最適化する

あなたは、あるレベルを超えた最適化が多くの仕事になるという事実にぶつかり始めます。

4
Wyck

専門家ではない私の2セント

  • あなたのテーマを最適化しましょう。不要な機能を確認するか、手動でコーディングしてください。
  • すべてのプラグインが必要かどうかを確認してください
  • デバッグプラグインを使ってクエリをチェックする
  • pingdom.com、blitz.io、およびGoogle Analyticsを使用してデバッグします（ページ速度）。
  • w3キャッシュプラグインを可能な限り有効にして使用する、cache、cdn、mimizeなど
  • 画像を最適化する
  • cDNを試してください
  • 良いホストかvpsか自分のサーバーを使う
  • apcか他のキャッシュを使う
  • apacheの代わりにnginxを試してください。
1
Jens Wedin

私はあなたのサイトをGTmetrixを通して運営することを勧めます。あなたのサイトの効率性を監視するために使用できるWordPress用のGTmetrixプラグインもあります。

Wyckが言うように、あなたは本当に拡大縮小された画像を提供するべきです。そうしないと、ロード時間が大幅に遅くなります。

画像の寸法も指定する必要があります - 常に。最速の結果を得るには、（CSSではなく）height属性とwidth属性を使用してください。残念ながら、いくつかのプラグインやサードパーティのウィジェットはこれをしません。

可能であれば、スクリプトを縮小して組み合わせる必要もあります。いくつかのスクリプトは他のスクリプトと組み合わせるとうまくいかないので、ここでは注意しなければなりません。また、結合しながらテストを続けてください。複数のスクリプトを組み合わせると、実際にはダウンロード時間が長くなることがあります。これは、1つの大きなファイルを代わりにいくつかの小さなファイルにダウンロードするためです（同時にダウンロードできます）。これにはW3TCを使用してください。

私はJavaScriptを延期することを心配しないでしょう。プラグインなどのため、これはWPでは基本的に管理できません。

Gravatarのリダイレクトから何もすることはできませんが、3番目にリダイレクトするのはwwwから非wwwドメインへ（またはその逆）です。常に一貫したドメインを使用するようにしてください。

存在しないjquery-comment-preview.cssを呼び出しているので、時間が無駄になります。また、あなたはfiledenから2つのファイルを呼び出しています - これらは接続が遅いです。別のドメインに不要な要求をしないようにしてください。

0
vancoder

JavaScriptは最初のページ読み込み中に解析されます。 JavaScriptの解析を延期して、ページレンダリングのブロックを減らします。このコードを私のfunctions.phpに追加しました。

function defer_parsing_of_js ( $url ) {
    if ( FALSE === strpos( $url, '.js' ) ) return $url;
    if ( strpos( $url, 'jquery.js' ) ) return $url;
    return "$url' async onload='myinit()";
}
add_filter( 'clean_url', 'defer_parsing_of_js', 11, 1 );
0
mike

この質問は常緑樹です。 WordPressを高速化する1つの方法は、クエリの実行速度を評価することです。あなたが優れたホスティングをしている可能性がありますが、何らかの理由で、あなたはいくつかのダンププラグインを使用しているかまたはそう、あなたのクエリは実行するのに数秒かかります。

その解決策は、ディスクページのキャッシュです。これにはスペースが必要です。そのようにしてリクエストが送信されると、あなたはキャッシュプラグインがそのリクエストを（SSDディスク上の）速いディスクファイル上の読み込みに転送します。

そのため、あなたのサイトが本当に静的なものである場合、あるいはあなたのWebサイトの静的な部分については、それを使うことができます。

私はそのようなプラグインをお勧めすることはできません、私は自分のために5年前に自分のためにAcacheと呼ばれるプラグインを書きました。

本当にそれは20行のコードでした。私はなぜそれをもう使わないのかわかりません。

0
prosti