- 追加された行はこの色です。
- 削除された行はこの色です。
[[Linuxめも]]
WEBページをいかに早く表示させるかは大事なことです。~
Googleもランクの評価に採用しているようなので、[[PageSpeed Insights:https://developers.google.com/speed/pagespeed/insights/]]で85点以上を目指して対策を進めます。
*CSSを縮小する [#y2f910dc]
スタイルシートの記述から余分なスペース、改行、インデントなどの文字を取り除いてファイルサイズを抑えます。
PageSpeed Insightsで分析すると下の方に~
このページ向けに最適化された画像、JavaScript、CSS リソースをダウンロードできます。~
とリンクが表示されるので、そちらをダウンロードして差し替えると楽ちんです。
*JavaScript を縮小する [#u30ba23a]
CSSと同様の考えです。
*圧縮を有効にする [#d334b096]
WEBサーバからブラウザへデータを送信する際にgzip圧縮をかけて転送量を抑えます。
別ページを参照して下さい。
[[Apacheでコンテンツ圧縮]]
*画像を最適化する [#y9d34a85]
JPGやPNG画像は最適化することで見た目の質を落とさずに容量を抑えることができます。
無料で利用できるサービスには [[TinyPNG:https://tinypng.com/]] が有名所のようです。
**無料サイトを利用する [#y93f02a9]
無料で利用できるサービスには [[TinyPNG:https://tinypng.com/]] が有名所のようです。~
ドラッグ&ドロップで簡単に最適化することができます。
**ツールを利用する [#e4efffc1]
PageSpeed Insightsでは以下のツールが紹介されています。
***JPG [#r9c28c5a]
-[[jpegtran:http://jpegclub.org/]]
-[[jpegoptim:http://freecode.com/projects/jpegoptim/]]
**PNG [#eba94646]
-[[OptiPNG:http://optipng.sourceforge.net/]]
-[[PNGOUT:http://www.advsys.net/ken/util/pngout.htm]]