WordPressの読み込み速度はテーマによって変わるっていうお話。

1. 要確認！貴方のWordPress
は損をしている！？
〜読み込み速度の重要性について〜
WordPressもくもく勉強会＠日本橋 #13
2018年1月20日
髙橋 利幸

2. 自己紹介
髙橋 利幸
• 株式会社2.（ツードット）
• フロントエンドエンジニア
宮城県の農村出身
農業高校を卒業後、親の期待を裏切りWebの世界へ
Webデザイナー・ディレクターを経てフロントエンド

3. Google先生は言いました

4. 「遅いより速いほうがいい」
「Google が掲げる 10 の事実」より

5. WordPressの読み込み速度
気にしてますか？

6. 気にしていない貴方
「読み込み速度？なにそれ、オイシイの？」

7. 損をしているかも！

8. 調べてみよう！
Googleで
「テストマイサイト」
を検索

9. URLを入れるだけ

10. 可愛いテーマに変更した
WordPressで計測してみます

11. 結果

12. 10秒以上なら
早急に改善が必要！

13. 例えば電車の話

14. 首都圏の
平均電車乗車時間は
15分

15. 先ほど調べたサイトは
読み込みに10秒以上

16. 15分 → 900秒
1P/10秒

17. 15分で表示できるページは
最大で90ページ
※単純に表示するだけ

18. もし読み込みが
2秒だったら

19. 15分 → 900秒
1P/2秒

20. 15分で表示できるページは
最大で450ページ

21. その差
360P

22. お分りいただけただろうか

23. 電車での
たった15分で
この差

24. その差が
1日、一週間、一ヶ月

25. 1年
続いたら

26. 差を計算するのも
怖い！

27. かなり損を
しているかも！

28. どうすればいいのか

29. WordPressのテーマ
確認しましょう

30. 試しに先ほどのWordPressを
標準テーマに変更

31. もう一度計測

32. なんということでしょう

33. 読み込み速度が改善

34. テーマによって
読み込み速度は違う！

35. 今回の遅かった原因
• リッチなコンテンツを作るためのスクリプトが多い
• 画像をアップしたそのままのサイズで出力している

36. 標準テーマの場合
• 画像は最適化されて出力されるので、そのままのサイズ
で出力されることはない
※今回はTwenty Seventeen

37. その他原因になるもの
• 使っていないプラグインが多い
• JavaScriptなどのエラーを放置
• CSSのセレクタ指定に無駄が多い
• テーマの作りが雑
• 記事やゴミファイルが多い
などなど

38. 今一度自分のテーマを
確認してみましょう

39. では標準テーマ
しか使えないのか？

40. 標準テーマ以外が
全て遅いわけではありません
！

41. 早いテーマもたくさん
あります！

42. 高速化プラグインを
使えばいいのか？

43. 遅くなる理由は
テーマ自体に原因がある
場合が多いです

44. まずはテーマの確認を

45. 高速化プラグインは
用法用量を守って
正しく使いましょう。
ディレクター：「更新されないよ？」
エンジニア：「キャッシュ削除して」
ディレクター：「削除したけど更新されないよ？」
エンジニア：「キャッシュ削除して！」
ディレクター：「怒らないでよ（泣）」

46. 最後に

47. 損をしないテーマを
使いましょう！

48. まずは計測

49. Google先生は言いました

50. 「遅いより速いほうがいい」
「Google が掲げる 10 の事実」より

51. ご静聴ありがとうございました