Skip to content

Instantly share code, notes, and snippets.

@sakikazu
Last active May 16, 2019 03:21
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save sakikazu/17936db72d45a9fc504bb2a8a9a2b353 to your computer and use it in GitHub Desktop.
Save sakikazu/17936db72d45a9fc504bb2a8a9a2b353 to your computer and use it in GitHub Desktop.
Wordpress運用・高速化

Wordpress高速化

計測

むやみに高速化の対応をするのではなく、何が原因かを理解した上で行うこと

計測の観点

  • PHPの処理速度
  • CSS, JavaScript, 画像のファイルサイズの大きさ、ダウンロードにかかった時間
  • リクエストの数が多すぎないか
  • 無駄なリクエストが存在しないか(例えばWordpressのテーマには絵文字を使うかの設定があり、それがONになっていると絵文字用ファイルがリクエストされる)

高速化の対応

サーバー性能を上げる

  • PHPの処理速度が遅い場合は、高性能のサーバーを選ぶ
  • 同時アクセス時に遅くなるなら、多くのアクセスに耐えうるサーバーを選ぶ
  • 上記の判断にはサーバーの知識が必要なため、通常はサーバー会社が速いと謳ってればOK

プラグインで解決

  • Autoptimize
    • 概要:CSS、JavaScriptの静的ファイルを結合、圧縮(Minify)することで、リクエスト数とファイルサイズを減らす
    • 設定:とりあえずメインタブのhtml、CSS、JavaScriptの最適化にチェック
  • Lazy Load by WP Rocket
    • 概要:画像を遅延ロードすることで、スクロールしない限りは画像をリクエストしないようにできる
    • 設定:何を遅延させるかチェックするだけ
  • WP Fastest Cache
    • 概要:PHPで生成するページをキャッシュして静的ページにしてしまう。PHPの処理時間を大幅に短縮できる。
    • 設定:設定画面でキャッシュを有効にする
    • 注意:ページを更新したのに変わらない場合は、キャッシュの削除が必要。
    • 注意:このプラグインでもCSS、JSファイルの結合圧縮はできるが、有料版でないとMinifyができないのでAutoptimizeと併用したほうが良い

画像縮小

  • 適切な解像度にリサイズする
  • サイズの大きい画像(300KB以上)は必ず圧縮を行う。

参考ページ

上記と同じようなことが違う説明で書いてある

http://ebloger.net/speed-update/

Wordpress運用

Wordpress、プラグインのバージョンアップ

セキュリティ、パフォーマンスを上げるため、せめてメジャーバージョンアップがある場合はバージョンアップを行う。

画像ファイル名

  • 英語でどのページのどの部分に使われているがわかるような名前にする
  • 例:top-header-right.png, about-middle-person1-compressed.jpg
    • "compressed"は圧縮済みを示す

ソースコード管理

(わかったら追記する)

バックアップ

(わかったら追記する)

無駄なファイル排除

画像ファイルやテーマに関するファイルが多すぎる。ソースコード管理やバックアップに支障をきたしてしまう。 使わないテーマは削除すべき? (わかったら追記する)

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment