Webフロントエンドの高速化コンサルと、AIによる画像データ自動軽量化サービスを提供するアイデアマンズ株式会社です。Twitterには思いつきレベルのログを吐きます。
専門用語や独自ルールをユーザーの言葉で定義する添え言葉の事例を、さらに11サイトから集めました。
未圧縮テキストリソース、PC専用画像がモバイルでもダウンロードされる、LCP画像に loading="lazy" が設定されているなどのボトルネックが観測され、これらを解消するシミュレーションではLighthouseスコアが78から最大100まで変化する結果が得られました。Core Web Vitalsの大きな改善が期待できます。
会員登録を強制せずゲスト購入を許可しつつ、登録のメリットをさりげなく伝える。「買えるけど、登録するともっと便利」という絶妙なバランスの添え言葉を5つの事例で紹介します。
パブリックCDNリソースの外部ドメイン配信、モバイルで不要なPC用KV画像のダウンロード、Google Fontsによる多数のWebフォント読み込みなどのボトルネックが観測され、これらを解消するシミュレーションではLighthouseスコアが80から最大100まで変化する結果が得られました。Core Web Vitalsの大きな改善が期待できます。
セオリー通りの対策を全部やってもサイトが速くならないのは、一般論では届かないサイト固有のボトルネックが存在するからだ。パフォーマンスタイムラインを使った外科手術的アプローチで、CSSやJavaScriptの真の問題を特定する方法を解説する。
レビュー0件、在庫なし、空のカート。ECサイトの「空」は離脱ポイントになりがちですが、添え言葉ひとつで参加の招待や次の行動のきっかけに変わります。5つの実例を紹介します。
パスワード要件の先出し、番地なし住所の入力例、メール不達の先回り警告。ユーザーがフォームでつまずく前に一手先を示す添え言葉を5つの実例で紹介します。
Amazonや楽天でも買える時代に、公式サイトで購入するメリットをどう伝えるか。価格・限定性・品質保証の3つの切り口で、ユーザーの「どこで買うか」の迷いを解消する事例を紹介します。
画像最適化は見た目では判断しにくく、「本当にやったの?」という疑念が生まれやすい作業。最適化の証拠をExcelレポートで可視化し、クライアントや上司への説明を数字で裏付ける方法を紹介します。
画像フォーマットが未最適化、テキストリソースのGZIP圧縮が未適用、CSSファイルの分散などのボトルネックが観測され、これらを解消するシミュレーションではLighthouseスコアが70から最大100まで変化する結果が得られました。Core Web Vitalsの大幅な改善が期待できます。
発売日時の明示、ポイントキャンペーンの期限表示など、日時を具体的な数字で示して行動を促す添え言葉の事例を紹介します。
Flat monthly pricing. Full data ownership. No per-request fees. ImageEngine Kube brings WURFL-powered device-aware optimization to your own Kubernetes or Docker environment.
セール終了日時、お試し価格の期限、クーポンの有効期限。「もうすぐ終了」ではなく具体的な日時を示すことで、ユーザーの先延ばしを防ぎ「今」の行動を引き出す添え言葉を紹介します。
Core Web Vitalsなどサイトスピード指標が従う対数正規分布の計算ライブラリ「web-vitals-distribution」をNPMで公開。CrUXの良好・不良割合から分布を推定し、PDF描画・パーセンタイル計算・CDFなどを提供する実用的なユーティリティを解説する。
カルーセル非表示画像の即時読み込み、JPEG画像の未WebP変換、日本語Webフォントの大容量ファイルなどのボトルネックが観測され、これらを解消するシミュレーションではLighthouseスコアが94から最大100まで変化する結果が得られました。Core Web Vitalsの顕著な改善が期待できます。
商品詳細ページで配送日・出荷日を明示するパターンはECサイトで広く採用されています。さらに16サイトの事例を紹介します。
「詳しくはこちら」ではなく「サイズを確認する」。リンク先で何がわかるかを匂わせることでクリックを促す工夫が見られます。3つの通販サイトの事例とマイクロコピーの観点を紹介します。
JPEGのメタデータを無闇に削除するとICCプロファイルや向き情報が失われるが、EXIFサムネイルだけは積極的に削除すべき理由とそのGo言語製OSSツールを紹介。画像軽量化における副作用リスクとサムネイルデータの存在を解説する。
30〜40年前の技術であるJPEG・PNGはすでに限界。WebPやAVIFなら同じ画質でファイルサイズを半分以下にできます。次世代画像フォーマットへの移行が「今すぐ実行すべき標準」である理由を解説します。