[フレーム]
はてなブックマークアプリ

サクサク読めて、
アプリ限定の機能も多数!

アプリで開く

気に入った記事をブックマーク

  • 気に入った記事を保存できます
    保存した記事の一覧は、はてなブックマークで確認・編集ができます
  • 記事を読んだ感想やメモを書き残せます
  • 非公開でブックマークすることもできます
適切な情報に変更

エントリーの編集

loading...

エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。

タイトルガイドライン

このページのオーナーなので以下のアクションを実行できます

タイトル、本文などの情報を
再取得することができます
コメントを非表示にできます コメント表示の設定

ブックマークしました

ここにツイート内容が記載されます https://b.hatena.ne.jp/URLはspanで囲んでください

Twitterで共有

ONにすると、次回以降このダイアログを飛ばしてTwitterに遷移します

1109users がブックマーク コメント 41

ガイドラインをご確認の上、良識あるコメントにご協力ください

0 / 0
入力したタグを追加

現在プライベートモードです 設定を変更する

おすすめタグタグについて

よく使うタグ

Webパフォーマンス虎の巻

1109 users qiita.com/usagi-f

ガイドラインをご確認の上、良識あるコメントにご協力ください

0 / 0
入力したタグを追加

現在プライベートモードです 設定を変更する

おすすめタグタグについて

よく使うタグ

はてなブックマーク

はてなブックマークで
関心をシェアしよう

みんなの興味と感想が集まることで
新しい発見や、深堀りがもっと楽しく

ユーザー登録

アカウントをお持ちの方はログインページ

記事へのコメント41

  • 注目コメント
  • 新着コメント
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
おぉ、参考になる

その他
y-say1125
y-say1125 メモメモ

2018年10月26日 リンク

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

その他
fumirin5
Chrome の使い方例

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

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

その他
cartman0
cartman0 計測ツールあるのね

2018年10月26日 リンク

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

その他
psfactory
Webパフォーマンス虎の巻

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

2018年10月25日 リンク

その他
sylvan_l
sylvan_l Webパフォーマンス虎の巻

2018年10月25日 リンク

その他

注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています

リンクを埋め込む

以下のコードをコピーしてサイトに埋め込むことができます

プレビュー
アプリのスクリーンショット
いまの話題をアプリでチェック!
  • バナー広告なし
  • ミュート機能あり
  • ダークモード搭載
アプリをダウンロード

関連記事

usersに達しました!

さんが1番目にブックマークした記事「Webパフォーマンス...」が注目されています。

気持ちをシェアしよう

ツイートする

Webパフォーマンス虎の巻

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

ブックマークしたユーザー

  • zakki_512023年03月20日 zakki_51
  • techtech05212022年10月02日 techtech0521
  • ku-kai272021年05月30日 ku-kai27
  • lunastera2021年05月24日 lunastera
  • bobcoffee2020年12月15日 bobcoffee
  • hbKOT2020年05月06日 hbKOT
  • mkusaka2019年12月31日 mkusaka
  • donotthinkfeel2019年11月24日 donotthinkfeel
  • shifumin2019年11月14日 shifumin
  • myfirm2019年10月02日 myfirm
  • len_prog2019年09月16日 len_prog
  • furoshiki_gumi2019年08月09日 furoshiki_gumi
  • jkr2348fsfsd2019年04月20日 jkr2348fsfsd
  • quodius2019年04月16日 quodius
  • ninomae-makoto-develop2019年04月02日 ninomae-makoto-develop
  • miho-satoh-satomi2019年03月27日 miho-satoh-satomi
  • Hi322019年03月05日 Hi32
  • noguful2019年02月22日 noguful
すべてのユーザーの
詳細を表示します

ブックマークしたすべてのユーザー

同じサイトの新着

同じサイトの新着をもっと読む

いま人気の記事

いま人気の記事をもっと読む

いま人気の記事 - テクノロジー

いま人気の記事 - テクノロジーをもっと読む

新着記事 - テクノロジー

新着記事 - テクノロジーをもっと読む

同時期にブックマークされた記事

いま人気の記事 - 企業メディア

企業メディアをもっと読む

はてなブックマーク

公式Twitter

はてなのサービス

Copyright © 2005-2025 Hatena. All Rights Reserved.
設定を変更しましたx

AltStyle によって変換されたページ (->オリジナル) /