これで十分、Webページの表示速度をチェックする定番サービス2つ！

Webページの表示速度をチェックできるサービスとして定番となっているのが、Googleの「PageSpeed Insights」と「GTmetrix」の2つです。

PageSpeed Insightsは、日本語で修正するべきポイントを指摘してくれるので分かりやすく、GTmetrixの方は、ページ表示のボトルネックとなっている部分がグラフで分かりやすく表示されます。

[色] カラーパターンのサンプルを見て、配色の参考にできる「Color Hunt」

ブログやWebの配色、ロゴの配色など漠然としている状態に参考になりそうな色見本サービス「Color Hunt」。いくつものカラーパターンと、実際にそれを使用したロゴやグラフなどのサンプル画像が表示されるので、想像力が働きます。

ブログやWebサイトの表示が遅くなったり読み込みが複数回行われるといった不審点があった際に、チェックできるオンラインツールをまとめました。

これらの他にも様々ありますが、日本語化されている点と使い易さを考慮すると、これだけでも十分事足ります。

Webページにマルウェアが埋め込まれていないか、危険なリンクが貼られていないかをチェックできる。

「Dimensions」は、Webページの画像やレイアウトのサイズを測ることができるChrome拡張機能です。

画像のサイズやレイアウトのサイズ、ボタンやアイコンのサイズなどをソースを見ずに知る事ができるので、Webデザインの調節を行うときにかなり便利。サイズを%やem指定で行っている時でも、実際のpixelで測れるので、人によっては、必須のツールといってもいいかもしれません。

「CSS Dig」は、Webサイトに使用されているCSSの属性を分析して、一覧表にしてくれるChrome拡張です。属性別に羅列されるので、サイトの手直しなどにちょっと便利かも。

例えば、widthの部分からレイアウトのサイズ調節など。

Source: CSS Dig