フロントエンドのパフォーマンスチューニングを俯瞰する - 30歳からのプログラミング
去年からフロントエンドのパフォーマンスについて断続的に学んでいるが、自分の頭のなかにある知識はどれも断片的で、まとまりを欠いているような感覚があった。 知識と知識がつながっておらず、各施策が何のために行われるのかも、必ずしも自明ではなかった。何となく「パフォーマンスに効果がある」と言ってしまうが、それが何を指しているのかは実は曖昧だった。 このような状態では新しい知識を得ていくのが難しいというか、効率的に行えないように思えた。議論の背景が分からないし、文脈や問題意識を上手く掴めないから。何の話をしているのかよく分からない、という状態になりがち。書かれてあることの意味は分かっても論旨を掴めているわけではないから、自分のなかに定着しない。 そこで、現時点で自分が知っていることを整理して、自分なりに分類しておくことにした。 当たり前だが、どのテクニックがどの程度有効なのかは、状況によって違う。
お前らのReactは遅い - Qiita
煽りタイトルですみません。 最近、Reactのプロジェクトのページを動かしていて、 もっさりしてる（レンダリングの負荷が高いな）と思ったので どうやったら無駄なレンダリングを減らせるか思考錯誤したことをまとめました。 preactとか別ライブラリの話はしません。 よかったらこちらもどうぞ ReactJSで作る今時のSPA入門（基本編） 2019年07月06日追記： ブラウザのレンダリングの仕組みに関して良記事があったので先に一読しておくことをおすすめします。 良記事１：実際のところ「ブラウザを立ち上げてページが表示されるまで」には何が起きるのか 良記事２：ブラウザレンダリング入門〜知ることで見える世界〜 １ピクセルがブラウザに表示されるまで：Life of a Pixel 2018 この記事に関してはReactのDOMツリー（レイアウト）レンダリングに関する最適化戦略です。 2020年02
Macの動作が重いときの原因と対処法10選 | ライフハッカー［日本版］
Your Mac doesn't need a lot of maintenance since Apple strives to make macOS as reliable and user-friendly as possible. Still, every now and then, you might want to treat your Mac to a tune-up to make it run faster and smoother than it did before. This could include clearing out old files, repairing problems with your storage disk, or disabling CPU-intensive animations. If you aren't sure how to t
0から始めるNode.jsパフォーマンスチューニング
近年の Node.js は API のサーバとしてはもちろん、Nuxt.js や Next.js といった SSR や BFF などフロントエンドのためのバックエンド言語としての人気が高まっています。 フロントエンドエンジニアがコンテキストスイッチ少なくバックエンドの整備ができることは非常に大きな利点です。 ですが、フロントエンド（ブラウザ側）とバックエンド（サーバ側）ではパフォーマンスチューニングで見るべき点が大きく違います。 しかし Node.js アプリケーションのパフォーマンスイシューの見つけ方などがまとまっている資料は少ないです。 そこで、本記事ではフロントエンドエンジニアが Node.js でパフォーマンスイシューを見つけ、改善するため自分が普段パフォーマンスチューニングを依頼されているときにみている基礎的なポイトをまとめていきます。 1. 計測ステップlink Node.js
自分自身のパフォーマンスをチューニングするプラクティス - 下町柚子黄昏記 by @yuzutas0
某所のビブリオバトル（書評合戦）にて「いかに自分自身のパフォーマンスをチューニングするか」という話をしました。 スライド 社内ISUCONに参加する前にチューニングすべきもの 概要 『メンタル・タフネス』という書籍の紹介になります。 成功と幸せのための4つのエネルギー管理術―メンタル・タフネス 作者: ジムレーヤー,トニーシュワルツ,青島淑子出版社/メーカー: CCCメディアハウス発売日: 2004/10/22メディア: 単行本購入: 8人 クリック: 60回この商品を含むブログ (28件) を見る 著者は元々アスリートトレーナーで 高い成果をあげるアスリートとそうでないアスリートの違いを分析した アスリートの成功パターンはビジネスパーソンにも当てはまることが分かった ビジネスパーソン向けのトレーニングメニューを構築・運用してきた これらの活動で得た知見を書籍にまとめたとのことです。 いわ
adding-interactivity-with-javascript?hl=ja
JavaScript によるインタラクティビティの追加 コレクションでコンテンツを整理 必要に応じて、コンテンツの保存と分類を行います。 JavaScript を使用すると、コンテンツ、スタイル、ユーザー操作に対するレスポンスなど、ページ上のほぼすべての要素を変更できます。ただし、JavaScript では DOM 構築がブロックされ、ページのレンダリングが遅れることもあります。最適なパフォーマンスを実現するには、JavaScript を非同期にして、クリティカル レンダリング パスから不要な JavaScript を削除します。 まとめ JavaScript では、DOM と CSSOM に対するクエリの実行と変更が可能です。 JavaScript の実行が CSSOM をブロックします。 JavaScript は、非同期として明示的に宣言されていない限り、DOM 構築をブロックします。
OTN Japan マニュアル
お探しのものを見つけるために、以下の項目を試してみてください。 キーワード検索のスペルを確認してください。 入力したキーワードの同義語を使用してください。たとえば、「ソフトウェア」の代わりに「アプリケーション」を試してみてください。 新しい検索を開始してください。
コミュ力もリーダーシップもいらない。元Google社員が語る、本当に“優秀な人材“とは （ハフポスト日本版） - Yahoo!ニュース
――大きい会社だと、社交的でリーダーシップを取れる人もいれば、あまり人と接したくない内向的な人もいる。Googleで社員たちは、どのようにパフォーマンスを発揮していますか。 それぞれが、自分に適した仕事でパフォーマンスを発揮できるようにしています。もちろん営業や外部と接する仕事であれば、社交性が仕事のパフォーマンスにもつながっている。コミュニケーションがきちんととれることは大事だと考えています。 コミュニケーションがとれれば、情報やデータ、人脈など自分の仕事を実行するためのリソースを集められる。これは非常に大事です。社外との関係は会社としても重視しています。 一方で、エンジニアやプログラマーは、画面に向かって長い時間集中する場面が多い。非常にシャイな人もいるし、社交的でない人もいるが、パフォーマンスを発揮できています。 ――内向的でも外交的でも、それぞれ適した仕事でパフォーマンスを発揮する
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ウェブパフォーマンスの基礎とこれから