並び順

ブックマーク数

期間指定

  • から
  • まで

81 - 115 件 / 115件

新着順 人気順

パフォーマンス改善の検索結果81 - 115 件 / 115件

  • 損切のコツ ~損切はパフォーマンス改善の手法~ - スモール投資家の株で勝つ

    みなさん損切は得意ですか? 損切って心理的に難しいですよね。 「損を確定するのは嫌だ」「株価はいつか戻ってくるんじゃないか」なんて思って、私も昔は損切できなくてポートフォリオは塩漬け銘柄がばかりの状態でした。 しかし、あるとき、「このままではダメだ」「もっと良い銘柄に入れ替えないとダメだ」と、思い切って損切して銘柄を入れ替えました。 すると、それからパフォーマンスが出るようになったのです。 今では損切こそパフォーマンスの源だと思って心のダメージなくできるようになりました。 本記事では、損切によってパフォーマンスが改善する実例と損切のコツを伝授します。 塩漬けしている人、パフォーマンスが出ない人、ぜひ読んで行ってください。 1.最近の損切例 私は、8月の月次報告で2銘柄の損切を報告しました。 その後、この2銘柄どうなったか見てみます。 【NFLX ネットフリックス】の損切 購入:500$(2

      損切のコツ ~損切はパフォーマンス改善の手法~ - スモール投資家の株で勝つ
    • 100GbE+ラージMTU環境でのQUICのパフォーマンス改善

      トランスポートプロトコルQUICの仕様を定めた四つのRFCが、2021年5月31日にRFC8999 ~ RFC9002として発行されました。HTTP/3の仕様を決める2つのインターネットドラフトは最終調整の段階です。 RFC8999, “Version-Independent Properties of QUIC”RFC9000, “QUIC: A UDP-Based Multiplexed and Secure Transport”RFC9001, “Using TLS to Secure QUIC”RFC9002, “QUIC Loss Detection and Congestion Control”“Hypertext Transfer Protocol Version 3 (HTTP/3)”“QPACK: Header Compression for HTTP/3”QUICは、2

        100GbE+ラージMTU環境でのQUICのパフォーマンス改善
      • “何もしていないはずの休日”に、なぜか疲れが取れない理由 パフォーマンス改善につながる「自分との対話」のコツ

        パフォーマンスを発揮するための「セルフトークマネジメント」 “何もしていないはずの休日”に、なぜか疲れが取れない理由 パフォーマンス改善につながる「自分との対話」のコツ 昨今は、人材の価値を最大限に引き出すための「人的資本経営」という言葉が多く見られるようになってきています。創造性を発揮し、付加価値を生み出すための原動力は「人」だとするもので、企業が人材を投資対象として捉えるようになる一方、働き手自身もより自律的にスキルアップに取り組むことが求められています。 本記事では、株式会社コーチ・エィ代表取締役社長でエグゼクティブコーチの鈴木義幸氏に、パフォーマンス改善のカギとなる、「自分自身との対話(セルフトーク)」についてお話をお聞きしました。(写真提供:株式会社コーチ・エィ) 後編はこちら “何もしていないはずの休日”に、なぜか疲れが取れない理由 ーー昨今、人的資本経営という言葉がよく聞かれ

          “何もしていないはずの休日”に、なぜか疲れが取れない理由 パフォーマンス改善につながる「自分との対話」のコツ
        • Apply to each のパフォーマンス改善 (配列加工の場合) - MoreBeerMorePower

          はじめに Power Automate でフローを作成していると、意図せず/特に問題視せず Apply to each を利用したループ処理を利用してしまいます。 多くの場合、問題になるのはその実行速度 (遅さ) です。特に設定を変更せず、Apply to each を使い、さらに配列変数への追加アクションをその中で実行すると処理件数や中でのアクション数に応じて数分~数十分かかるケースがでてきます。 今回は特に配列操作にApply to each を利用しているケースで、ループ処理の効率化を考えます。 そもそもどのくらい遅いのか 簡単のために、まずは他のデータソースへのアクセスを行わない場合を考えます。 入力として [1,2,3...,200] の1~200までの数字を配列として用意し、出力はその前に文字をくっつけただけの配列とします。 フローは非常に簡単で、以下のようなApply to

            Apply to each のパフォーマンス改善 (配列加工の場合) - MoreBeerMorePower
          • CLOMOのパフォーマンス改善の取り組みについて紹介 - i Cubed Systems Engineering blog

            アイキューブドシステムズでサーバサイドエンジニアを担当している s-arikawa です。 今回は弊社のCLOMO MDMシステムで現在取り組んでいるパフォーマンス改善プロジェクトの一部をご紹介させて頂きます。 私達がどのようにプロジェクトを計画し、遂行していっているか参考になれば幸いです。 プロジェクト発足の経緯 私達のMDMサービスも立ち上げから10周年を迎え、段々と数万台のデバイスを管理する「大規模ユーザー」が増えてきました。 そんな中、100~1,000台のデバイス管理では感じなかった利用者のストレスが顕在化してきています。 ストレスの最たるものは「Web管理画面が遅い」というものです。 CLOMOの本番環境をKubernetes化した話などでも紹介しましたが、CLOMO MDMではWebコンソール「CLOMO PANEL」を使ってWebブラウザからデバイスを管理します。 私達の直

              CLOMOのパフォーマンス改善の取り組みについて紹介 - i Cubed Systems Engineering blog
            • JavaScript/TypeScript用ランタイム「Deno」のバージョン1.14がリリース ~ 最新のTypeScriptとV8を搭載や、機能追加、パフォーマンス改善など

                JavaScript/TypeScript用ランタイム「Deno」のバージョン1.14がリリース ~ 最新のTypeScriptとV8を搭載や、機能追加、パフォーマンス改善など
              • Reactアプリのロード時間を70%短縮する方法 ~ コード分割と遅延読み込みでパフォーマンス改善する

                9月14日、dev.toに「How to Reduce React App Loading Time By 70%」が公開された。 この記事では、コード分割と遅延読み込みを利用してReactアプリの初期ロード時間を短縮する手順を紹介している。 スクリーンショット: How to Reduce React App Loading Time By 70% アプリの規模が大きくなると、パフォーマンスが低下することがある。特に、アプリの初期ロード時間に影響が出てくる。 この問題を解決するために、React自体がコード分割と遅延読み込みする解決策を持っている。 これにより、バンドルファイルをより小さなサイズに分割することができる。 題材は、以下のようなダッシュボードを持つアプリだ。 クレジット: Nilanth 最初の段階では、読み込み時間は2.9秒。 それから、コード分割を効果的に使い、調整をした

                  Reactアプリのロード時間を70%短縮する方法 ~ コード分割と遅延読み込みでパフォーマンス改善する
                • Windows 版 Chrome のパフォーマンス改善とネイティブ ウィンドウ オクルージョンの導入

                  .app 1 .dev 1 #11WeeksOfAndroid 13 #11WeeksOfAndroid Android TV 1 #Android11 3 #DevFest16 1 #DevFest17 1 #DevFest18 1 #DevFest19 1 #DevFest20 1 #DevFest21 1 #DevFest22 1 #DevFest23 1 #hack4jp 3 11 weeks of Android 2 A MESSAGE FROM OUR CEO 1 A/B Testing 1 A4A 4 Accelerator 6 Accessibility 1 accuracy 1 Actions on Google 16 Activation Atlas 1 address validation API 1 Addy Osmani 1 ADK 2 AdMob 32 Ads

                    Windows 版 Chrome のパフォーマンス改善とネイティブ ウィンドウ オクルージョンの導入
                  • 確定申告を乗り越えるDBパフォーマンス改善 - Aurora 移行の舞台裏 - freee Developers Hub

                    アプリケーション基盤開発エンジニアの Nayuta です。私が先日登壇した freee Tech Night Online #9 の様子を簡単にご紹介したいと思います。「確定申告を乗り越える DB パフォーマンス改善」をテーマとし、会計 freee のデータベース移行 (MySQL→ Aurora) についてお話しました。 Nayuta (@NayutaYanagisaw) アプリケーション基盤開発エンジニア、2019年6月に中途入社(写真左上)。 ストレージミドルウェアに関する仕組み作りや運用改善を担当。趣味的に MariaDB Server にコントリビュートしている。 Terasawa (@terakoya76) SRE、2017年10月に新卒入社(写真右上)。 人事労務 freee の開発に参画した後、SRE チームでインフラの運用・改善を担当。サービスの運用、開発者のサポート、D

                      確定申告を乗り越えるDBパフォーマンス改善 - Aurora 移行の舞台裏 - freee Developers Hub
                    • Tonamelのフロントエンド開発で、パフォーマンス改善に向けてやったこと - KAYAC engineers' blog

                      こんにちは!GC事業部の熊谷です。 この記事はTech KAYAC Advent Calendar 2022 17日目の記事です。 TonamelのWebフロントエンド開発において、パフォーマンスについて考える機会が最近あったため、振り返りつつ書いていきます。 サービスの紹介 Tonamelをかんたんに説明すると「トーナメントプラットフォーム」です。 具体的に言うと、大会の作成から運営、トーナメント表の管理を行うWebサービスです。 こちらの機能説明画像が、どういうサービスかを分かりやすく示しています。 Tonamelの機能説明 パフォーマンスに向き合う機会 Tonamelには様々な機能・ページがありますが、ここではメインとなる「トーナメント表」に限って説明します。 トーナメント表は、大会の参加者が増えるほど大きくなります。 大会の最大人数は256人、限定機能も含めると1024人までのトー

                        Tonamelのフロントエンド開発で、パフォーマンス改善に向けてやったこと - KAYAC engineers' blog
                      • メルペイフロントエンドチームで行っているパフォーマンス改善の取り組み紹介 | メルカリエンジニアリング

                        はじめに こんにちは、メルペイフロントエンドチームの @tokuda109 です。 メルペイフロントエンドチームは、テスト・アクセシビリティ・パフォーマンス・セキュリティを4つの重要な品質指標として日々改善しています。 パフォーマンス改善に取り組むにあたって得られた知見が溜まってきたので、シリーズ記事として順次公開していくことにしました。 この記事では、パフォーマンス改善にどのように取り組んでいるのかと、今後公開されるシリーズ記事の予定を紹介します。 パフォーマンス改善の活動 パフォーマンス改善の活動に参加しているメンバーは私と toshick さんの二人で、担当しているサービスの保守・運用をしながら、パフォーマンス改善の作業を行っています。 毎週30分の定例ミーティングをしていて、調査結果の報告や次週までに何をするのかを確認しています。 この記事の執筆時点では、パフォーマンス改善を完璧に

                          メルペイフロントエンドチームで行っているパフォーマンス改善の取り組み紹介 | メルカリエンジニアリング
                        • 2021-03-23のJS: Node.js 15.12.0(fs.promisesのパフォーマンス改善)、strict CSP、CSS Auditing Tools

                          JSer.info #532 - Node.js 15.12.0がリリースされました。 Node v15.12.0 (Current) | Node.js fsのreadFile/writeFileに対してPromise版のfs.promisesのreadFile/writeFileが遅くなるというIssueがあります。 fs.promises.readFile is 40% slower than fs.readFile · Issue #37583 · nodejs/node Node.js 15.12.0ではこのパフォーマンス問題への改善が含まれています。 fs: improve fsPromises readFile performance by Linkgoron · Pull Request #37608 · nodejs/node fs: improve fsPromises

                            2021-03-23のJS: Node.js 15.12.0(fs.promisesのパフォーマンス改善)、strict CSP、CSS Auditing Tools
                          • TypeScriptのパフォーマンス改善

                            TypeScriptのパフォーマンス向上についての公式ドキュメントがあります。この記事では、「TypeScriptにおける速さとは何か」を理解し、その上でコンパイルの観点でパフォーマンスを向上させるための具体的な方法をまとめます。 公式のドキュメント TypeScriptのGithubリポジトリにあるWikiを見に行くと、Debugging TypeScriptのセクションにPerformanceについてのドキュメントがあります。 Performance · microsoft/TypeScript Wiki · GitHub TypeScript is a superset of JavaScript that compiles to clean JavaScript output. - microsoft/TypeScript 今回はこのドキュメントを参考にしてして見ていきます。 Ty

                              TypeScriptのパフォーマンス改善
                            • 良好URLを1%から99%に爆増させたパフォーマンス改善の話

                              こんにちは。 株式会社ココナラ フロントエンド開発グループの加藤です。 1年前、ココナラのフロントエンドは表示速度に課題があり、Google Search Consoleのページエクスペリエンスではモバイルの良好URLはたった1%しかありませんでした。 しかしその後パフォーマンス改善に取り組み、良好URL99%まで大幅に改善することができました。(記事の最後に実際のスクリーンショットもあります) この記事では、そこで行った改善内容を紹介したいと思います。 はじめに ココナラのフロントエンドは、主にNuxt + Vue.jsで作られています。 そこで nuxtjs/web-vitals を使ってパフォーマンスのログを取り、Grafanaで可視化しています。 Grafanaで可視化したページごとのLCP モバイルではLCP(Largest Contentful Paint)が2.5秒を超えてい

                                良好URLを1%から99%に爆増させたパフォーマンス改善の話
                              • bundleサイズ削減、minify、gzipでフロントエンドのパフォーマンス改善をためしてみた|SHIFT Group 技術ブログ

                                はじめにこんにちは、SHIFT の開発部門に所属している Katayama です。 バックエンドでは配置する資材のサイズについて気にする事はないが、フロントエンドの場合は違う。 ブラウザの読み込み速度は利用者の快適さに直結するので、できるだけフロントエンドの資材のネットワーク転送量は少ない方がいい。 そこで今回は、以下に挙げた 3 つの方法を使って、できるだけネットワーク転送量が少なくなるようにし読み込み速度を向上させるという事をやってみた。 ①webpack-bundle-analyzerを用いて webpack で build する際に bundle サイズを小さくする ②HTML/CSS/JavaScript を縮小する(minify) ③gzip による圧縮する 以下でそれぞれの方法についてみていく(①・② については、実際にその方法を試すのは純粋な webpack ではなく、Vu

                                  bundleサイズ削減、minify、gzipでフロントエンドのパフォーマンス改善をためしてみた|SHIFT Group 技術ブログ
                                • 猫でもわかるスクロールイベントパフォーマンス改善ポイント2018 - Qiita

                                  TL;DR パフォーマンスの重要性をおさらい Scroll Jank とは 60fpsとリフレッシュレート スクロールイベントを最適化する パフォーマンスの重要性をおさらい 検索エンジンと広告収益事例 GoogleとMicrosoftの検索エンジンチームによって2009年に発表された調査 レスポンスの遅延が招く収益への影響: 0.5秒遅延 → -1.2% 1.0秒遅延 → -2.8% 2.0秒遅延 → -4.3% スクロールイベントは負荷が高い フロントエンドの実装をしたことのある方は、スクロールイベントを使った実装をしたことも多いはず。 スクロールイベントは発生頻度が高いため、負荷が高くなりがちです。スクロールイベントのリスナーは適切に実装しないとScroll Jankの発生・UXの低下を招いてしまいます。 パフォーマンスを出来るだけ下げないような実装事例を紹介していきます。 Scrol

                                    猫でもわかるスクロールイベントパフォーマンス改善ポイント2018 - Qiita
                                  • CodeGuru Profilerを用いたAmazonのアプリケーションのCPUとレイテンシーのパフォーマンス改善 | Amazon Web Services

                                    Amazon Web Services ブログ CodeGuru Profilerを用いたAmazonのアプリケーションのCPUとレイテンシーのパフォーマンス改善 (この記事は、 Improving the CPU and latency performance of Amazon applications using Amazon CodeGuru Profiler を翻訳したものです。) Amazon CodeGuru Profiler は機械学習を活用し、アプリケーションコードのボトルネックになっている部分の特定をサポートし、最適化のための推奨事項を提供してくれるデベロッパー用ツールです。Amazon CodeGuru Profilerを用いることによってアプリケーションのパフォーマンスの問題の特定、レイテンシーやCPU使用効率の問題を解決することができます。 CodeGuru Pr

                                      CodeGuru Profilerを用いたAmazonのアプリケーションのCPUとレイテンシーのパフォーマンス改善 | Amazon Web Services
                                    • Mackerel で開発中のマイクロサービスを OpenTelemetry のトレースを活用してパフォーマンス改善した - Unengineered Weblog

                                      Mackerel Advent Calendar 2023 の2日目の id:rmatsuoka です。 qiita.com 私は今年に新卒としてはてなに入社し、 Mackerel のアプリケーションエンジニアとして開発に携わっています。さて Mackerel では OpenTelemetry のメトリックに対応することが発表されました。詳しくは次のページをご覧ください。 mackerel.io 私はこの OpenTelemetry を受け取ったり、取り出したりするコンポーネントの開発をしています。入社して最初の仕事として OpenTelemetry の トレース を活用し、コンポーネントのパフォーマンスを改善を行いました。 トレース 導入を提案したのは id:lufiabb さんです。最初、私のタスクは OpenTelemetry の トレース をアプリケーションに仕込んで終わりだったの

                                        Mackerel で開発中のマイクロサービスを OpenTelemetry のトレースを活用してパフォーマンス改善した - Unengineered Weblog
                                      • イーサリアム2.0クライアント「Lighthouse」の開発大詰め 〜大幅なパフォーマンス改善に成功。UIの開発をスタート

                                          イーサリアム2.0クライアント「Lighthouse」の開発大詰め 〜大幅なパフォーマンス改善に成功。UIの開発をスタート
                                        • WebFrontendローカルパフォーマンス改善支援ツールを作ってみた。 | メルカリエンジニアリング

                                          この記事は、Merpay Advent Calendar 2021 の21日目の記事です。 はじめに こんにちは。メルペイのFrontendエンジニアのtoshickです。 メルペイフロントエンドチームではパフォーマンスに関するアクションも行っています。本記事ではその活動報告を投稿します。 概要 昨今Webサイトの閲覧時のパフォーマンスは重要視されています。そのパフォーマンスを定量的に可視化するための標準的な指標がWebVitalsとしてGoogleから提唱されています。 このスコアに基づいて自分のサイトの現状を把握し、それを改善していくことができます。 ただ、パフォーマンス改善の開発には面倒な部分がありコストがかかることがわかってきました。 そのためのサポートツールをつくってみた、というのが今回のお話です。 lhciコマンド 実際の計測にはlighthouseコマンド(lhci)を利用し

                                            WebFrontendローカルパフォーマンス改善支援ツールを作ってみた。 | メルカリエンジニアリング
                                          • グーグル、「Chrome」ブラウザで「新しいPDFビューワーやプレゼンモード」などの新機能提供とパフォーマンス改善

                                              グーグル、「Chrome」ブラウザで「新しいPDFビューワーやプレゼンモード」などの新機能提供とパフォーマンス改善
                                            • Elasticsearchによる出前館店舗検索機能のパフォーマンス改善

                                              LINE株式会社は、2023年10月1日にLINEヤフー株式会社になりました。LINEヤフー株式会社の新しいブログはこちらです。 LINEヤフー Tech Blog こんにちは。LINE Growth Technologyの宇都宮です。現在は出前館に出向して、主に出前館のコンシューマ向けアプリケーションのAPI開発を担当しています。 私が出前館の開発に携わり始めたのは昨年(2020年)の夏でした。当時、懸案事項となっていたのがメインDB(Oracle)の高負荷です。出前館のメインDBはオンプレミスで構築されており、スケールアップもスケールアウトも難しい状況にありました。 そこで、データ参照用DB(PostgreSQL)をAWSに構築し、データ取得のみ行うAPI(参照系API)のDBアクセスを参照用DBに向ける、というプロジェクトが発足しました。このプロジェクトについては、出前館のエンジニア

                                                Elasticsearchによる出前館店舗検索機能のパフォーマンス改善
                                              • グーグル「Pixel」シリーズ、「ワイヤレス充電のパフォーマンス改善」や不具合修正のアップデート

                                                  グーグル「Pixel」シリーズ、「ワイヤレス充電のパフォーマンス改善」や不具合修正のアップデート
                                                • AWSの「CodeGuru」、一般提供開始--機械学習活用のコードレビューやパフォーマンス改善

                                                  印刷する メールで送る テキスト HTML 電子書籍 PDF ダウンロード テキスト 電子書籍 PDF クリップした記事をMyページから読むことができます Amazon Web Services(AWS)は、アプリケーションの効率改善やコードの品質向上を支援する機械学習ツール「Amazon CodeGuru」の一般提供(GA)を開始したと発表した。 このサービスは、コードをレビューする際のバグの発見を支援する「Amazon CodeGuru Reviewer」と、AWS上で動作するアプリケーションで実行されているのコードのうち、もっともコストの高い部分を特定するツール「Amazon CodeGuru Profiler」で構成されている。 AWSは2019年12月にCodeGuruのプレビュー版を公開した。このツールは、顧客のコードレビューのプロセスを自動化してバグの発見を支援し、問題を修正

                                                    AWSの「CodeGuru」、一般提供開始--機械学習活用のコードレビューやパフォーマンス改善
                                                  • 小松礼雄ハースF1新チーム代表「パフォーマンス改善をもたらす体制を築き上げ、結果を出したい」オーナーが大きな期待 | F1 | autosport web

                                                    > F1ニュース記事一覧 > 小松礼雄ハースF1新チーム代表「パフォーマンス改善をもたらす体制を築き上げ、結果を出したい」オーナーが大きな期待

                                                      小松礼雄ハースF1新チーム代表「パフォーマンス改善をもたらす体制を築き上げ、結果を出したい」オーナーが大きな期待 | F1 | autosport web
                                                    • MySQL SQLパフォーマンス改善 -実行計画の確認ポイント-

                                                      本記事の目的 本記事では MySQL(InnoDB) の SQL 性能調査・改善のために、実行計画の主要な確認ポイントを整理します。 また、SQL の重要な要素であるインデックスについても基本を簡単におさらいします。 なお、MySQL 実行計画の各種項目の意味は公式サイトに記載があるが、ぱっと見た時にどれが SQL の性能において重要度が高いのか少しわかりずらかったりしたので、今後のためにも記事に残すことにしました。 SQL パフォーマンスまわりで参考になった書籍や記事も最後に紹介していますので、ぜひそちらも合わせて参考にしてみてください。 インデックスとは インデックスはデータベースの中で特有の構造を持ち、CREATE INDEX 文で作成可能です。 SQL の性能に関わる重要な要素です。 データベースのインデックスは、分厚い紙の辞書から特定の用語を検索することに似ています。あらかじめ順

                                                        MySQL SQLパフォーマンス改善 -実行計画の確認ポイント-
                                                      • Next.jsとWordPressのSSRのパフォーマンス改善「memory-cache」

                                                        Next.jsとWordPressのSSRのパフォーマンス改善「memory-cache」公開 2021/3/7:更新 2021/3/7 Next.jsの代名詞「SSG」はやめた WordPress+Next.jsだと、今のところ、もはや「SSR(Server Side Rendering)」しか選択肢がないくらいに思えます。 SSG(Static site Generation)はビルド時間が最悪。最初は耐えられますが、記事はすぐに増えて、非常にストレスになる。 「ISR」もパッとしない(2021年初頭)。 Next.jsのISR(Incremental Static regeneration)は初回リクエストでSSRしてHtmlを生成&キャッシュします。 指定した時間はそのキャッシュされたデータを返しますが、指定時間を超えた場合はもう一度SSRする。→これは記事の執筆者によってトリガー

                                                          Next.jsとWordPressのSSRのパフォーマンス改善「memory-cache」
                                                        • 大量レコード更新時のパフォーマンス改善について

                                                          こんにちは。Aerial Partnersの野上です。 弊社ではGtaxという、仮想通貨取引の際に生じた所得を計算するWebサービスを、仮想通貨投資家の方々に提供させていただいています。 Gtaxの主な使い方は、仮想通貨取引所での取引履歴を取引所からCSVでダウンロードし、それをGtaxに取り込んでから計算するという流れになっています。 その中で、ユーザーによってはボット取引などを活用して大量の取引履歴を計算しないといけない方も多くいらっしゃいます。(多い方だと50万回ほどの取引をしていらっしゃる方もいます (!)) 所得計算の際には、全件の取引履歴を参照かつ更新することが求められ、愚直なままで対応するとかなりの待ち時間が発生してしまいます。そこで、計算の高速化に当たって工夫した点を以下にご紹介します。 1. バルクアップデートまずは実際更新を行う箇所である、UPDATE文の工夫について見

                                                          • Next.jsで作ったブログのパフォーマンス改善 | みどりのさるのエンジニア

                                                            はじめに 年末年始にこの技術ブログを GatsbyJS から Next.js にリプレースを行っていました。その影響でLighthouseのパフォーマンス結果が低下してしまったので、原因の調査と改善を実施しました。 原因調査 Lighthouseの結果を考察 Lighthouseの詳細を見てみると 722.4kb という巨大なJSファイルが配信されていました。「Potential Saving 99.8kb」とあるように、このJFファイルの中の大部分が未使用コードになっています。 また巨大なjsファイルによりJavaScriptの「Script Evaluation」が 1,835ms と、長時間のレンダリングブロッキングが発生していました。 Webpack Bundle Analyzer 先ほどのLighthouseの結果で問題になっていた、巨大なjsファイルは chunks/pages

                                                              Next.jsで作ったブログのパフォーマンス改善 | みどりのさるのエンジニア
                                                            • CSS 最適化によるパフォーマンス改善

                                                              破綻する CSS CSS ファイルサイズの削減Minify 化使われていないルールセットの削除重複しているルールセットの削除ショートハンドプロパティクリーンな CSS に変換するモジュールCSS セレクタの最適化レンダリングの最適化Calculate StyleLayoutクロスブラウザ対応まとめ破綻する CSS 以前、CSS が破綻する原因を 破綻しにくい CSS 設計手法と命名規則 の記事で書きました。 破綻しにくい CSS の設計手法はいくつか考案されていますが、いずれも完璧ではありません。多くのサイトでは、CSS が適切にメンテナンスされておらず、肥大化しています。肥大化した CSS はブラウザのレンダリングパフォーマンスに悪影響を与えます。 本ページでは、CSS を最適化しパフォーマンスを向上させる方法を説明します。ただし、CSS の最適化はデータを圧縮するためパフォーマンスは向

                                                                CSS 最適化によるパフォーマンス改善
                                                              • MUIで作成したテーブルコンポーネントのパフォーマンス改善 - Money Forward Developers Blog

                                                                こんにちは。関西開発拠点でマネーフォワード クラウド連結会計(以下、クラウド連結会計)のフロントエンドエンジニアをやっています、上野(@uenoY4)です。 今回はクラウド連結会計のフロントエンドでテーブルのパフォーマンス改善を行ったので紹介させてください。 クラウド連結会計の技術構成 クラウド連結会計のフロントエンドは以下の構成で実装しています。 フレームワーク:Next.js 言語:TypeScript UIライブラリ:MUI 実装するコンポーネントは全て MUI から提供されているものをベースに使用して実装しています。 課題 今回、表示項目が多く、動きのついたテーブルを実装することになり、いつもの通り MUI が提供している Table コンポーネントをベースとして、実装を進めました。 表示項目が多いこともあり、試しに向こう 3 年後に想定されるマックスのデータ数( 500 行 ×

                                                                  MUIで作成したテーブルコンポーネントのパフォーマンス改善 - Money Forward Developers Blog
                                                                • 都市開発シム『Cities: Skylines II』最適化不足から「賛否両論」スタートに。開発元は“応急処置”を紹介しつつパフォーマンス改善を約束 - AUTOMATON

                                                                  デベロッパーのColossal Orderは10月25日、『Cities: Skylines II』を発売した。対応プラットフォームはPC(Steam/Microsoft Store)で、PC Game Pass向けにも提供されている。また本作はPS5/Xbox Series X|S向けにも2024年春に発売予定。 『Cities: Skylines II』は、高い評価を得た都市開発シミュレーションゲーム『Cities: Skylines(シティーズ:スカイライン)』の続編だ。プレイヤーは居住区やインフラなどを整備し、さらに産業を活性化させながら街を一から建設。市民の生活や経済などが複雑にシミュレーションされ、それらのニーズや状況変化に対応しながら街を発展させていく。交通AIの進化や経済システムの向上など、新作ではさまざまな要素が強化されている(関連記事1・2・3・4・5)。 本作は当初、

                                                                    都市開発シム『Cities: Skylines II』最適化不足から「賛否両論」スタートに。開発元は“応急処置”を紹介しつつパフォーマンス改善を約束 - AUTOMATON
                                                                  • React Developer Tools を利用したアプリのパフォーマンス改善|いしま

                                                                    みなさん、こんにちは。ウイングアーク1stの いしま です。 React・TypeScript のアプリ開発で描画が遅い問題があり、この問題について、React Developer Tools の Profiler を利用して改善した内容をご紹介します。 ※当記事はReact・TypeScriptの開発経験があり、Chromeの開発者ツールや拡張機能の操作できる前提の内容になっています。 ※React Developer Tools は、Chromeの拡張機能で、Reactのアプリケーションの各コンポーネントの描画状況を確認できるツールです。 React Developer Tools 当記事では、実際に行ったパフォーマンス改善作業を例として、改善にいたるまでの流れを目次としています。 1.描画が遅いケースを特定するアプリケーションが遅い要因として、描画以外の問題がないことを確認できている

                                                                      React Developer Tools を利用したアプリのパフォーマンス改善|いしま
                                                                    • Spark未経験のチームが2年間模索して実感した、効果的なパフォーマンス改善6選 - KAKEHASHI Tech Blog

                                                                      こちらの記事は カケハシ Advent Calendar 2022 の17日目の記事になります。 こんにちは、カケハシで Musubi Insight のバックエンドエンジニアをしている末松です。 Musubi Insight に表示するデータは夜間の日次バッチで集計しているのですが、テスト・品質担保・パフォーマンスなどなど悩みが絶えません... 以前もバッチ処理のテストに関するブログを掲載しましたが、今回はパフォーマンスに関する記事になります! https://kakehashi-dev.hatenablog.com/entry/2022/08/12/094856 Musubi Insight データ集計の歴史 Musubi Insight プロダクトリリース時からデータ集計は AWS の Glue Job で作られていましたが、最初は Python Shell が中心でした。 利用薬局

                                                                        Spark未経験のチームが2年間模索して実感した、効果的なパフォーマンス改善6選 - KAKEHASHI Tech Blog
                                                                      • ヤフー社内で実践しているWebパフォーマンス改善ことはじめ~Web Vitalsの計測と改善手法

                                                                        本記事はヤフーで社内向けに用意しているWebパフォーマンス改善ドキュメントの一部を再編し、公開したものです。よいユーザー体験は長期的にサービスの発展につながります。Webのパフォーマンスを改善することは、よりよい体験を提供するための非常に重要な要素です。とはいえ改善するにしてもまず何から始めたらよいのかを悩んでしまう方もいるでしょう。本記事ではそのような方をターゲットとして、Webのパフォーマンス改善の始め方を解説していきます。 Web Vitalsの概要 Webのパフォーマンスは古くからさまざまな観点で評価・分析の方法があります。ひとくちにパフォーマンスと言っても、何をもって速い/遅いを判断するかという基準が必要になります。具体的な基準があることで初めて、行った施策が有効であったかを計測可能です。 近年Webパフォーマンスの文脈でWeb Vitalsと呼ばれる概念が注目されています。We

                                                                          ヤフー社内で実践しているWebパフォーマンス改善ことはじめ~Web Vitalsの計測と改善手法