MOBILE WEB FIELD NOTES
作って、測って、画面で比べる。スマホ向けWebサイトの速度と使いやすさを、 独自の検証データで確かめるメディアです。
最初の検証結果を見る一般論を並べるのではなく、比較用ページを制作し、同じ条件で計測した結果を残します。 記事では検証日、使用ツール、画像、コード、判断理由をできる限り明示します。
LATEST TEST
このサイトで実際に使用した画像を、同じ表示寸法に合わせて比較しました。
スマホ向け謎解きページで使った縦長の室内写真を、幅860px・品質78のWebPへ変換。 元画像と変換後の実ファイルを計測したところ、容量は約97.3%減少しました。
計測対象：当サイト内で制作・使用したオリジナル画像。数値はローカルファイルの実容量です。
詳しい検証条件と考察を読む →
WEBP / 57KB 
画像最適化 同じ室内写真を幅860pxで書き出し、品質設定ごとの容量とPSNRを計測しました。
検証結果を読む →
レスポンシブ画像 画像の品質を78に固定し、出力幅だけを変えたときの容量差を実測しました。
検証結果を読む → スマホUI スマホ向けトップページを3種類の画面幅で開き、実際のレイアウト寸法をブラウザから取得しました。
検証結果を読む →RESEARCH AREAS
再現できる小さな実験に分け、条件と結果をひとつずつ公開します。
画像最適化
PNG、WebP、AVIFの変換条件を揃え、実ファイルと拡大画像を残します。
表示速度
計測条件、実行回数、中央値を明記し、都合のよい一回だけを採用しません。
スマホUI
比較ページを実際に制作し、スクリーンショットとコードを公開します。
TEST POLICY
AIは構成整理や文章校正に利用しますが、計測値や比較画像を生成させることはしません。 公開前に人が元データと本文を照合します。
端末幅、画像寸法、品質、計測回数などを先に固定します。
比較ページや素材を作り、結果とスクリーンショットを保存します。
数値と条件を照合し、結果だけでなく限界や注意点も記載します。
ABOUT
スマホ向けのWeb体験を制作する過程で生まれた疑問を、自分たちの手で確かめる独立メディアです。 「速いらしい」「使いやすいらしい」で終わらせず、比較できる形にして記録します。
特定企業や製品から評価の指定を受けず、広告やAIを利用する場合も、検証結果とは分けて明記します。