Webパフォーマンス虎の巻

Webパフォーマンス向上施策のために、今更ながら超速本1を読んだので、今までの自分の知見と合わせてまとめてみます。 なるべく柔らかく、**改善施策ってまず何をどうすればいいの？**という疑問を持った人に向けて書いています。 ▪️格言 そもそもWebは速い。遅くしているのは我々です。大抵は技術の問題ではなくて、人の問題。 引用元： テクニックではなく、今、本気で取り組むべきWebパフォーマンス （html5jパフォーマンス部 部長 竹洞さん） 心得 パフォーマンス向上に対する施策は大別すると以下の２通り 軽量化 （単純にやりとりするデータ容量を小さくすること） 圧縮 削除 最適化 （その時に最も適している実装・実行をとること） 経路・順番の変更 非同期 もっとも遅くしている原因を探して、それを対策するのが原則。「対効果」が絶対的正義である。手段から入るのは愚策。まず先に原因を知ることが重要。

[Falky]

『PageSpeed InsightsはCLIで実行できるnpmパッケージがあるので、自動化処理に組み込んで定期集計することも容易』おっと、これは知らんかった。//広告タグを高速化する画期的方法を編み出さない限り、多くの商用Webは遅い。

[ryunosinfx]

ふう、俺の知識が間違っていなかったので答え合わせでセフセフ。でもね、現実にはそこまで求められてなくてちょっと残念な現場もおおいでよ。金主が速度を理解できない本邦のweb開発的な。

[KOBIT_official]

oO(“もっとも遅くしている原因を探して、それを対策するのが原則。「対効果」が絶対的正義である。手段から入るのは愚策。まず先に原因を知ることが重要。”)

[cabbage_kobe]

“そもそもWebは速い。遅くしているのは我々です。大抵は技術の問題ではなくて、人の問題。”

[y-say1125]

メモメモ

[cartman0]

計測ツールあるのね

[braitom]

Webのパフォーマンス向上のためのポイントのまとめ。計測方法から軽量化、キャッシュ、圧縮、レンダリング周りなどの確認項目がまとめられている。

[mohno]

「もっとも遅くしている原因を探して、それを対策するのが原則」「パフォーマンス向上したいのに計測にお金をかけないのは、本心は向上しなくてもいいと思っている」←コレ。遅いところを速くするから速くなる。

[yarumato]

“パフォーマンス向上施策は2つ：1)軽量化（データ容量小さく→圧縮・削除）　2)最適化（状況に応じた実装・実行→経路か順番の変更・非同期）　遅くする原因を探してから対策するのが原則。どこが遅いかまず計測”

[sylvan_l]

Webパフォーマンス虎の巻

[ku-kai27]

速さが自分にとって重要になるので

[miho-satoh-satomi]

web パフォーマンス 虎の巻 読んでおく 超速本

[tmatsuu]

よいですね

[s_hiiragi]

“パフォーマンス向上したいのに計測にお金をかけないのは、本心は向上しなくてもいいと思っている（！）。”

[littlepad]

[

[idr_zz]

デベロッパーツール の「ネットワーク」の見方。大変勉強になる！！ Webパフォーマンス虎の巻 - Qiita

[mitswku]

“IntersectionObserver”

[aquila2005]

高速表示の方法あれこれ

[ryo_n574]

いいね

[hinashiki]

割と網羅されている気がする

[jojo800]

金言っぽさある "パフォーマンス向上したいのに計測にお金をかけないのは、本心は向上しなくてもいいと思っている"

[ko-ya-ma]

虎の巻だった

[n314]

知ってる人が漏れを探す用かな

[danhox]

高速化

[hirose504]

“PageSpeed InsightsはCLIで実行できるnpmパッケージがあるので、自動化処理に組み込んで定期集計することも容易です。 https://www.npmjs.com/package/psi”

[kei_0000]

よくまとまってる感じで助かります。後で読む

[t-murachi]

「一度に大量のデータをまとめて取得すると、リクエスト回数は最小限ですが、その後のスクリプト処理・レンダリング処理においてメモリリークを招く原因にもなりかねない」<ここがちょっとよくわからない(´・ω・`)

[taruhachi]

フロント側の話。いつか使うと思う。

[progrhyme]

主にフロントエンドから見たツール、サービス、技術仕様あれこれ

[taisa831]

おぉ、参考になる

[RabbitBit]

本格的なWebパフォーマンス改善活動の経験がない身からすると、各種スペックに対しての計測と対策をここまで行うのかという驚きがある。

[fumirin5]

Chrome の使い方例

[yamadar]

ざっと見た感じ最新の内容で纏まっていて良さげ

[yodelx]

最初に計測から原因ボトルネックを探していくのが一番大切ですよね。フロント側の話多いけど大体おっけい。

[Wacky]

“もっとも遅くしている原因を探して、それを対策するのが原則。「対効果」が絶対的正義である。手段から入るのは愚策。まず先に原因を知ることが重要。”

[psfactory]

Webパフォーマンス虎の巻