最適化ツール
Google製のSquooshが提供するエンコーダーを使用し、任意の画像を複数まとめて一括圧縮できるオープンソースのWebアプリ・「Squash」
任意のWebサイトのスピードテストを行い、問題点をビジュアル等で細かく教えてくれる・「DebugBear Website Speed Test」
任意のWebサイトで画像が最適化されているかを調べるCloudflare製のチェックツール・「Image Optimization Test」
任意のWebサイトのCore Web Vitalsをチェックし、評価する超軽量なパフォーマンスチェックWebアプリ・「Core Web Vitals Checker」
任意のWebサイトのCSSを解析して詳細なデータを提供してくれるWebアプリ・「ANALYZE CSS」
Core Web Vitals改善の為のWebサイトパフォーマンス測定ツール・「SpeedVitals」
SVGやJPG等の画像の最適化、JSON/JS/TS/CSSなどのフォーマット、カラーコード変換などフロントエンド開発をサポートするツールをページ移動せずに使えるWebアプリ・「Frontend Toolkit」
分散型のプライベートストレージを備えた、ブラウザで動作する画像圧縮ツール・「Compress.Studio」
指定したWebページ内にあるリンクやボタン等のデフォルト時、ホバー時、フォーカス時のアクセシビリティチェックをしてくれる・「Button Contrast Checker」
任意のロゴのデザインをチェックできる・「Logo Lab」
Webサイトのパフォーマンス向上に役立ちそうなツールや情報をまとめている・「Progressive Tooling」
Webサイトのアクセシビリティチェックに使えるカラーコントラストチェッカー・「Color Contrast Checker」
PNGファイルを軽量化する・「UPNG」
HTMLやCSS、JavaScriptのコードを綺麗に整形してくれる・「DirtyMarkup」
JSONデータのバリデーションやコンバート、整形等が出来る・「JSON Formatter」
WCAG 2.0やSection508を基準に任意のWebサイトのアクセシビリティチェックをしてくれる・「Tenon.io」
Webのフォームをチェック、評価してくれるフォーム最適化ツール・「FormLinter」
各画像フォーマットをjpegにコンバートすると同時に軽量化もしてくれる・「Jpeg.io」
色覚障害の方に対応したWeb制作の為のChromeエクステンション・「ChromeLens」
Webページのパフォーマンスチェックの結果をヒートマップで表示するブックマークレット・「Perfmap」