2020/2/29ウェブ解析士協会 (WACA) ＆ Sprobeの共同主催イベントとして、ウェブ⽣存戦略セミナー (アフィリエイト/SEO/メディア運営) での登壇内容

1. クリエイター
じゃなくてもできる
Webサイト表⽰速度改善⽅法

2. ⾃⼰紹介
神守由理⼦/NexSeedInc.
通称かみーゆ
ブリッジSE
フロントエンドエンジニア
好きなものは
⾁とビール
lirioY

3. コンテンツが好き
実は昔、
Web解析⼠
初級合格済
Webサイトは、
コンテンツが載るし、コンテンツが主役

4. 今⽇のレベル
ブログを書き始めたい
勉強し始めたばかり
少し知識がある
初級

5. 今⽇はクリエーター⽬線から
知識がない⽅でも出来そうな
表⽰改善ポイントについて
お話しします

6. 突然ですが
みなさん、質問です

7. スマフォで閲覧時、
表⽰速度3秒以上かかった
らどのくらいの⼈が離脱する
かご存知ですか？

8. 4割

9. 早いは正義

10. 限りなく2秒に近づけるため
のお話です。

11. サイトの表⽰を
遅くさせる理由を
探る

12. 突然ですが
みなさん、質問です

13. サイト表⽰速度を
重くする原因って
何だと思いますか？

14. あるあるその1
画像がヘビー級

15. 適切な画像サイズに変える
デジカメ・スマフォで撮影した画像をそのま
ま使うと4000px~とかザラなのでリサイズ
&圧縮する。

16. 適切な画像サイズに変える

17. 必ず何かしらの⽅法で圧縮する
クリエイターの⽅

18. 必ず何かしらの⽅法で圧縮する
クリエイターの⽅

19. あるあるその2
不要なギミック
使ってませんか？

20. かっこいいとユーザビリティ
は反⽐例
ふわふわ
シュー
くるくる

21. あるあるその3
読み込むファイル点数
が肥⼤化する

22. 何も知らずにブログツールを
使うと不必要な
ファイルが
読み込まれる

23. ムダなファイルを読み込まな
いようにする
プラグインを
使う

24. 画像がそもそも多い場合は
Lazyload(jQuery)などを
使う

25. 不要ファイルは最初から読まな
い処理をする。
ムダなプラグインは
⼊れない
クリエイターの⽅

26. サイトの状態を⾒る

27. 計測する
PageSpeedInsights

28. 計測する
LightHouse:Googleの拡張機能
シークレットモードで使うと○

29. まずは⾃分の
できる範囲でやる

30. ちょっとだけ事例の
お話

31. 複数あった
スタイル・JSを1ファイルにまとめ
画像圧縮
とある
住宅メーカーのサイト
既存サイト改修のみ

32. 参加者特典

33. 検索キーワードA
表⽰順位 47位→17位(30位上昇)
検索キーワードB
表⽰順位 20位→10位(10位上昇)
参加者特典

34. それ以外に特別なことは
ほぼしていません参加者特典

35. 徹底的に
内側のダイエットをした参加者特典

36. Webサイトは
コンテンツありき

37. ⾒て欲しいなら
快適に⾒てもらうため

38. ユーザーファーストな
⼼配りが⼤事

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