気に入った記事をブックマーク
- 気に入った記事を保存できます
保存した記事の一覧は、はてなブックマークで確認・編集ができます
- 記事を読んだ感想やメモを書き残せます
- 非公開でブックマークすることもできます
DevTools の使い方を可能な限りスクショ付きで解説してみる
910 users
zenn.dev/mizchi
zenn.dev/mizchi
zenn.dev/mizchi
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
以下の公開計測会でやったものを個別に解説してみる。 細かいテクニックが多いのだが、それを可能な限り... 以下の公開計測会でやったものを個別に解説してみる。 細かいテクニックが多いのだが、それを可能な限りテキストとスクショで解説したい。使い方の解説が中心で、どういう意味があるかは解説しない。 Chrome131時点のスクリーンショットで、後で読む場合は頻繁にUIが変わっている点に注意。大事なのは意図。 宣伝: これを御社のサイトで解説する仕事をやっています。 デモのURL これに意味はなく、今日偶然見ていただけで意図はない。関係ないがエッジランナーズは最高のアニメ。 DevTools を開く F12 or 右クリックから「検証」 DevTools > Lighthouse この状態で計測 このとき、新しいプロファイルを作ったりして、可能な限り Chrome拡張が入ってない状態にすること。Chrome拡張による処理も計測に含まれてしまう。 Lighthouse レポートの読み方 点数部分にマウス
zenn.dev/mizchi
zenn.dev/mizchi
zenn.dev/mizchi
zenn.dev/mizchi
speakerdeck.com/lighttiger2505
anond.hatelabo.jp
kikuchidesu.hatenablog.com
www.nikkansports.com
tech.andpad.co.jp
techfeed.io
www3.nhk.or.jp
tech.speee.jp
forest.watch.impress.co.jp
www.publickey1.jp
gigazine.net
jp.reuters.com
qiita.com/Akio-1978
2024/12/09 リンク