一休.com サイトパフォーマンス改善 - 2023年 夏の振り返り - 一休.com Developers Blog
ヤフー株式会社より出向しております、卯田と申します。 主務で、一休.comおよびYahoo!トラベルのフロントエンド開発を担当しています。 兼務で、ヤフー株式会社の全社横断組織でWebパフォーマンス改善の推進を行っております。 本稿では、直近半年弱(2023年2月〜8月)で、断続的に行っていた一休.comのパフォーマンス改善について振り返ります。 開始が2023年2月となった理由は、Nuxt3バージョンアップ以降にパフォーマンス改善活動に着手したためです。 一休.com/Yahoo!トラベルのNuxt3バージョンアップ詳細については、以下のブログをご覧ください。 user-first.ikyu.co.jp サイトパフォーマンス改善の意義 改善の方針 方針1: Core Web Vitalsを改善する 方針2: 重要課題から優先的に対応する 改善の進め方 可視化 ブラウザサイド サーバーサイ
JavaScriptには、import * as という構文があります。これは、インポート先のモジュールの中身全部をオブジェクト（モジュール名前空間オブジェクト）として取得できる構文です。 import * as mod from "./some-module"; console.log(mod.foo, mod.bar); たまに、「この構文を使うとTree Shakingが効かなくなる」といった説明が見られることがありますが、必ずしもそうではありません。そこで、この記事ではimport * as構文とパフォーマンス最適化に関連する正しい知識と、その背景をご紹介します。 webpackで検証してみよう Tree shakingを行うのはモジュールバンドラであることが知られています。そこで、webpackを使って色々と構文を検証してみましょう。今回は次のような設定を用います。これは最適化を
本連載は分散型マイクロブログ用ソフトウェアMisskeyの開発に関する紹介と、関連するWeb技術について解説を行っています。 ここ最近でMisskeyのユーザー数がさらに急激に増えています。そのため、運営者がより少ないコストでサーバーを維持できるよう、Misskeyのスケーラビリティ改善を急いでいます。 今回は、そういった最近のMisskeyのパフォーマンス改善の取り組みについて、検討中のものも含めて紹介したいと思います。 misskey.ioの登録ユーザー数の推移 Identicon生成の無効化オプション Identiconはユーザーが自身のアイコンを設定していないときに代わりに表示されるアイコンで、これはユーザーごとに異なるようになっています。 仕組みとしては、https://misskey.example.com/identicon/hogeにリクエストされた際に、hoge部分をシー
『ポケットモンスター スカーレット・バイオレット』の“パフォーマンス問題”への指摘が国内外で集まる。野心に伴うカクつきや処理落ち - AUTOMATON
株式会社ポケモンは11月18日、『ポケットモンスター スカーレット・バイオレット』を発売した。さまざまな新要素を取り入れた野心的な新作として堂々の発売を迎える一方で、パフォーマンスに関する賛否が国内外で飛び交っている。 『ポケットモンスター スカーレット・バイオレット』は、『ポケットモンスター』シリーズの最新作。ゲームフリークが開発を手がける。本作の最大の特徴は、オープンワールドを舞台に、境目なくシームレスに広がる街や大自然が楽しめること。広大なフィールドで新たな冒険が繰り広げられる。 オープンワールド化に伴って、進行順の固定化を廃止。決められていない順序でゲームの攻略が可能。そのほか、戦闘フェイズに移らずポケモンと戦うレッツゴーなど、これまでの『ポケモン』シリーズのセオリーを見直した野心的な要素が数々盛り込まれている。そしてその野心の大きさに伴ってか、パフォーマンスが低下するシーンも発生
2020/12/15 @ FE Study #2 パフォーマンスチューニングの話です。
ヤフー株式会社は、2023年10月1日にLINEヤフー株式会社になりました。LINEヤフー株式会社の新しいブログはこちらです。LINEヤフー Tech Blog はじめまして、Yahoo!ショッピングでシステム開発を担当している村上です。 Yahoo!ショッピングでは数億件にのぼる商品が日々更新されています。 今回はそれを支える巨大なDBの運用の中で遭遇したMySQLのアンチパターンと、回避した方法について紹介いたします。 特定のテーブルをJoinするとすごく遅くなる Yahoo!ショッピングでは商品を出品するためのツールがあります。 商品情報には「商品名」「価格」といった、任意で設定可能な項目のほか、「ブランド」「商品種別」など、製品ごとに入力する内容が決まっている項目を、マスター情報としてテーブルで管理しています。 このマスター情報を利用して、出品の際に入力情報が正確であるかどうか確か
初めてのパフォーマンス改善
2023.10.27 Kaigi on Rails 2023 Day1
小さく始めるパフォーマンス改善
はじめに こんにちは！株式会社 COMPASS でエンジニアをしているやじはむです。私はシステム開発部というエンジニアリングの組織に所属をしており、現在はフロントエンドエンジニアとして先生向けのアプリケーション開発を行っています。 今回は、最近の業務の中で小さく始めていたパフォーマンス改善方法について紹介したいと思います。 この記事はこんな方におすすめ Webパフォーマンスの具体的な改善方法を知りたい人 Core Web Vitalsの改善方法を知りたい人 ちょっと良いコードを少ないエネルギーで書きたい人 筆者は最近Web Speed Hackathon 2024に参加したのですが、そこで学んだ知見も踏まえて記事を書きました。 パフォーマンスについて興味がある人もない人もこの記事を見れば、根拠を持って「ちょっと良いコード」を書けるようになるかも知れません。書いてある内容はどれも小さく始めら
2023/08/25のフレッシュメンLT #0で発表した資料になります。 https://connpass.com/event/285559/
「教育の失敗」 「100年前、中国の留学生は近代文明を祖国に持ち帰った。その100年後、同じく中国の留学生は、野蛮と卑劣さを全世界に撒き散らしている。」 「“留学生”集団の罵りを見て、最初はその光景を信じられなかったが、やがて深い悲哀を感じた。こうした挙動は、世界に次のことを示している、つまり我々の教育が失敗し、父母が失敗し、国が失敗したことを。」 香港の「反送中」（「逃亡犯条例」改正案反対）デモへの支援が世界各地に広がる中、これに対抗する中国人留学生らによる活動も8月に入り活発化した。 だが彼らが「F**K YOU！」に近い口汚い罵り言葉を大声で連呼し、その動画が中国国内の微博や微信などソーシャルメディア（SNS）で広がると、そのあまりのひどさにSNSでは上記のように「中国のイメージダウン」だとの批判の声が相次いでいる。 中国人の抗議活動について、ラジオ・フリー・アジア（RFA）は国際社
CEDEC 2023
2024年度「大転職時代」における人的資本経営のトレンドと対策「2番目の報酬」「CQマネジメント」「アルムナイ」「パフォーマンスマネジメント」｜谷本 潤哉 - 株式会社O: CEO
2024年度「大転職時代」における人的資本経営のトレンドと対策「2番目の報酬」「CQマネジメント」「アルムナイ」「パフォーマンスマネジメント」 2024年度は「大転職時代」と称され、企業の人的資本経営における新たなトレンドと対策が必要不可欠となっています。 経済のグローバル化、テクノロジーの進化、労働市場の流動性の増加に伴い、従業員と企業の関係性は一変しました。 この新しい時代に適応するためには、企業は伝統的な経営戦略を見直し、2つめの報酬、CQ（文化的知性）・越境マネジメント、アルムナイ施策、パフォーマンスマネジメントといった分野におけるアプローチを取り入れる必要があるのではと考えてご紹介します。 人的資本経営のトレンドを深掘りし、企業が直面する課題に対して実践的な対策を提示しますが、組織の持続可能な成長と従業員の満足度向上を目指す企業にとって、これらのトピックは避けて通れない重要事項と
はじめまして、サーバサイドエンジニアの立木です。 特定業種向けポータルサイトやスマートフォンゲーム開発などを経て、昨年3月に入社し、現在はANDPADの開発に従事しています。 アンドパッドでは、技術顧問をして頂いてる三谷(mita2)さんによる、データベースに関する勉強会が定期的に行われております。 tech.andpad.co.jp 先日もデータベースの観点から、Webアプリケーションのパフォーマンスをいかにして監視し、改善していくかという勉強会を開催していただきました。 今回はその勉強会について気になったポイントをまとめてみたいと思います。 当日の資料 概要 ANDPADの現状について分析 Datadogによる分析手法 よくある改善パターン 質疑応答 ANDPADの現状について分析 Webサイトのパフォーマンスは大事当たり前ですが、Webサイトにとってパフォーマンスはとても重要です。
2019年7月17日、kafka.apache.jpが主催するイベント「Apache Kafka Meetup Japan #7」がLINE株式会社にて開催されました。分散ストリーミングプラットフォーム「Apache Kafka」に関するナレッジや最新情報を共有する本イベント。今回は4人のエンジニアが、自身や自社における知見を語りました。プレゼンテーション「Kafka Broker performance degradation by mysterious JVM pause」に登壇したのは、LINE株式会社の河村勇人氏。ある日Kafkaに起こった突然のパフォーマンス低下とその原因について、解決までの軌跡を語りました。講演資料はこちら Apache Kafkaのパフォーマンス低下とその原因 河村勇人氏：よろしくお願いします。最初に自己紹介をします。河村勇人といいます。 LINEで全社向けの
PostgreSQL: 「OR」を避けてパフォーマンスを向上させよう（翻訳）｜TechRacho by BPS株式会社
概要 原著者の許諾を得て翻訳・公開いたします。 英語記事: avoid OR for better PostgreSQL query performance - Cybertec 原文公開日: 2018/05/07 著者: Laurenz Albe サイト: CYBERTEC -- データサイエンス分野でのPostgreSQLサポートやコンサルティングを行っている企業です ※挿絵は原著者自らによるものです。 生きるべきか『OR』死すべきか、それが問題だ」 「帰れ！」「非効率！」「同義反復！」 © Laurenz Albe 2018PostgreSQLクエリのチューニングは私たちCybertecの日常的な業務ですが、チューニング中にクエリにORを1つでも見つけた瞬間、恐ろしさに身の毛もよだつ思いがします。たいていの場合、ORはクエリのパフォーマンス低下の原因となるからです。 言うまでもないこ
なぜそこまでしてリニアを妨害するのか…川勝知事が｢命の水を守る｣とトンデモな訴えを続ける本当の理由 パフォーマンスだけでは政治は動かない
静岡県がリニア中央新幹線の着工をあの手この手で妨害している。ジャーナリストの小林一哉さんは「川勝平太知事は政治家として『水面下での駆け引き』ができない。そのため、JR東海のあらゆる提案も拒否するしかない」という――。 リニア問題をとにかく複雑にさせたい川勝知事 静岡県の「水」を巻き込んだリニア議論は、県民ですら理解できないほどこじれにこじれてしまった。 現在は、JR東海が提案した「田代ダム案」（後述）に言い掛かりをつけてストップさせつつ、JR東海が山梨県内で進めようとしているボーリング調査を「山梨県内で出る地下水は静岡県の水だ」と主張して中止させようとしている。 この2つの問題を都合よく絡ませたい静岡県は、「山梨県の調査ボーリング」を田代ダム案とセットにすることまで画策した。 川勝平太知事は「（田代ダム案に待ったを掛けているにもかかわらず）田代ダム案が正式に決まるまでは、山梨県の調査ボーリ
『サイバーパンク2077』PS4/Xbox One版のパフォーマンス問題についてCD PROJEKT REDが謝罪。希望者には返金対応 - AUTOMATON
『サイバーパンク2077』は、メディアやプレイヤーから高い評価を得ている一方で、バグの多さが指摘されている。また、コンソール版のパフォーマンスについても厳しい意見が見られる。コンソール版のユーザースコアは、著しく低くなっている。本作の発売前にCD PROJEKT REDは、PC版に加えPS5/Xbox Series X上で動作するコンソール版のプレイ映像を公開していたが、初代PS4および初代Xbox Oneにおけるゲームプレイを見せないまま発売したことで、パフォーマンス面での事前知識なしに購入させてしまったとコメント。家庭用ゲーム機でのパフォーマンスについて、もっと注意を払うべきだったとして謝罪している。 現在同社は、本作を修正・改善するパッチ開発に取り組んでおり、第1弾（1.04）は12月12日から13日にかけて各プラットフォーム向けに配信済み。第2弾も今後7日以内に配信する予定で、その
理由 びっくりした。対話シェルで実行してパフォーマンス測定すると何故かめちゃくちゃ時間がかかる。これではデータにならない。 追記 よくよく考えたらパフォーマンス測定だけの問題ではなく実際に遅くなるのだから、対話シェルから「このようなコード」を実行してはいけないということを意味しています。「このようなコード」がどのようなコードなのか発生条件はまだ特定できていませんが、少なくともシェルスクリプトにしていれば問題は発生しません。また bash 以外のシェルでも問題は発生しません。 検証結果が気になった方は、ぜひ試してみて、この話を広めてください。 証拠 実行環境: Ubuntu 22.04.3 LTS、bash 5.1.16
開発パフォーマンス指標とバリューストリームマップでチーム改善をする - $shibayu36->blog;
以前Pull Requestから社内全チームの開発パフォーマンス指標を可視化し、開発チーム改善に活かそう - Hatena Developer Blogの記事で、開発パフォーマンスを可視化する話を書いた。その後、バリューストリームマップを作り開発フローの課題を洗い出して、チームの改善を行い、そして開発パフォーマンス指標で効果を検証する取り組みを行ったので、その経験についてブログに書いておく。 前回の記事のサマリー バリューストリームマップを作り、開発フローの課題を発見する バリューストリームマップとは何か チームのバリューストリームマップを作る バリューストリームマップから課題を見つける 見つかった課題を解決する 開発パフォーマンスの指標で改善結果を振り返る まとめ：データを根拠にチーム改善するという進歩 参考 前回の記事のサマリー 前回の記事を前提として書くため、簡単にサマリーすると 開
はじめに 本記事は dely Advent Calendar 2019 の15日目の記事です。 昨日は開発部サーバサイドエンジニアの高橋くんが「Rails6の複数データベースの仕組みと実装時にハマったところ」という記事を書きましたので是非読んでみてください。 tech.dely.jp こんにちは！dely開発部SREの井上です。 本記事ではWEBサイトのパフォーマンスを定期的に計測する仕組みについて紹介をしたいと思います。 実は去年のAdvent Calendarでも同じような記事を書いたのですが、時代背景に沿って計測するツールをsitespeed.ioからLighthouseに変更したので理由も含めて紹介させてください。 基盤の構築においては下記のサービスやツールを利用しています。 AWS CodeBuild S3 Athena Terraform Lighthouse 前置きはいいから
吉川美代子氏、共産党の旧統一教会追及は「パフォーマンス」 拡大 元ＴＢＳアナウンサーの吉川美代子氏が２２日、日本テレビ系「情報ライブ ミヤネ屋」に出演し、世界平和統一家庭連合（旧統一教会）に対する共産党の追及内容を「パフォーマンスっぽい」と指摘した。 安倍晋三元首相を銃撃し殺害した山上徹也容疑者の母親が宗教団体「世界平和統一家庭連合（旧統一教会）」信者で、多額の献金を繰り返していたことが事件のきっかけとなったとみられている。安倍氏の事件で旧統一教会が注目を集める中、政治家と教会との関係も取りざたされている。 ２２日には末松信介文部科学相が会見で、旧統一教会や関連団体との関係について「パーティー券購入の事実がある」と明らかにした。吉川氏は「熱烈な信者がいる宗教団体はそれだけ、ガチッと組織票で選挙の時に応援してくれるっていうのがあって、なかなか一切の宗教団体との関係を断つということはすごく難し
はじめまして、新卒フロントエンドエンジニアのぺいです。 JX通信社でフロントエンドの開発はReactが主流になっており、React Hooksを使った開発が欠かせません。hooksは便利な反面、適材適所使い所を理解していないと逆にパフォーマンスが悪くなってしまう場合があります。そこで今回は普段フロントエンドを書かない人も勉強会に参加するのを考慮し簡単な改善から応用としてReactで書かれたFASTALERT *1の改善まで行ってもらいました。 前提条件 勉強会の内容 再レンダリングされているコンポーネントを見つける なぜ再レンダリングされてしまうのか 改善方法 コンポーネントのメモ化 関数のメモ化 最終的な変更箇所 毎回コンポーネントや関数をメモ化すべきなのか コストの高い計算 無駄なレンダリング カスタムhooks 最後に 参考 前提条件 react 17.0.1 勉強会の内容 最終的な
こんにちは。ブランドソリューション開発本部フロントエンド部の御立田です。フロントエンド部の部長とWEAR Androidのブロック長を兼任しており、普段は部署全体の管理・リスクマネジメントや、Android開発における設計などを行っております。 本記事では、運用改善によるチームパフォーマンス向上のための取り組みについてご紹介します。なお、フロントエンド部WEAR Androidブロックで実施した内容となっており、一部アプリ開発向けの施策ですのであらかじめご了承ください。 目次 目次 はじめに 生産性に対する課題感 改善結果 サイクルタイム平均値 スタッツ 数値分析 問題点の推測 問題点の認識 対応策 レビュー環境への対応策 レビュー会の開催 PR単位でビルドの共有 巨大なPRへの対応策 サブタスクで粒度を下げる 常にアップデートすることへの対応策 開発者リソースの再配分 PRテンプレートを
米メリーランド州のウォルター・リード米軍医療センターの前で、車内から支持者らに手を振るドナルド・トランプ大統領（2020年10月4日撮影）。(c)ALEX EDELMAN / AFP 【10月5日 AFP】（更新）新型コロナウイルス感染のため入院治療中のドナルド・トランプ（Donald Trump）米大統領が車で外出し、車内から支持者に手を振ってあいさつしたのは米政府の定めた感染予防規定に違反しているとして、医療関係者から怒りの声が上がっている。 首都ワシントン近郊のウォルター・リード米軍医療センター（Walter Reed National Military Medical Center）に入院中のトランプ氏は4日、マスク姿で防弾仕様の車に乗って短時間外出し、病院の外に集まった支持者らを驚かせた。週末に医師団が発表した病状をめぐる情報が錯綜（さくそう）していたことから、回復ぶりをアピール
LINE株式会社は、2023年10月1日にLINEヤフー株式会社になりました。LINEヤフー株式会社の新しいブログはこちらです。 LINEヤフー Tech Blog こんにちは、LINEの京都開発室でフロントエンド開発を担当している柴坂浩行です。 みなさんは仕事中などにパソコンで音楽を聴くことはありますか？ LINE MUSIC にはスマホアプリだけではなくWeb版アプリがあります。 私たちが開発しているWeb版アプリでは、JSフレームワークとして Vue.js を使用しています。 https://music.line.me/webapp/ これまでこのWeb版アプリには Vue2 が使われてきましたが、 2022年6月、私たちは Vue3 にアップグレードしたバージョンをリリースしました。 私たちのチームではWeb版アプリの機能開発と平行して、パフォーマンスの改善にも取り組んでいます。パ
こんにちは。株式会社スタメンでFANTSのフロントエンドを担当している@0906kokiです。 今回の記事では、皆さんおなじみの Chrome Devtools にある Performance タブで、フロントエンドのパフォーマンスを計測する方法について書きたいと思います。 はじめに フロントエンドのパフォーマンス・チューニングと言うとバックエンドと比べて後回しになりがちですが、フロントエンドにアプリケーションの複雑性が寄ってきている現在、フロントエンドがボトルネックでレスポンスのレイテンシーが発生することは往々にしてあると思います。 バックエンドではユーザー数の増加や大量の同時接続に耐えられる負荷対策やパフォーマンス・チューニングが中心となりますが、フロントエンドではプロジェクトサイズの増加による JavaScript ファイルのダウンロードやスクリプティング、レンダリング速度の低下等が
こんにちは。4月にヘンリーに入社したSWE / アーキテクト / SETのsumirenです。 弊社ではレセコン一体型クラウド電子カルテの Henry を開発・提供しています。 今回、HenryのフロントエンドをReact + ViteからNext.jsに書き換えました。 この記事では、最初にNext.jsへの切り替えによってもたらされたユーザー体験の向上について説明します。次に、このユーザー体験の向上がどうして生じたのか、その背後にある技術的な要素をエンジニア向けに詳細に解説します。最後に、フロントエンドアーキテクチャに対する我々の長期的なビジョンについて述べます。 対象読者 Next.js導入によるユーザー体験向上 デモ 定量的なパフォーマンス比較 ユーザー体験がどう向上したか FCP高速化の技術的な仕組み Next.jsとViteの基本的なアーキテクチャの違い 補足：工夫しているポイ
【翻訳】あなたの（多分）まだ知らない iOS パフォーマンスアドバイス（元アップルエンジニアから） - Qiita
本記事はこの記事の日本語訳です。翻訳許可をいただいております。 以下翻訳： もし Cocoa 開発やソフトウェアビジネスのブートストラップについての最新の記事を常にキャッチアップしたいなら、ぜひ Twitter で私をフォローするかメールリストを購読してください。 開発者として、パフォーマンスの良さは我々のユーザにワクワクと嬉しさを与えるのに評価しきれないほど貴重なものです。iOS ユーザの目は非常に高く、そのためもしあなたのアプリが動作がモサモサしたり、すぐにメモリプレッシャーでクラッシュしたりすると、彼らはあなたのアプリを削除するか、最悪悪いレビューまで残してしまうでしょう。 私はアップルに 6 年間を在籍し、その歳月を Cocoa フレームワークやファーストパーティーのアプリに費やしてきましいた。私が手掛けたものには Spotlight、iCloud、app extensions、そ
Next.js は、ページ単位でデータ取得・レンダリング手法を選べる事が利点です。そして、ページ単位でチャンクファイルが生成されるため、パフォーマンスに貢献します。 これはあるページに来訪した際、必要最低限のファイルロードで済むということです。ファイルロードの時間は、ユーザーが操作開始できるまでの時間（TTI）に繋がります。Next.js でコーディングしていれば意識せずとも、ファイル分割の最適化は適用されます。 これだけでも SPA 構築に Next.js を選ぶ理由になりますが、ファイル分割は実装次第で、良くも悪くもなることを紹介していきます。 First Load JS shared by all _appは、どのページにアクセス・ナビゲーションしても、必ず通過します。そのため、_appに関連するファイルは 「First Load JS shared by all」 として、全てのペ
saebou on Twitter: "これ、あまりにも著名な教員は試験官にすべきじゃないよね。試験のパフォーマンスになんらかの影響が出そうだから。テレビで番組持ってるとかノーベル賞とったような人が試験官だったら試験受ける人もびっくりするでしょう。 https://t.co/oz4QtvINo1"
これ、あまりにも著名な教員は試験官にすべきじゃないよね。試験のパフォーマンスになんらかの影響が出そうだから。テレビで番組持ってるとかノーベル賞とったような人が試験官だったら試験受ける人もびっくりするでしょう。 https://t.co/oz4QtvINo1
ワークフロー実行基盤をFargateからEC2へ変更したらコストもパフォーマンスも改善できて幸せになった話 - ZOZO TECH BLOG
はじめに こんにちは、ブランドソリューション開発本部バックエンド部SREブロックの小林（@mirai_kobaaaaaa）です。普段はWEARやFAANSというサービスのSREとして開発、運用に携わっています。 WEARではAmazon Elastic Kubernetes Service（以下、EKSと呼ぶ）を用いて複数システムのインフラ基盤を構築・運用しています。その中の1つとして、ワークフロー処理の実行基盤が存在しています。 本記事では、そのワークフロー実行基盤が抱えていた課題と、それらをどのように解決したのかを紹介します。また、付随して得られたメリットについても紹介いたします。 目次 はじめに 目次 WEARにおけるワークフロー ワークフロー処理内容 ワークフロー実行基盤の構成 ワークフロー実行基盤の課題 コスト内訳の調査 過剰なPodスペック Fargate実行時間の増大 ワーク
How Teams Can Skip the Drama and Embrace Healthy Conflict 成功したチームは、生産性の低いチームより「ミスが多い」 心理的安全性の生みの親が気づいた、高パフォーマンスチームの真実 世界的なイノベーション＆クリエイティブの祭典として知られる「SXSW（サウス・バイ・サウスウエスト）」。2024年も各界のクリエイターやリーダー、専門家らが多数登壇し、最先端のテクノロジーやプロダクト、トレンドについて講演を行いました。本記事では、作家でハーバード・ビジネス・レビュー編集者のエイミー・ギャロ氏のセッションの模様をお届けします。心理的安全性の3つの柱や、メンバーが失敗を報告した時の返し方などを語りました。 前回の記事はこちら 職場におけるゴシップの良い面 エイミー・ギャロ：健全な対立を増やすための戦術の3つ目は、ルールを設定することです。私たち
React Hooksの正式リリース（2019年2月）からそろそろ一年が経とうとしています。Hooksの登場によってReactのコンポーネントは関数コンポーネントが一気に主流になり、クラスコンポーネントが新規に作られる機会は激減しました。 また、React 17.x系ではConcurrent Modeの導入とともにさらに2種類の新フックが追加される見込みであり、いよいよ関数コンポーネントの能力がクラスコンポーネントを真に上回る時代が来ることになります。 この記事では、フックの一種であるuseReducerに焦点を当てて、どのようなときにuseReducerが適しているのかを説明します。究極的には、useReducerによって達成できるパフォーマンス改善があり、ときにはそれがコンポーネント設計にまで影響を与えることを指摘します。 useStateの影に隠れたり、なぜかReduxと比較されたり
web vitailsはchrome extentionを使って簡単に計測できます。 広告への影響 ・リスティング広告の表示順位、ROIに影響する(出典) －Googleのメディアには、「広告と速度は密接に関連しており、ランディングページが高速であるほど、ROIが向上します」と記載がある ・chrome83から重たいディスプレイ広告をブロックする(出典) －デバイスのリソースを過度に消費する広告は、バッテリーの消耗や帯域幅の許容量の消費など、UXに悪影響を及ぼします。そのため、いずれかを満たす広告はブロックされます。 －メインスレッドを合計60秒以上使用する －メインスレッドを30秒のウィンドウで15秒以上使用する －4メガバイト以上のネットワーク帯域幅を使用 このように、パフォーマンスが重要視される中で、SUUMOがどのように継続的なパフォーマンス維持・改善活動を行なっているのか紹介して
最近 React のパフォーマンスチューニング、特に再レンダリング抑制について調べたのでそのまとめです。 特に昔からおまじないとして書いていたことを、「なんであの書き方していたんだっけ」というのを調べてまとめました。 古いものを調べたのは、今あるチューニング方法とその当時の解決方法を比較したかったからです。 再レンダリングとはなにか 公式に説明があったのでそのまま引用します。（https://ja.reactjs.org/docs/optimizing-performance.html#avoid-reconciliation） React では、コンポーネントの props や state が変更された場合、React は新しく返された要素と以前にレンダーされたものとを比較することで、実際の DOM の更新が必要かを判断します。それらが等しくない場合、React は DOM を更新します
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
import * as 構文とパフォーマンス最適化 - Qiita
Misskeyのパフォーマンス改善の取り組み・2023年7月 | gihyo.jp
メタ・パフォーマンスチューニング
MySQLの物理削除によるパフォーマンスの悪化とその回避策について
無料ペイントソフト「Krita 5.0」、史上「最大かつもっとも重要な」アップデート／リソースの管理を一新して安定性とパフォーマンスを向上
アプリケーションパフォーマンスの計測と改善の方法を勉強している話
品格を疑う…中国人留学生の「反香港・愛国」パフォーマンスが激化中（古畑 康雄） @gendai_biz
CEDEC 2023 モダンハイパフォーマンスC# 2023 Edition
「iOS 16.4.1」バッテリー消費悪化したままに、iPhone 12は過去最悪に次ぐパフォーマンスで修正時期も見通し立たず | Buzzap！
Webアプリケーションのパフォーマンス勉強会を開催しました！ - ANDPAD Tech Blog
Apache Kafkaで発生した原因不明のパフォーマンス低下と、それを解決するためにやったこと
【西川和久の不定期コラム】 M1版Mac mini購入記。驚愕のパフォーマンスと、CrossOver 20で秀丸の動作も確認
【衝撃の罠】bashスクリプトのパフォーマンス測定は、対話シェルでやっても無意味だ！ - Qiita
10分で完成！WEBサイトパフォーマンス計測基盤 ver.2019 - dely Tech Blog
吉川美代子氏、共産党の旧統一教会追及は「パフォーマンス」/デイリースポーツ online
Reactのパフォーマンス改善を勉強会で開催しました - JX通信社エンジニアブログ
高機能でスタイリッシュなファイラー「Files」が「Windows App SDK」移行でOS標準の「エクスプローラー」に対抗／パフォーマンスアップを図った「Files 2.4」プレビューを公開
運用改善によるチームパフォーマンス向上のための取り組み - ZOZO TECH BLOG
感染予防規定を無視、トランプ氏の外出「パフォーマンス」に医療関係者ら怒り
LINE MUSIC のパフォーマンスを向上させた Vue3 マイグレーション
Chrome Devtools による フロントエンドパフォーマンスの計測
フロントエンドをViteからNext.jsに書き換えた話 〜パフォーマンス編〜 - 株式会社ヘンリー エンジニアブログ
Microsoft純正のシステム最適化アプリが日本語に対応、「PC Manager」v3.1／ワンボタンでメモリの開放と一時ファイルの削除を行ってシステムパフォーマンスを改善
パフォーマンス観点でみる Next.js の getLayout
成功したチームは、生産性の低いチームより「ミスが多い」 心理的安全性の生みの親が気づいた、高パフォーマンスチームの真実
useReducerの本質：良いパフォーマンスのためのロジックとコンポーネント設計 - Qiita
SUUMOにおける継続的なパフォーマンス改善の取り組み | Recruit Tech Blog
Reactのパフォーマンスチューニングの歴史をまとめてみた