任意のURLを入力するだけでCSSを解析し、品質をチェックしてくれるオープンソースのWebアプリ・「CSS Code Quality」 CSS Code Quality CSS Code Qualityは任意のURLを入力するだけでCSSを解析し、品質をチェックしてくれるオープンソースのWebアプリです。JavaScriptで書かれています。 解析したいCSSを...2022.11.26 | 9時55分40秒
シンプルでプライバシーにも配慮したcloudflare代替・「Yakucap」 Yakucap Yakucapはシンプルでプライバシーにも配慮したcloudflare代替です。同じようにDDoS緩和を提供し、サイバー攻撃から保護するもので基本的に無料で利用可能となっています。 同じならcloudflareで...2022.08.29 | 10時07分01秒
任意のWebサイトで画像が最適化されているかを調べるCloudflare製のチェックツール・「Image Optimization Test」 Image Optimization Test Image Optimization Testは任意のWebサイトで画像が最適化されているかを調べるチェックツールです。 CDNでお馴染みのCloudflare製となっており、チェ...2021.11.01 | 10時04分49秒
Core Web Vitals改善の為のWebサイトパフォーマンス測定ツール・「SpeedVitals」 SpeedVitals SpeedVitalsはCore Web Vitals改善の為のWebサイトパフォーマンス測定ツールです。 GoogleのPageSpeed Insightsと同様にWebサイトのURLを入力すると、その...2021.09.16 | 10時06分52秒
PNGファイルを軽量化する・「UPNG」 UPNG UPNGはPNGファイルを軽量化するためのツールです。アップロードすると即軽量化してくれる高速さが特徴で、軽量化後のクオリティも設定できます。画質のクオリティを下げれば(劣化させれば)より軽量化できます。プレビューも出してく...2017.12.09 | 11時30分40秒
各画像フォーマットをjpegにコンバートすると同時に軽量化もしてくれる・「Jpeg.io」 Jpeg.io Jpeg.ioはgifやpng、svg、psdなどのフォーマットのファイルをアップロードするだけでjpegに変換し、ついでに画像の軽量化(最適化)も行うWebサービスです。軽量化の際の劣化は自分の見た限りでは確認出来ま...2016.10.21 | 10時36分48秒
Webページのパフォーマンスチェックの結果をヒートマップで表示するブックマークレット・「Perfmap」 Perfmap PerfmapはWebページのパフォーマンスチェックの結果をヒートマップで表示してくれるブックマークレットです。リソースが表示されるタイミングをResource Timing APIでチェック、それぞれに表示されるまで...2016.08.10 | 9時29分53秒
自動でアクセシビリティのチェックを行うオープンソースツール・「pa11y」 pa11y pa11yは自動で任意のWebサイトのアクセシビリティチェックを行ってくれるツールです。OSSとして公開されています。監視したいWebサイトを設定すると毎日チェック、スコアを出してレポートを作成してくれます。30日間のレポ...2016.01.23 | 11時14分32秒
任意の2つのWebサイトのパフォーマンスチェックと、その結果の比較が出来る・「dareboost」 dareboost dareboostは2つのWebサイトの表示速度等のパフォーマンスをチェックし、結果を比較、ダウンロード出来るWebサービスです。1つのWebサイトでも勿論可能ですが、比較出来るのは珍しいかも。提出してくれる結果内...2015.09.17 | 9時41分54秒
ブラウザ上でSVGを軽量化出来るOSS・「SVGOMG」 SVGOMG SVGOMGはSVGを軽量化するNode.jsベースのツール、SVGO用のWeb GUIです。OSSとしてGithubにてソースコードが公開されています。ファイルを読み込むか、コードをペーストすれば軽量化してくれます。上...2015.01.28 | 11時00分26秒
Webサイトのパフォーマンス向上に役立ちそうなリソース集・「Performance tooling today」 Performance tooling today Performance tooling todayはWebサイトのパフォーマンスを向上させるためのリソース集です。リソースの追跡・共有が可能となっています。リソースは種類でソートする...2014.09.22 | 11時59分12秒
Maxthonから派生した高速Webブラウザ・「MxNitro」 MxNitro MxNitroはMaxthonから派生した高速Webブラウザです。世界最速の起動スピード、高速ページローディングを謳っています。必要な機能を維持したまま、極限まで余分と思われる機能をそぎ落とし、インターフェースもシンプ...2014.09.20 | 11時07分16秒
アニメーションGifに関する様々なツールを提供する・「Ezgif.com」 Ezgif.com Ezgif.comはアニメーションGifに関する様々なツールを公開しているWebサービスです。アニメーションを維持したままファイルサイズを圧縮したりエフェクトをかけたり切り取ったり、サイズを縮小したりといった事が可...2014.08.26 | 12時20分29秒
JPGを圧縮出来るmozilla製のmozjpegを試せる・「mozjpeg encoder」 mozjpeg encoder mozjpeg encoderはMozillaが公開したJPGエンコーダーのmozjpegを試すことが出来るツールです。品質を設定してD&Dすればいいだけ。画像は10分後にサーバーから自動で削除されるそ...2014.08.23 | 16時02分57秒
GIFアニメーションをHTML5にコンバートする・「gfycat」 gfycat gfycatはGIFをアップロードし、HTML5のVideo要素として動かせるようにするサービスです。ホスティングも可能で、iframeで他サイトに張ることも出来るようになっています。また、元のGIF画像とのサイズの比較...2013.12.29 | 11時25分44秒
JSONやHTML、CSSなど様々なコードの整形ツールをまとめた・「Code Beautify」 Code Beautify Code Beautifyは様々なコードの整形を行えるツールをまとめたWebサイトです。コードごとに整形ツールは分けられています。対応コードはHTML、CSS、JSON、XML、JavaScript、RSS...2013.10.31 | 10時01分23秒
軽量なJavaScriptライブラリをコレクションした・「microjs」 microjs microjsは軽量なJSライブラリだけをコレクションしているWebサイトです。5KB以内のスクリプトだけを纏めているようですね。簡単に特徴も書かれています。かなりの数ですが検索も出来るのでそこそこ探しやすのでは無いか...2013.06.10 | 13時28分31秒
画像をドラッグ&ドロップでアップロードし、DataスキームURIに変換する・「Duri.me」 Duri.me Duri.meは画像をD&Dでアップロードし、DataURIに変換するジェネレーターです。作成後はCSS、imgタグ等をコピーできます。 Duri.me2013.03.10 | 11時04分21秒
Webサイトの表示速度を計測できる・「Pingdom」 Pingdom Pingdomは、公開されているWebサイトの表示速度を計測し、速度を遅くしている要因を教えてくれるツール。URLを入力するだけで計測してくれます。 Pingdom2013.02.23 | 12時02分42秒
オンラインでCSSやJavaScriptを圧縮・「Online YUI Compressor」 Online YUI Compressor Online YUI CompressorはYUIのオンライン版でCSSやJavaScriptを圧縮するツールです。公開しているファイルにも対応できます。 Online YUI Com...2013.02.21 | 21時33分17秒
画像をDataURIスキームに変換する・「Data URI Generator」 Data URI Generator Data URI Generatorは画像をアップロードすると、同じ画像をDataURI形式で出してくれるジェネレーターです。尚、画像の大きさには制限があります。 Data URI Gene...2013.02.21 | 20時15分58秒
JPGをオンライン上で圧縮、最適化する「JPEGmini」 JPEGmini JPEGminiはjpg画像を劣化させずにサイズのみ縮小してくれるツール。圧縮後と圧縮前のファイルサイズの比較も出来る様になっています。 JPEGmini2013.02.21 | 17時53分09秒