wordpressのサイトで数10KBのCSSの読み込みに8秒から40秒もかかる理由を知りたい
wordpressのサイトが重たくて困っています。
Chromeのデベロッパーツールで見たところ、たかだかファイルサイズが数10KBのCSSのTTFBが8秒から40秒もかかっているようです。(下にコピペしたデベロッパーツールの結果を参照)。もっと早く(100msくらい)読み込みできそうなものなのにどうしてだろうと不思議に思っています。
ちなみに、一度ページを読み込めばブラウザのキャッシュにのるので、普通に見れる速度で読み込んでくれます。
また、このCSSが後続のロードをブロックしてるところもあるようですが、まぁそれはまたおいおい解決するとしてまずは今回相談してる問題をどうにかしたいと思っています。
質問
- 何が原因で、CSSのTTFBがこんなに遅くなっているのか?
- どうすれば速くすることができるか?
- 速くするために何を調査すればいいか?
環境
- AWSのt2.small
- 半年前にAWSの最新版の日本語ドキュメントに従って構築したwordpress環境
- NginxではなくてApacheを使っている(Apacheの設定の問題?)
- PHP7を利用
デベロッパーツールの結果
8/13 朝追記
ちなみにApacheの設定も共有しておきます。apachectl -Vで見る限りpreforkで動いてます。
StartServers 1
MinSpareServers 1
MaxSpareServers 2
ServerLimit 4
MaxClients 1
MaxRequestsPerChild 5