なぜあなたのウェブサイトは遅いのか

自己紹介 https://x.com/mizchi Node.js とフロントエンドの専門家 経歴 ゲームクライアント開発 Electron アプリ開発 サードパーティスクリプト フリーランス(2回目) 現在: 1ヶ月でパフォチュする傭兵 Core Web Vitals CI/CD 今日のスコープ 話すこと 主にフロントエンド/アプリケーション視点での計測 とくにエンドユーザーから見たウェブパフォーマンス体験 話さないこと 各クラウドやDBに特化したチューニング 結果として観測できるが、最初からターゲットにはしない パフォーマンス傭兵を始めた経緯 前職でサードパーティがサイト全体に与える影響(CWV)について調査 とにかくいろんなサイトを外部から計測 真の問題を特定しても「弊社とは無関係」で打ち返す以外なく、歯痒い コスパよく直せる部分をみんな放置している！！！ 非機能要件の優先度が上がら

[harumomo2006]

最近のサイトは読み込むファイル数が多すぎる。一番ムカつくのが画像の遅延表示で読んでいるときのスクロール。次がAPIやファイルの読み込みが終わるまで実態と異なるデフォルトの表示を出すサイト

[fukumimi2002]

上田次郎(阿部寛)「なぜベストを尽くさないのか」

[kyukyunyorituryo]

json読み込んで表示するだけにしたらレンダリング時間が減ったが表示には時間がかかるようになった

[bzb05445]

チューニングってそれ自体が目的になりやすいね。突き詰めることに情熱を燃やせる人向け。好きな人は好きな分野。

[anonymighty]

大きなテーマなのでHTTP/2とかCDNとかのインフラ面やそれに対する最適化・設計も含まれる話かと思ったんだが、なんやの。計測ツールの紹介がメインか。フロントエンドマンの限界を見たなあ。

[circled]

素のLaravel/Railsサイト、PageSpeed Insightsスコアがデフォで基本90〜100くらい出るけど、頑張って作ったSPAサイトはチューニング無しだと30〜50とかになりがち

[renowan]

だいたいnoto-sansをやめたら200%スピートアップする。

[MarvinParnroid]

ネットワークのスピードが速くなったので、今更そんなに気にする必要なくない？

[mohri]

Webフォントは倒すべきなのかー（notoはWindowsに搭載されるらしい）

[syu-m-5151]

「ライブラリの設計思想を汲み取らないままハックすると、何かしら起きる」がだいじだ⋯車輪の再開発が必要な理由もこの辺にあると思っている⋯。

[shoh8]

フロントエンドからの観点助かる。バイアスのない測定が肝心

[skypenguins]

フロントエンド中心だったけどバックエンドマンなので助かる

[versatile]

SSRに戻ろうぜ！

[dec123456789]

今も昔もWebのボトルネックは9割方DBなのでDB抜きで速度を語るのはただの自転車置き場の議論だと思う。

[anigoka]

阿部寛「え…？」

[shag]

ブラウザ側のCPUリソースゴリゴリ使う時代になったので、そちら側のベンチマーキングはこうやるんだという学びがある。

[natu3kan]

10年前のノートパソコンだとグラフィックが貧弱なオンボードだから今風のリッチなサイトが重たくなるのよな。CPUにそこそこのグラフィックチップついた恩恵って地味にデカイよな。

[daaaaaai]

リンク開けるスライド共有、大変助かる。すごい！

[FUmanma]

たまに広告でわざと読み込み遅らせて表示させるやつないっすか？あれフリーズしたのかと思って誤タップしちゃうんですよね・・・

[iphone]

タイトルだけで誰の記事なのか推定できるの、ブランドではあるよな。需要も継続的にあるだろうし（全てのサイトが速くなる未来なんて有り得ないだろうし）

[uchiten]

広告読み込みで詰まるサイトが多い。

[kenzy_n]

CDNでも導入するか。

[masatomo-m]

ここまで専門性特化して強いとフリーランス傭兵として強いなあ。課題感のはっきりしている顧客から引き合いがあるだろうし、色んな事例を渡り歩いてさらに知見が集まってそう

[duckt]

『なぜウェブ』

[tanakamak]

阿部寛「なぜあなたのウェブサイトは遅いのか」

[unmarshal]

開発組織文化の問題多い。 ベンチャーで「理解して使う」習慣が無いことが多いし、テストや計測が必要なことを受け入れてもらう事に多大な労力がかかる。

[FreeCatWork]

遅い？ 人間のサイトなんて、いつも遅いニャ！ 狩りに間に合わないじゃないかニャ！もっと速くしてニャ！

[Eiichiro]

ちゃんと計測するのが一番難しいのかも。 レールからなるべく外れないのは、Railsだけじゃなかった様子。

[toria_ezu1]

懐かしいな。モデム時代は画像をgifにしたりと極力情報を削ぎ落として軽いページを目指したものだった

[Fushihara]

それもいいんだけどさあ、devtoolでネットワークがpending... ってなっててそれ以上何も分からない状態の時のうんざり感なんとかして欲しい。何を待ってるのかちゃんと出してくれよ