
Cover Image : photo by pakutaso.com
サイト制作に役立つ無料のソフトやサービスをピックアップしてみました。
CSSやJavaScriptを圧縮
CSSやJavascriptファイルを圧縮(minify)すればサイトの表示スピードアップにつながります。
画像を最適化
PNG/jpgなどの画像を最適化してファイル容量を抑えましょう。
オンラインイメージ最適化ツール(JPEG/PNG)
TinyPNG(PNG)
HTMLタグ等の特殊文字をエスケープ処理
HTMLのタグ(<,>)やダブルクォーテーション(")、アンパーサンド(&)をそれぞれ、特殊文字列(<,>,",&)に変換してくれます。
ローカルにサーバーを構築
ちょっと修正するたびにアップロードして確認してまた直して・・・そんなことをしている人はいませんか?
XAMPPというソフトでローカルに開発環境を作るとらくちんです。
参考記事: WordPressの開発環境を構築する方法
htaccessファイルを自動生成
項目を選ぶだけで簡単に.htaccessファイルを生成してくれます。
HTML構文をテスト
HTML構文をチェックして点数や修正が必要な箇所を教えてくれます。
読み込み時間をテスト
サイトの読み込み時間を計測して改善点などを教えてくれます。
構造化データをテスト
microdata、リッチスニペットに問題がないかテストしてくれます。
Google – Structured Data Testing Tool
モバイルフレンドリーをテスト
ページの設計がモバイルフレンドリーであるかどうかをテストしてくれます。
どれも有名なツールやサイトばかりですが、ご存知でなかったものがあれば参考にして頂ければ幸いです。