サイトスピード改善— sitespeed

「サイトスピード改善」カテゴリの研究メモ一覧です。

27本
71全件

サイトスピード改善

— 27 entries
  • —「画像を軽くして」と言われたときの定量的な基準02.25Web制作の現場で「画像を軽くして」と言われることはよくある。一枚一枚人間の目で品質やパラメータを調整すれば軽くすることは可能だが、現在のWeb制作でそこまで手間をかけるのはほぼ不可能だ。…
  • —サイトスピードとCVRの関係を数式で記述する - 指数減衰モデル02.10「読み込みが1秒速くなるとCVRが○%上がる」——サイトスピードとコンバージョンレート（CVR）の関係について、これまで耳にしてきたのはこうした断片的なフレーズばかりだった。しかし、両者の関係をもっと全体的に、 シンプルな数式で記述 できないだろうか。…
  • —アニメーションを抑制したWebスクリーンショットを撮るCLIツール static-webshot02.04Webページのビジュアルリグレッションテストを行う際、最大の敵はアニメーションだ。カルーセルスライダー、CSSアニメーション、フェードイン効果...これらの動的要素があると、撮影のたびにスクリーンショットが異なり、まともなピクセル比較ができない。…
  • —サイトスピードとテレビの視聴率の不思議な関係01.30サイトスピードが上がると収益が上がる。テレビの番組が面白いと視聴率が上がる。どちらも当たり前のように語られている。しかし、よく考えてみてほしい。サイトの表示が速くなったからといって、ユーザーの購買意欲が増すわけではない。テレビの面白い瞬間を視聴者が事前に知ることもできない。それなのに、なぜ「上昇方向」の因果関係が成り立…
  • —Webページのほぼ完全なコピー環境を作る http-playback-proxy01.26Webページの表示スピード改善は、やはり実際に変更して計測してみないと効果は見えにくいものだ。そのため、できれば本番環境には手を加えず、どこを変えたらどうなるかを何度も繰り返しシミュレーションしたい。そのための技術として「http-playback-proxy」をオープンソースで公開している。…
  • —通販サイトのスピードを遅くする悪魔のA/Bテスト - CVRに19倍の差01.21実際の通販サイトにおいて一部のユーザーの体験を わざと遅くする 禁断のA/Bテストを実施した。遅い体験を強いられたユーザーの行動にどんな違いが現れたか、衝撃的な結果を報告する。
  • —ページ読み込みプロセスを動画化するCLIツール「Loadshow」をGo言語でリニューアル12.27PageSpeed InsightsやLighthouseでWebサイトの表示スピードを計測すると、スコアやLCP、Speed Indexなどの専門的な指標が数値で示される。しかし正直なところ、数値だけを見て「このサイトは速い」「遅い」と直感的に判断できる人がどれだけいるだろうか。…
  • —サイトスピードと収益性の定量的な関係 - 最小LCPによる新モデル12.15弊社ではサイトスピードと通販サイトの収益性の関係を定量的にモデル化することに多大な情熱を注いでいる。その成果を反映したアクセス解析ツールが Speed is Money だ。…
  • —「表示が遅いユーザーを救うな」収益増のためのサイト高速化の新常識06.26📢 モデルの改訂について 本記事で使用している予測モデルには、 選択バイアスによる歪み が含まれると判明した。平均LCPが良好でも離脱したユーザーを「冷やかし層」として分析対象から排除した結果、残った「気まぐれ層」において高速体験ができたユーザーのパフォーマンスを過大評価してしまっていた。…
  • —アイデアマンズのミッションは「Webフィットネス」04.30弊社アイデアマンズ株式会社のミッションについて少し言語化をしたい。 いくつかの事業を手掛けているが、共通するのは技術的な工夫で「Webにおけるムダを減らしたい」という思いである。
  • —高速な通販サイトのための設計と実装03.17体感スピードの速い通販サイトを実現するにはどうすべきか、これまでの経験をもとに設計と実装のプラクティスを紹介する。 この記事は、新たに立ち上げるサイトや大幅なリニューアルを行うことを前提としている。既存サイトの手直しにはあまり実践的な内容ではないので、あらかじめ注意されたい。…
  • —WebP変換の適切なタイミングについて02.14Web 画像データを WebP や AVIF などの次世代画像フォーマットにすると、同じ画質でもそのデータ量を大幅に削減できる。AWS などの海外クラウドサービスではデータ送信料金を削減でき、ユーザーの通信負担も軽くなる。その効果は小さくない。…
  • —スピード指標の確率分布ユーティリティをNPMで公開12.31Core Web Vitals をはじめとする多くサイトスピード指標は対数正規分布に基づくとされている。 その計算についてこれまでプロジェクトに応じて実装していたが、共通して利用できるユーティリティライブラリを公開した。 web-vitals-distribution - npm…
  • —サイトスピード指標の対数正規分布を確かめる12.29Core Web Vitals をはじめとするサイトスピード指標の多くは、 対数正規分布 に基づくとされている。 実際に Google はその前提に基づき PageSpeed Insights のスコアを設計しており、弊社も「そのようなものだ」としてデータを扱っている。…
  • —Core Web Vitalsの改善は本当に進んでいるか11.28Core Web Vitalsが検索順位に影響すると言われて数年が経った。SEOに関わらず、サイトスピードに関心のあるサイトは少なくないだろう。 そこで日本の主要なECサイト100サイトについて、Core Web Vitalsが改善の方向に向かっているのか調査してみた。…
  • —Core Web Vitalsの超実践的な改善術 - 総集編11.23このブログでは最近、Core Web VitalsやPageSpeed Insightsに関する記事を続けて書いた。 きっかけは 2024年11月23日のMTDDC Meetup TOKYO 2024にて登壇させていただくこと になり、これまでの集大成を語りたく「これで完璧！超実践的Core Web…
  • —Core Web Vitalsの実践的な改善術 - INP編11.21INP(Interaction to Next Paint) は、2023年4月に FID(First Input Delay) と置き換わる形でCore Web Vitalsに昇格した指標だ。 Interaction to Next Paint（INP） | Articles | web.dev…
  • —Core Web Vitalsの改善術 - サードパーティタグ編11.20Core Web Vitals改善術の一環としてサードパーティタグの扱いについて解説する。 サードパーティタグがCore Web Vitalsに影響するというのは奇異に聞こえるかもしれないが、実は大いに関係がある。 サードパーティタグはGoogle Tag ManagerやGoogle…
  • —Core Web Vitalsの実践的な改善術 - LCP編11.17Core Web Vitalsのひとつ、LCP(Largest Contentful Paint)の改善手法について解説する。 同じCore Web VitalsのCLS(Cumulative Layout Shift)は丁寧にコーディングを行えば改善できるが、それに比べてLCPの改善は難しい。…
  • —INPの収集および改善提案サービスを開始11.14Core Web Vitalsの中で INP(Interaction to Next Paint) は、 実際のユーザーがWebページを操作して初めて計測される指標 だ。 そのため指標が悪い原因を正確に特定するのが難しい。…
  • —Core Web Vitalsの実践的な改善術 - CLS編11.09Core Web Vitalsのひとつ、CLS(Cumulative Layout Shift)の改善方法について解説する。 Cumulative Layout Shift（CLS） | Articles | web.dev…
  • —PageSpeed Insightsの正しい読み方・活かし方11.08PageSpeed InsightsはWebページのスピードを評価する際に便利なツールではあるが、非常にミスリードを起こしやすい。 目立つのはパフォーマンススコアと指摘事項の数々だが、弊社がフロントエンドのスピード改善を提案する上でそれらを見ることはほとんどない。…
  • —サイトスピードと収益性を高い解像度で理解する10.26サイトスピードが遅いとサイトの収益性が悪化し、逆に早ければ儲かる。それはよく知られている。しかし なぜそうなるのか説明 するには、少し高い解像度で理解していないと難しい。 サイトスピードが早くなると収益が上がると言うが、その財源は一体どこにあるのか？ 誰がどう払ってくれるものなのか。 単純化すると、…
  • —要約「サイトスピードと幸福の心理学」09.25以前こちらの記事「サイトスピードと幸福の心理学」の要約をXに載せた。サイトスピードに関する心理学的エピソード集で大変面白かった。 SpeedCurve | The psychology of site speed and human happiness 「サイトの速度と人間の幸福の心理学」 The…
  • —Appleサイトはサードパーティタグを使っていない09.16いろいろなサイトのフロントエンドを観察していて面白いことに気づいた。 Appleの公式サイトではいわゆるサードパーティタグが使われていない のだ。 広告の計測系はもちろん、Google Analyticsのようなアクセス解析すらない。 まるで古の個人サイトのような作りに驚いた。
  • —ページの読み込みを動画化するOSSツールを公開09.08Webページの読み込み過程を動画化し、比較できるツールをオープンソースで公開した。
  • —サイトスピードの最も重要な指標とは？07.11この記事では、 サイトスピードに関する指標のうち、どの指標が売上に最も影響するか？ という疑問に対する事例とアクセス解析の過程を解説する。 サイトスピードを改善したいが どの指標にフォーカスして良いか迷っている方 や、 サイトスピード改善の費用対効果に不安のある方 にぜひお読みいただきたい。