継続的なパフォーマンス改善のプロセスを紹介します #LayerXテックアドカレ - LayerX エンジニアブログ
こんにちは、バクラクの請求書受取・仕訳チームでソフトウェアエンジニアをしている id:wataru_lx です。 年末は毎年そばを打っており、今年は十割そばに挑戦します！成功したことはありません。 この記事はLayerXテックアドカレ（概念）の48日目の記事です。昨日は@coco_tyw さんの「VeeValidate v4 の破壊的変更を互換コンポーネントで乗り切った話」をお届けしました。明日は id:sadayoshi_tada さんが担当します。 ありがたいことに、利用されるお客様やシステムで処理する請求書の数も日々増加しており、それに伴いパフォーマンスに関するお問い合わせも増えています。これを受け、私たちはパフォーマンス改善をOKRに掲げ、具体的な取り組みを進めてきました。 パフォーマンス改善は終わりがない旅のようでまだ始まったばかりですが、今回はその改善プロセスついて紹介します。
KARTE 管理画面のパフォーマンスの監視をするにあたって考えたことや Datadog の活用のポイント、改善で取り組んだことについて紹介します。
目指せISUCON!!社内WEBパフォーマンス改善ハンズオンのすすめ - RAKUS Developers Blog | ラクス エンジニアブログ
こんにちは、あるいはこんばんは。だいたいサーバサイドのエンジニアの(@taclose)です☆ みなさん、この本を読んだ事ありますか？？ 達人が教えるWebパフォーマンスチューニング 〜ISUCONから学ぶ高速化の実践 ISUCONをテーマとしながらWebパフォーマンスの改善の進め方を解説した本で、改善するなら一度は読む事をお勧めします！ とはいっても、いざWebパフォーマンス改善をしようと思っても中々糸口が掴めなくて難しいんですよね！ 数学でいうなら、練習問題は見たけど、いざ演習やると解法がわからないっていう感じでしょうか（汗 そこで、TDDハンズオンに引き続き、弊社ではWebパフォーマンス改善ハンズオンを実施しました！ 今回はそんなハンズオン開催を行った際のスライド資料や結果、考察をまとめて公開しようと思います。 対象読者は以下を想定 WEBパフォーマンス改善のハンズオンをわが社でも開催
この記事はNikkei Advent Calendar 2020 19 日目の記事です。 日経電子版ウェブチームの伊藤です。 この記事では CSS Containment の紹介と電子版での利用例について書きます。 CSS Containment とは 概要 CSS Containment は DOM のレンダリングを開発者側で調整できるようにするパフォーマンス系のプロパティです。 web サイトが効率的にレンダリングされるようユーザーエージェントに伝えることができます。 次のような値を取ります。 contain: none | strict | content | [ size || layout || paint ] プリミティブな値として size, layout, paint があり、strict と content はこれらを複合した値のエイリアスで、それぞれ size layo
.NET Conf / .NET ラボ 2024/12/21 での発表資料 関連資料 C# 13 / .NET 9 の新機能 (RC 1 …
はじめに OpenTelemetryのトレーシングには色々な情報が付与されるため、パフォーマンスやエラーの調査に利用することが出来ます。 この記事ではOpenTelemetryを使った調査方法について紹介します。 ※コードのサンプルにGoを使用していますが、Go以外の言語でも変わりません。 TraceとSpan はじめにOpenTelemetryのトレーシングについて。 トレーシングは主にSpanとTraceで出来ています。 Spanはプログラムが実行した処理を表すデータ構造で、開始時間やAttribute(任意のキーバリュー)を持っています。 また、TraceはSpanをノードとした木構造です。 Traceを可視化すると上図のようになり、線一本ずつがSpanです。 ただし、Traceはどこかで一括管理されているものでもなければ、実体があるわけでもありません。 トレーシングとしてプログラム
ts-morphのパフォーマンス改善 | ドクセル
Frontend engineer @lapras_inc / TypeScript / Vue.js / Firebase / 元消防士
地道だけど重要な「Webパフォーマンス改善」をいかに進めるか？ ヤフーとリクルートにおける社内横断的な改善の取り組み 企業の「Webパフォーマンス」に対する意識が、ここ数年の間に大きく変わりつつあります。特にGoogleが、検索ランキングの指標となる「Core Web Vitals」を発表し、その構成要素のひとつに「Webパフォーマンス」を挙げたことから、UX向上の観点だけでなく「検索順位の向上」というビジネス的な観点からも、優先度の高い課題と認識されるようになっています。今回、プロダクト横断でWebパフォーマンスの改善に取り組んできた、ヤフー 浜田真成さん、リクルート 古川陽介さんの2人に、その意義や活動の効果的な進め方について語っていただきました。 全社的に「Webパフォーマンス改善」に取り組む2人のエンジニア 浜田：ヤフーの浜田です。2015年の入社で、動画配信サービスの「GYAO!
Flex Slotsを用いたBigQueryのコストパフォーマンス改善と運用 - ZOZO TECH BLOG
こんにちは、SRE部の谷口（case-k）です。私たちのチームではデータ基盤の開発や運用をしています。1年ほど前からBigQueryのコストパフォーマンス改善を目的にFlex Slotsを導入しています。 本記事ではFlex Slotsの導入効果や運用における注意点、ワークフロー設計についてご紹介します。BigQueryのコストやパフォーマンスで課題を抱えているチームや管理業務を行っている方の参考になれば幸いです。 BigQuery Reservationsとは コミットメント 予約 割り当て なぜFlex Slotsを使う必要があるのか Flex Slotsを用いたコストパフォーマンス改善設計 管理プロジェクトの作成 月次コミットメントの活用 Flex Slotsの活用とワークフロー設計 ワークフロー タスク 「コミットメントの購入」タスク 「コミットメントの削除」タスク 「予約」タスク
砂漠オープンワールドADV『Sable』開発者、パフォーマンス改善パッチを配信しないと表明。1年以上取り組んだものの断念、新作開発もあり手が回らない - AUTOMATON
デベロッパーのShedworksが手がけたオープンワールドアドベンチャーゲーム『Sable』。本作については、パフォーマンス面での問題が一部プレイヤーから報告されているが、開発者がパッチ配信での修正をおこなわないと発言し注目を集めている。海外メディアPlayStation Lifestyleなどが報じている。 『Sable』は、広大な砂漠の世界を舞台にするオープンワールドアドベンチャーゲームだ。主人公のセーブルは、一族の通過儀礼として旅に出ることとなり、ホバーバイクに乗って宇宙船の残骸や古代の遺物が眠る各地を巡る。旅先ではほかの遊牧民などに出会うことがあり、クエストをもらって探索やパズル要素などをこなし、そして報酬を得ては、さらに厳しい土地への道を切り開いていくこととなる。 本作は2021年9月にPC/Xbox One/Xbox Series X|S向けに発売され、2022年11月にPS5
RN Features 2020年3月号 - React Native v0.62 注目機能Flipper, Re-architecture, Discord のパフォーマンス改善 - KitchHike Tech Blog
はじめに キッチハイクのエンジニアメンバーでReact Native の気になるニュースを持ち寄ってみました！ はじめに ガワネイティブアプリ(Creator)を、React Nativeで置き換えてみての一年間戦いの記録 - BASE開発チームブログ Flutter vs Native vs React-Native: Examining performance Discord のパフォーマンス改善 Flipper で React Native アプリの DX を改善しよう Flipper の主な機能の紹介 React Nativeの Re-architectureについて ロードマップ さいごに We're Hiring ガワネイティブアプリ(Creator)を、React Nativeで置き換えてみての一年間戦いの記録 - BASE開発チームブログ https://devblog.t
Spring BootによるAPIバックエンド構築実践ガイド 第2版 何千人もの開発者が、InfoQのミニブック「Practical Guide to Building an API Back End with Spring Boot」から、Spring Bootを使ったREST API構築の基礎を学んだ。この本では、出版時に新しくリリースされたバージョンである Spring Boot 2 を使用している。しかし、Spring Boot3が最近リリースされ、重要な変...
こちらは読み込み時のProfileです。 読み込み時には、リストの生成が起こります。 赤枠で囲っている部分がTruncatedTextの処理にかかっていたものです。 この処理が無くなったため、読み込みやタブの切り替え時のリスト生成が速くなりました。 タブの切り替えの修正 このポートフォリオページは、タブの切り替え時に毎回リストを描画しています。 リストの描画は１回で済むはずなので、この修正をします。 リストの再描画の防止 このページの描画では、表示中でないタブは、Loading画面を表示するようにしていました。 この影響で、１度表示したタブであっても、タブを切り替えると描画した要素がunmountされるようになっていました。これを、表示中でないタブも表示するように修正しました。 この修正によって、リスト上にあるswitcherによるタブの切り替えではリストの再描画がなくなりました。 しかし
この記事の概要 こんにちは。PharmaX でエンジニアをしている諸岡（@hakoten）です。 この記事では、薬局DX事業部のバックエンドで採用しているRuby on Railsのアプリケーションについて、Rubyバージョンを3.3にアップグレードし、YJITを有効化した結果、どのようにパフォーマンスが向上したかをご紹介します。 現在のRuby on Railsのバージョンは、「7.1.3」になります。 YJITについての簡単な説明 YJITとは、CRuby内部に組み込まれた軽量のJIT機能で、遅延コード生成を行い、必要なメソッドを部分的にコンパイルすることで高速化を図る仕組みです。 (処理系は詳しくないため、ざっくりになってしまいすみません。。) Ruby 3系列の主要な機能の一つであり、3.1で導入され、3.2で正式にサポートされ、3.3においてさらに安定化が行われています。 詳しい
BigQuery スロット需給バランスの改善 〜クエリのパフォーマンス改善の事例から〜｜Mercari Analytics Blog
メルカリ Analytics Infra チームの na0 です。この記事では、メルカリにおける BigQuery クエリの改善によるスロット需給バランスの改善について紹介します。 2023-03-30 には、新料金体系 BigQuery Editions も発表されています。こちらには、読み取りデータ量課金（オンデマンド モデル）の値上げも含まれており、スロット量課金（BigQuery Editions）との損益分岐点の変化から、クエリのパフォーマンスについて意識する組織は増えていくことでしょう。 今回紹介するクエリの改善は、データ利用者が意識することで、メリットとなる施策です。この記事をきっかけに、BigQuery 利用者がパフォーマンスを意識してクエリを書くことや、必要に応じて詳しい人に相談できるようになることを期待しています。 「クエリが遅い！」問題メルカリ社内の BigQuery
React 18の非同期機能とパフォーマンス改善について 7月19日、React 18はパフォーマンス改善機能を発表しました。 この記事では、React 18の非同期機能がアプリケーションのパフォーマンスに与える影響と改善点 React 18の非同期機能とパフォーマンス改善について この記事では、React 18の非同期機能がアプリケーションのパフォーマンスに与える影響と改善点について説明します。 メインスレッドと長時間タスク メインスレッドは、さまざまなタスクを処理する責任があります。 しかし、長時間タスクは他の処理をブロックすることがあり、パフォーマンスに悪影響を与えることがあります。 従来のReactのレンダリング 従来の同期レンダリングでは、すべての要素に同じ優先度が与えられます。 しかし、React 18では非同期レンダリングが導入され、優先度の低いコンポーネントのレンダリングを
はじめに パフォーマンス改善についての参考文献 実機計測 フィーチャーフラグ 計測・プロファイリング 効果見積 効果計測 おわりに はじめに こんにちは、クラスター株式会社のソフトウェアエンジニアのsotanです。今回はUnityクライアントのパフォーマンス改善の取り組みについて紹介します。ユーザーの皆さまに快適な体験を提供できるように、新機能の開発や既存機能の拡張・修正と並行して、パフォーマンス改善に取り組んでいます。具体的な改善点や改善方法を全て紹介することはできないのですが、どのような雰囲気で進めているのかを知ってもらえればと思います。 パフォーマンス改善についての参考文献 Unityアプリケーションのパフォーマンス改善に必要となる基礎知識やノウハウについては、 【Unite 2017 Tokyo】最適化をする前に覚えておきたい技術（docswell, YouTube） Unityパ
はじめに こんにちは。ソウゾウのSoftware Engineerの @fuku です。 「メルカリShops [フライング] アドベントカレンダー2022」の6日目を担当します。 現在私はメルカリShopsにおける表示速度関連のパフォーマンス改善に取り組んでおり、インフラ、バックエンド、フロントエンドや計測方法構築など多岐に渡る領域に対してアプローチする事になりました。本記事ではメルカリShopsに対して行ったパフォーマンス改善の内容と、その結果について紹介します。 記事のポイント この記事を読む上で重視して頂きたい点は以下の通りです。 表示速度などユーザー体験に関するサービス運用の変化にも注意を向けることが最初の一歩 計測グラフを用意するなど可視化する事が必要 可視化したらチームにも共有し改善案を一緒に検討しよう 速度面のパフォーマンス改善には複数のアーキテクチャ領域を俯瞰しつつ総合的
これはUbuntuのデスクトップチームのDaniel Van Vugtが投稿した「GNOME Shell Performance Improvements in Ubuntu 20.04」を許可をもらって日本語に翻訳したものです。 記事にもあるように18.04からは大きく改善しています。19.04と19.10の同様の記事と合わせて読むと、さらに良いかもしれません。 Ubuntu 20.04 LTSのリリースでは、GNOME Shell 3.36とともにさまざまな領域でのパフォーマンスの改善が行われています。この記事では、Canonicalが貢献した改善点を紹介しましょう。 Ubuntuユーザーの多くは、LTSリリースのみを利用しており、18.04からアップグレードすることになるでしょう。その場合、19.04やとくに19.10で行われたパフォーマンスの改善によって大きく変わっていることに気づ
プロファイラを使ってRubyのコードをパフォーマンス改善したい - ESM アジャイル事業部 開発者ブログ
こんにちは。永和システムマネジメントの内角低め担当、はたけやまです。 作成したプログラムが想定していた速度で動かず困ってしまうこと、ありますよね？ パフォーマンス改善を行う場合、プロファイラなどを使ってプログラムを計測し、どこがパフォーマンスのボトルネックとなっているかを見つけることが重要です。 Ruby プログラムをプロファイリングするための方法はいくつかありますが、今回は stackprof を使った方法をご紹介します。 stackprof https://github.com/tmm1/stackprof stackprof を使ったプロファイリングは以下の手順で行います。 計測対象のプログラムに stackprof を仕込む 計測対象のプログラムを実行する 計測結果からボトルネックを割り出す 計測対象となるプログラム 今回は例題として以下のライフゲームを計測してみます。 lifeg
Linux Daily Topics 2022年6月20日ワンライナーのお手本!? SUSEエンジニアが作成したext4のパフォーマンス改善パッチ ext4の遅延割り当て（delayed allocation）機能は、データがディスクに書き込まれる際に複数のブロックを連続した状態で確保できることから、データのフラグメンテーションを回避し、パフォーマンス向上に大きな効果があるとされている。デフォルトではこの遅延割り当てモード（delalloc）は有効になっているが、ディスクの空き容量が不足しているときやマウントオプションを使用しているときは無効にされる（nodelalloc）ことが多い。だがdelallocを無効にすると、エクステントのマージ（連続したブロックに1つのアドレスを割り当て）が無効になり、書き込みのパフォーマンスが大幅に低下するという問題が存在する。 このdelalloc無効時の
Airシフトにおけるパフォーマンス改善とリファクタリング事例 | Recruit Tech Blog
はじめに リクルートテクノロジーズの 辻 健人です． GitHub では maxmellon で活動しています． 今回は，『Airシフト』における パフォーマンス改善とリファクタリングの事例を一つずつ紹介したいと思います． 『Airシフト』とは 『Airシフト』は，やりとりも作成も楽になるシフト管理サービスです． 直感的に操作できるシンプルな画面で，カンタンにシフト作成が行えます． 技術スタックとしては， React/Redux ，チャット機能に WebSocket， SSR やユーザ認証，ファイルダウンロードにBFFアーキテクチャを採用しています． 『Airシフト』はシフト表の作成や管理ができるだけでなく，大きな機能の一つとして 『シフトボード』を活用したチャットを行うことも可能です． 例えば，急用で別のスタッフにシフトを変わってもらうときや，シフトの希望を提出する締め切り前にチャットを
Ruby 3.3.2 (+YJIT) アップデートによるパフォーマンス改善レポート - inSmartBank
はじめに こんにちは！株式会社スマートバンクでサーバサイドエンジニアをしている @nagasawa です。 2024年6月より弊社では Ruby 3.3.2 を本番アプリケーションで稼働させ始めたため、バージョンアップ前と比較してどの程度パフォーマンスに変化が現れたのかをご紹介いたします。 また、今回を機に YJIT Metrics の可視化と YJIT の遅延起動にも取り組んだため、その手法や効果についてもこの記事内でシェアできればと考えています。 前提 下図のシステムアーキテクチャ図の通り、弊社では Ruby と Rails で開発されたいくつかのシステムを稼働させています。 この記事では core-api と呼ばれている私達が開発してる「家計簿プリカ B/43」の機能のほぼ全てを提供しているシステムのパフォーマンス変化をご報告いたします。 バージョンアップ前 バージョンアップ後 Ru
LINE株式会社は、2023年10月1日にLINEヤフー株式会社になりました。LINEヤフー株式会社の新しいブログはこちらです。 LINEヤフー Tech Blog こんにちは。LINE Growth Technologyの宇都宮です。現在は出前館に出向して、主に出前館のコンシューマ向けアプリケーションのAPI開発を担当しています。 私が出前館の開発に携わり始めたのは昨年（2020年）の夏でした。当時、懸案事項となっていたのがメインDB(Oracle)の高負荷です。出前館のメインDBはオンプレミスで構築されており、スケールアップもスケールアウトも難しい状況にありました。 そこで、データ参照用DB(PostgreSQL)をAWSに構築し、データ取得のみ行うAPI（参照系API）のDBアクセスを参照用DBに向ける、というプロジェクトが発足しました。このプロジェクトについては、出前館のエンジニア
新型Apple Watch Series8、体温測定機能を搭載か アクティビティトラッキングのアップデートやパフォーマンス改善など - こぼねみ
Appleが今年後半の発売に向けて準備している新型「Apple Watch Series 8」について。 2022年は、Apple Watchの歴史の中で、初代モデル以来となる大きなアップデートの年になりそうです。 Apple Watch Series 7BloombergのMark Gurman氏は自身のニュースレター「Power On」の最新版で、Appleが今年3つの新しいApple Watchを発表する可能性が高く、次のモデルが用意されるとしています。 Apple Watch Series 8 アップデートされたApple Watch SE エクストリームスポーツ向けApple Watch Gurman氏はさらに、今年のApple Watchには話題の体温測定機能が搭載される可能性があるほかは、主要な新しいヘルスセンサーは期待できないとしています。期待できる変更点としては、アクティ
ゲーム制作ツール「RPG Maker Unite」、まずはパフォーマンス改善を優先へ。アップデートへ向けた新ロードマップが公開 - AUTOMATON
Gotcha Gotcha Gamesは8月2日、「RPG Maker Unite」のロードマップ変更を発表した。当面の間は、パフォーマンス改善を優先してアップデートがおこなわれるという。発表にあわせて、新しいロードマップが公開されている。 「RPG Maker Unite」は、「RPG Maker（ツクール）」の最新作となる、ゲームエンジンUnity上で動作するゲーム制作ツールである。RPG Makerシリーズは、プログラミングの知識がなくともRPGが制作できるゲーム制作ツール群だ。本作「RPG Maker Unite」においても、そうしたRPG Makerシリーズの特徴は変わっておらず、ノーコードでのRPG制作が可能と謳われている。また新機能としては、Unityによるモバイルアプリへのネイティブ出力や、フルHD解像度への対応、アウトラインエディターやスイッチラインなどが搭載。アドオン形
はじめに こんにちは、ブランドソリューション開発本部フロントエンド部WEAR Androidブロックの安土琢朗です。普段はファッションコーディネートアプリWEARのAndroidアプリを開発しています。 WEARではすでにXMLで書かれたレイアウトをJetpack Composeにリファクタリングする作業を進めています。作業を進める中で、Jetpack ComposeのLazyColumn利用箇所でスクロールが以前よりスムーズに動かない、初回起動時にスクロールが遅いなどのパフォーマンス問題に直面しました。 本投稿では、最適なパフォーマンスを実現する方法の1つであるベースラインプロファイルの導入の仕方について説明します。 ベースラインプロファイルとは ベースラインプロファイルはAndroid Runtime（ART）がプリコンパイルする時に使うクラスやメソッドをリスト化してあるものです。ベー
はじめに こんにちは、アソビュー株式会社でバックエンドエンジニアをしています竹村です。 ありがたいことにアソビューのサービスも長く続き、ご利用いただいているユーザーが増えるにしたがってデータも増え、SQLのパフォーマンス改善を行なうタスクが増えてきました。 今回はそんなSQLのパフォーマンス改善をしているなかで遭遇した問題とその対策について書こうと思います。 問題の概要と背景 パフォーマンス上問題がありそうなクエリを調査しているなかで、ごく一部のテーブルですが、数値であるべきカラムが誤って文字列型で定義されていたことがわかりました。 そしてこの型の不一致が原因で、SQLクエリの実行時にインデックスが効率的に利用できず、結果としてクエリのパフォーマンス低下を引き起こしていました。 問題の詳細 実際のテーブルとは大幅に変更、簡略化していますが、下記のような感じで本来user_statuses.
ペパボSREケーススタディ - ロリポップ！レンタルサーバーのSLI/SLOをもとにしたパフォーマンス改善の取り組みを紹介します - Pepabo Tech Portal
技術部シニアエンジニアリングリードの @tnmt です。 近年ペパボではSRE(Site Reliability Engineering)に取り組んでいます。同じくSREに取り組むエンジニアを読者想定に、今回からいくつかケーススタディとして事例の紹介をしていきたいと思います。ペパボのエンジニアリングの一部理解になれば幸いです。 第一弾として、2019年より行っているロリポップ！レンタルサーバーでのSLI/SLOを元にしたパフォーマンス改善の取り組みをライトに取り上げます。 ロリポップ！レンタルサーバーのSLI/SLO運用 きっかけ そもそものきっかけとしては、2019年当時のサービス利用ユーザー様の一部から「ウェブサーバーのレスポンスが悪い」というフィードバックをいただいていたということでした。 ウェブサーバーのレスポンスタイムはホスティングサービスの品質を左右するものであり、ロリポップ！
リソース読み込みでサイトパフォーマンス改善方法 読む込むリソースの大きさと数を減らす レンダリングをブロックする読み込み ブラウザとサーバー間の遅延を減らす ブラウザのキャッシュを活用する 具体的な方法 HTML/CSS/JavaScriptを最小化する 不要な空白などのバイト列を削除する 適切な画像形式を選択する 画像ファイルの最適化する 不要なデータの削減やデータの整理、現職などで画像容量を削減する。 CSSのimportを避ける 外部CSSを読み込みする@importが利用できる。 HTTPリクエストを減らすという原則に反するだけでなく、レンダリングエンジンはstyle.cssをHTTTPで取得し、パースしてから初めて@import文を解釈でしゅおくす。 @import文で指定したCSSファイルは、並列で取得されるのは出なく、一旦@import文を記述したCSSファイルが取得・読み込
「DMM.go」は、DMM GroupにおけるGoの勉強会です。２回目の今回は、DMM.com プラットフォーム事業本部の潮平諒也氏が、オンプレで作っていたシステムをクラウド化し、Goでシステムを構築した自らの経験を基に、パフォーマンス向上のポイントについて紹介しました。 2万rpsを処理する行動ログ収集システムをGoで作った話 潮平諒也氏：「2万rpsを処理する行動ログ収集システムをGoで作った話」と題して、発表いたします。 まず自己紹介からですね。潮平諒也と申します。現在はデータインフラ部のデータエンジニアチームで仕事しています。 高専を卒業して、去年度19新卒としてDMMに入社しました。入社したときは、全然Goの経験とかなくて、研修で触り始めて、Go歴が9ヶ月ぐらいという感じです。 今日は、今いるチームに配属されて今年の3月まで携わった「行動ログ収集システムのクラウド移行プロジェクト
こんにちは！ Magic Momentでテックリードをしている Miyake です。 弊社が開発するセールスエンゲージメントプラットフォームである Magic Moment Playbook では営業活動にかかせないツールとの連携を多数を行っており、私が所属するData IntegrationチームではSalesforceなどのCRMツールを中心とした外部連携機能の開発をしています。 ただいまエンタープライズ企業のお客様が続々と増えており、取り扱うデータ規模が増大中です。それに応じて負荷対策や取り込み速度の性能改善などといったパフォーマンス改善に注力しておりまして、その過程で Cloud Profiler を利用したパフォーマンス改善の取り組みを行ったので、その内容をシェアしたいと思います。 Cloud Profiler とは Google Cloudマネージドなプロファイリングツールです
Firefoxを開発するMozillaが、「過去6カ月間でどのようなパフォーマンス改善を行ってきたか」というレポートを公開しました。Firefoxのデスクトップアイコンをクリックしてからブラウザが表示されるまでの時間を大幅に短縮したほか、「ウェブページがブラウザの速度を低下させている」という通知を明確にする処理などが行われています。 Performance in progress – Mozilla Performance https://blog.mozilla.org/performance/2021/08/05/performance-in-progress/ ◆Firefoxの起動について まずMozillaでは「WindowsでFirefoxを起動する際、アイコンをクリックしてもFirefoxが反応しているように見えず、何度もクリックを繰り返して最終的に大量のブラウザが起動してし
はじめに C#を使う際に、今日から使えそうなパフォーマンス改善につながる小ネタを10個まとめてみました。 BenchmarkDotnetを使ってベンチマーク測定したコードは下記においてあります。 ※他にもこんなのあるぜっていうのは是非教えて頂けると幸いです🙇♂️ 1. Capacityを設定する System.Collections.Generic に定義されているListなどのクラスはコンストラクタを呼び出す際にCapacityを設定することで無駄なアロケーションを削減できる可能性があります。 Listなどは内部に配列を持っており、Addなどの操作によってその配列サイズに収まらない要素数になった際に新しく配列を確保します。（現状の配列サイズ x 2サイズの配列を確保） 必要な要素数が明確な場合はCapacityを設定して無駄なアロケーションを避けるようにすることでパフォーマンス改善が
塵も積もれば山となる、Vue.js製スプレッドシートのパフォーマンス改善記 - ANDPAD Tech Blog
はじめに はじめまして、オクトのフロントエンドエンジニアの小泉です。約1年前に入社し、Vue.js（Nuxt.js）でプロダクトのWebフロント開発に携わっています。 初めて会社のブログに寄稿するにあたって、自分がオクトでどんなことをしているかを書こうと思ったのですが、私が担当しているプロダクトは現時点で正式リリース前のため、今回はその中に組み込まれている簡易スプレッドシート機能について、また特にそのパフォーマンスを改善するために行ったことについて書いていきます。 といっても、スプレッドシート的なものを自前で実装しようという人はなかなかいないと思いますので、データ量の多いリアクティブなサービスをVue（Nuxt）で開発する際のハマりポイントとして参考程度に流し読みして頂ければ幸いです。 スプレッドシート機能とは 現在、オクトで自分が開発に携わっているプロダクトには、商品情報を入力していって
概要 キャッシュ理解が曖昧な状態でキャッシュを活用した機能開発を行ったせいで、サーバーへの負荷を軽減することができずにパフォーマンスの悪い実装をしていました。 当たり前ですが、適切にキャッシュを利用しないと意図せずサーバーへ負荷を与え続けてしまいます。 そうならないためにも今回は、キャッシュの基本と私が行ったパフォーマンス改善の内容をご紹介します。 キャッシュとは アプリケーションに頻繁にアクセスされるデータを一時的に保存しておくものです。 ストレージに一時的に保存しておけば、データベースへのリクエストを減らしたり、計算処理をすることなくレスポンスできたりするので、負荷を削減しつつ高速にデータ処理を行えるようになります。 リアルタイムな情報や、頻繁に更新されるコンテンツには不向きなので、状況に合わせて使用するようにしましょう。 キャッシュの種類 CPUキャッシュ システムレベルのキャッシュ
next/image はやっぱりすごかった - 機能紹介/パフォーマンス改善例/気をつけポイント | Wantedly Engineer Blog
こんにちは、Wantedly, inc で長期インターンをしている市古です。 https://www.wantedly.com/id/igsr5 個人的な話になりますが、先日自身のポートフォリオサイトをリリースしました。 https://igsr5.dev 後からパフォーマンスチューニングの勉強をしたかったのであえて重たく実装したのですが、next/image を導入したところ想像以上にパフォーマンスが向上したのでブログにします。 TL;DR next/image の機能をいくつか紹介 画像フォーマット最適化 画像サイズ最適化 Lazy Load 良さげなキャッシュ関連のヘッダ付与 実際どうやって画像加工をしているの？ 実際に next/image でパフォーマンス改善を行ってみた パフォーマンス改善前 パフォーマンス改善後 結果 next/image 導入の気をつけポイント Next.j
この記事は、Vue.js Advent Calendar 2019 #1 8 日目の記事です。 Vue Devtools の Performance タブを使って、パフォーマンスの改善ポイントをサクッと見つける方法を紹介したいと思います。 「サクっと」というのがポイントです。 さらに、見つけた改善ポイントから実際にパフォーマンスを改善する例を紹介したいと思います。 Vue Devtools とは Vue.js を使った開発におけるデバッグなどを助けてくれるツールです。 vuejs/vue-devtools Chrome Extensionとしても提供されています。 機能ごとにタブが存在しており、今回はその中の Performance タブを使います。 Vue Devtools について詳しくは以下の記事が参考になると思います。 Vue Devtools で快適なデバッグ - ROXX(旧
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Datadog を使った KARTE 管理画面パフォーマンス改善の取り組み
CSS Containment によるパフォーマンス改善 — HACK The Nikkei
GA4の難しさを解明！ サイトのパフォーマンス改善に欠かせない指標とは | 【レポート】Web担当者Forumミーティング 2024 春
.NET 9 のパフォーマンス改善
OpenTelemetryでパフォーマンス改善とエラー調査ができる理由
地道だけど重要な「Webパフォーマンス改善」をいかに進めるか？ ヤフーとリクルートにおける社内横断的な改善の取り組み
Swift 5.3リリース - 新しい言語機能、開発者エクスペリエンスの向上、パフォーマンス改善
【インターンレポート】LINE証券アプリのパフォーマンス改善
Rails 7.1 + Ruby 3.3 で YJIT を有効化してパフォーマンス改善を行った結果
React 18の非同期機能とパフォーマンス改善についてVercelが解説
Unityクライアントのパフォーマンス改善の進め方 - Cluster Tech Blog
メルカリShops パフォーマンス改善 奮闘記 | メルカリエンジニアリング
Ubuntu 20.04 LTSにおけるGNOME Shellのパフォーマンス改善 - Qiita
2022年6月20日 ワンライナーのお手本!? SUSEエンジニアが作成したext4のパフォーマンス改善パッチ | gihyo.jp
Elasticsearchによる出前館店舗検索機能のパフォーマンス改善
ベースラインプロファイル導入によるアプリのパフォーマンス改善と測定方法 - ZOZO TECH BLOG
仮想カラムと関数インデックスを使ったSQLパフォーマンス改善の話 - asoview! Tech Blog
リソース読み込みでサイトパフォーマンス改善 - Qiita
Goで作ったシステムのパフォーマンス改善ポイント 2万rpsを処理する行動ログ収集システム構築から学ぶ
Cloud Profilerを導入してパフォーマンス改善をした話
Firefoxは過去6カ月間でどのようなパフォーマンス改善に取り組んできたのか？
今日からできるC#のパフォーマンス改善小ネタ11選 - Qiita
CloudFrontとS3を活用したキャッシュ戦略：APIパフォーマンス改善への実践的アプローチ
Google公式「Web表示パフォーマンス改善塾」スタート（テストもあるよ）【SEO情報まとめ】 | 海外&国内SEO情報ウォッチ
Vue Devtoolsでパフォーマンス改善ポイントを見つける - Qiita