そこのお前！ 余計なuseMemo1個に含まれるオーバーヘッドは余計なdiv 0.57個分だぜ！ - Qiita
※効果には個人差があります。 useMemoのオーバーヘッドについて ReactのuseMemoは、パフォーマンス最適化に使われるAPIです。コンポーネント内で計算やオブジェクトの生成を行う際に、以前の計算結果をキャッシュして使い回すことで再レンダリング時の計算を削減したり、新しいオブジェクトの生成を防ぐことができます。 useMemoに関しては、あくまで最適化のためのものであるから「無駄に使うべきではない」という言説がよく見られます。その理由は、useMemoのコストもゼロではなく、余計な使用はそれだけパフォーマンスの低下に繋がってしまうからです。 しかし、筆者はuseMemoのコストは微々たるものであり、本当に一目見て明らかに無駄でない限りは積極的に使うべきだと思っています。 そこで、筆者はuseMemoのオーバーヘッドがどれくらいかを調べるためのベンチマークを作成しました。この記事で
CSSの新しいプロパティ「content-visibility」レンダリングのパフォーマンスが向上する
Webページのパフォーマンスを向上させることは、CSSでも可能です。去年の暮れからChromeで利用できるようになったCSSの新しいプロパティで、2021年現在Edge, Operaにもサポートされています。 読み込みパフォーマンスを向上させるために最も効果があるCSSの新しいプロパティcontent-visibilityについて紹介します。 content-visibility: the new CSS property that boosts your rendering performance by Una Kravets, Vladimir Levin 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに content-visibilityのサポート状況 CSS Containmentとは content-visi
CSS アニメーションについて深く知る - Qiita
概要 CSS で実装する要素の移動（アニメーション）に関しての簡単な説明から、パフォーマンスに関連する事象を深掘って説明していきます。この辺りの話はややこしいので、自身でも整理をつけるためにまとめました。 長い記事になりますが、CSS のアニメーション（パフォーマンス関連）を深く理解するための手助けになれば幸いです。 既にご存知の方はどこか間違っている点などあればご指摘宜しくお願いいたします。 要素の移動について 要素を縦横にアニメーションを伴って動かしたい場合 transition を適応させた要素に対して right, left, top, bottom や transform: translate(X,Y) のプロパティーを追加、またはその値を変更することで実現させることができる。 移動には right, left, top, bottom よりも transform: transl
WordPress でも大丈夫！実例で見るウェブパフォーマンス改善
ウェブパフォーマンス、あるいはウェブページの表示速度は、ウェブサイト品質の重要な指標の1つです。今注目されているウェブパフォーマンス改善ですが、そもそも何をすればいいのか、具体例を交えながらその施策を紹介いたします。具体例としては、WordPress を利用したブログの PageSpeed Insights (Lighthouse) のパフォーマンススコアを、30点以下から95点以上に改善した際、実際に行った施策を用います。
午前10時前の就業開始は拷問に等しく、従業員を病気にする（英研究） : カラパイア
英オックスフォード大学の研究者によれば、午前10時前の就業を強制することは拷問に等しく、従業員の体調不良や疲労、あるいはストレスの原因になるそうだ。 55歳以下の成人の概日リズムは、一般的な9〜17時という就業時間とはまるで一致していない。このために、従業員のパフォーマンス、気分、精神衛生に対する「深刻な脅威」となる。 ポール・ケリー博士は、人間の自然な体内時計に合わせて、職場や学校などの開始時間を抜本的に変化させる必要があると主張している。
ブログやサイトのパフォーマンス改善やセキュリティ向上のためによく使う.htaccessの設定のまとめ
ブログやWebサイトのパフォーマンスの改善やSEO、セキュリティの向上に役立つ.htaccessの設定を紹介します。 ドメインをwww有り・無しに統一、新ドメインに引っ越した時のリダイレクト、URLをクリーンなものにしたり、共有サーバーでのPHPのバージョンを指定したりなど、すぐに利用できるものばかりです。 .htaccess Snippets -GitHub 元記事には有用な.htaccessのスニペットがPublic Domainでまとめられおり、それら全部に加えて.htaccessファイルの作成と使い方を加えました。 .htaccessファイルの作成と使い方 リライトとリダイレクトの設定 セキュリティの設定 パフォーマンスの設定 その他のいろいろ有用な設定 .htaccessファイルの作成と使い方 「.htaccess」ファイルを作成することは非常に簡単です。 テキストベースのアプリ
ふなっしー、憧れのオジー・オズボーンと初対面
千葉県船橋市非公認のご当地キャラクター・ふなっしーが、日本テレビ系『行列のできる法律相談所』（毎週日曜 後9:00）で“憧れの存在”である米・ロック歌手のオジー・オズボーンと初対面していることがこのほど、わかった。高いジャンプやヘッドバンギングなどそのパフォーマンスをオジーから影響を受けているというふなっしー。実際に11月にオジーの邸宅のあるロサンゼルスに向かい、2人の夢のコラボレーションも実現させた。 「もし夢が叶うならオジーと共演してみたいなしなぁ～」と願うふなっしーのために、デビュー45年で全世界CD売り上げ１億2000万枚を記録するヘビーメタル界のカリスマ・オジーに、スタッフがダメ元でふなっしーの動画を送ったところ、まさかのオファーを快諾。マドンナやトムクルーズらスーパースターの住む高級住宅街、ビバリーヒルズにある7億円以上といわれるオジーの大豪邸を訪問することに。 憧れの人を前に
Webフロントエンド表示速度、最速化手法まとめ - Qiita
やりすぎても無駄になることがあるので、必要十分なバランスを見極めて実施する。主に社内のプログラマ向けのまとめ資料。他にもあれば追記していく予定。 ページの状態を調べる まず対象のページが、どういった状態なのかを調べる。 Google PageSpeed Insights これを100点満点にする必要はないが、赤くなっている項目に関しては、なるべく対応したほうが良い。モバイルサイトにも対応しているので便利。 https://developers.google.com/speed/pagespeed/insights/?hl=ja pingdom 実際にページにアクセスしてスピードを計測できる。海外サーバなので、けっこう遅い…。最適化前と最適化後で比較するのに使うといい。 http://tools.pingdom.com/fpt/ Chromeデベロッパーツール コンテンツの読み込み順序／速度
Perfume、10年目祝福に号泣「やられた…」
人気テクノポップユニット・Perfumeが21日、東京・代々木第一体育館で全国アリーナツアーの最終公演を行った。2005年9月21日に「リニアモーターガール」でメジャーデビューしてから10年目に突入したこの日、アンコールラストに1万2000人の観客が“人文字”で祝福するサプライズで3人は号泣。とめどなくあふれる涙を何度もぬぐい、あ～ちゃんは「かっこよく帰るつもりでしたが、やられた。でもこのぐだぐだ感が私たちらしいかな」と泣き笑いした。 【写真】その他の写真を見る ツアーのクライマックスとなる代々木4days最終日。アンコール3曲目の「願い」を歌唱後、ステージが暗転した。メンバーにもサプライズでスクリーンに映し出されたVTRが、2005年7月7日に東京・SHIBUYA O-WESTでメジャーデビューを発表した映像からスタート。これまで9年の活動のダイジェストに、メンバーは思わず目頭を押さえた
WordPress を使いこなそう
WP-CLIとWordPress公式ディレクトリを活用した爆速サイト構築術 ーインストールからデザイン、ページ作成までを10分でータカシ キタジマ
ついに出た！Chrome版「Page Speed」の使い方
2011/3/22に、GoogleがようやくGoogle Chrome版「Page Speed」拡張機能を公開しました。 「Page Speed」は、項目をある程度理解できれば自分や自社のサイトの表示速度の改善にとても役立つツールです。 この記事では、「Page Speed」のインストール方法から各調査項目の見方や改善方法を中心に使い方を解説します。 ぜひ、ご自身のサイトの改善に役立てていただければと思います。 そもそも、なぜサイトの表示速度を速くする必要があるのか？ 例えば、Amazonの調査によると「表示速度が0.1秒遅くなると、売上が1％減少する」といい、Googleの調査によると「表示速度が0.5秒遅くなると、検索数が20％減少する」と言われます。 また、GoogleはWebページの読み込み速度をアルゴリズムに取り入れたことを発表しています。 大手サイトや大規模なECサイトに限らず
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
なぜエンジニアはパフォーマンスを計測しないのか