web/pagespeed の変更点

• 追加された行はこの色です。
• 削除された行はこの色です。
• web/pagespeed へ行く。
• web/pagespeed の差分を削除

#author("2023-12-24T00:28:53+09:00","default:nemusg.pad","nemusg.pad")
#author("2025-08-25T00:37:08+09:00;2023-12-24T00:28:53+09:00","default:nemusg.pad","nemusg.pad")
* PageSpeed（表示速度） [#jba676e9]

** 計測 [#hb5c4587]

- [[PageSpeed Insights:https://developers.google.com/speed/pagespeed/insights/?hl=ja]] PC版とスマホ版をそれぞれ同時に評価してくれる。日本語化されたのでやればいいことも分かりやすい。
--  [[Mobile Website Speed Testing Tool:https://testmysite.thinkwithgoogle.com/]] モバイル限定の診断ツール。メールアドレスを入れて送ってもらえるレポートはPageSpeed Insightsの内容とほぼおなじもの。
- [[PerfMap:https://github.com/zeman/perfmap]] Webページのパフォーマンスチェックの結果をヒートマップで表示してくれるブックマークレット

** 画像最適化 [#y121d086]

手っ取り早くページのファイルサイズを小さくできる。

Webサービスを利用する場合、OSを気にせず利用できる。
無料で利用する場合一度に変換できるファイルは20個まで。

- http://optimizilla.com/ja/ （PNG・JPEG）
- https://tinypng.com/ （PNG・JPEG）

アプリケーションの場合はオフライン完了で利用できることや、ファイル数の制限がないことが長所。

- Mac用
--  https://imageoptim.com/mac （PNG・JPEG・GIF）
- Windows用
--  https://pnggauntlet.com/ （PNG・JPEG・GIF等）
--  https://saerasoft.com/caesium/ （PNG・JPEG）

** CSSスプライト [#j985413b]

- 今ならSVGを使ったほうが快適かもしれない http://asamuzak.jp/html/476

#include(parts/feedback,notitle)