webサイト最適化


サイト最適化改良手順

【サイトの設計について】
①PageSpeed Insights モバイルサイト、PCサイトの診断:https://developers.google.com/speed/pagespeed/insights/
②画像の最適化:https://tinypng.com/
③CSSの縮小:http://refresh-sf.com/

【コンテンツについて】
②キーワードチェック

コンテンツについて
①コンテンツづくりのアイディア
https://ja.wix.com/blog/2014/07/%E3%83%9B%E3%83%BC%E3%83%A0%E3%83%9A%E3%83%BC%E3%82%B8%E3%82%92%E6%9C%80%E9%81%A9%E5%8C%96%E3%81%99%E3%82%8B%E9%9A%9B%E3%81%AB%E6%9C%80%E3%82%82%E9%87%8D%E8%A6%81%E3%81%AA5%E3%81%A4%E3%81%AE%E3%83%9D/

現状分析
PageSpeed Insights モバイルサイト、PCサイトの診断
https://developers.google.com/speed/pagespeed/insights/

サーバーの応答時間を短縮
CSSを縮小
HTMLを縮小
JavaScriptを縮小
圧縮を有効
画像を最適化
表示可能コンテンツの優先順位を決定
ブラウザのキャッシュを活用
スクロールせずに見えるコンテンツのレンダリングをブロックしている JavaScript/CSS を排除

GTmetrix URLを入力するだけでサイトの読み込み時間を計測し、その評価と問題点を指摘
https://gtmetrix.com/