tag 性能優化

標籤
貢獻140
150
05:15 PM · Oct 25 ,2025
uwatechnologies 頭像 souyunku 頭像 jump_and_jump 頭像 dewujishu 頭像 jdcdevloper 頭像 skychx 頭像 u_16175498 頭像 motianlun_5d0766992e67a 頭像 zzd41 頭像 opentiny 頭像 u_16213432 頭像 u_16213373 頭像

@性能優化 / 博客 RSS 訂閱

liuyue_5e7eb6745e089 頭像

劉悦的技術博客 - 當我們進行性能優化，我們在優化什麼（LightHouse優化實操）

原文轉載自「劉悦的技術博客」https://v3u.cn/a_id_214 好的互聯網產品不僅僅在功能上要高人一籌，在性能層面也需要出類拔萃，否則金玉其外敗絮其中，頁面是美輪美奐了，結果首屏半天加載不出來，難免讓用户乘興而來，敗興而歸。 幸運的是，前端的性能優化有諸多有跡可循的理論和方法，其中相對權威的，無疑是LightHouse。 LightHouse 是一個開源的自動化工具，它作為 Chrom

性能優化 , lighthouse , 前端優化 , 優化 , 前端

收藏 評論

wxp686 頭像

wxp686 - 性能優化進階：讓你的移動端網頁1s呈現

前言 現在的消費者越來越依賴移動設備來訪問內容和服務，這比以往任何時候都要求更高。當他們權衡您網站上的體驗時，他們不僅將您與您的競爭對手進行比較，還會在使用完後對您的應用進行評級。 但是很多網站給用户帶來的體驗並不太好，以致造成潛在客户流失，所以，性能是留住用户的關鍵。 Pinterest 將感知等待時間減少了 40%，這將搜索引擎流量和註冊量增加了 15% 。 原文(國外)：htt

性能優化 , react-native , 移動端web , 前端 , html5

收藏 評論

jdcdevloper 頭像

京東雲開發者 - 聊聊前端性能指標那些事兒

作者：京東科技 郝梁 前言：作為 C 端前端研發，除了攻克業務難點以外，也要有更深層的自我目標，那就是性能優化。這事兒説大不大，説小也不小，但難度絕對不一般，所涉及的範圍優化點深入工程每個細胞。做好前端性能優化絕非簡單之事！文章主要內容介紹前端性能考核指標及優化方案。 一、前端性能指標有哪些？ 根據 chrome Lighthouse 最新規則，前端性能指標考量主要有 FCP（First Cont

性能優化 , 前端性能 , 前端

收藏 評論

jump_and_jump 頭像

jump__jump - 讓 React 擁有更快的虛擬 DOM

Million.js 是一個非常快速和輕量級的 ( 4kb) 虛擬 DOM。框架可以通過包裝 React 組件來提升性能（該框架目前版本只兼容 React 18 及以上版本）。 先説結論：Million.js 適應的場景極其有限，但在特定場景下也大放異彩。 如何使用 Million.js 集成 React 中使用非常簡單。先進行安裝和編譯器配置。 安裝與配置 npm install million

性能優化 , react , virtual-dom , 性能 , Javascript

收藏 評論

javalover 頭像

javalover - Java程序性能分析：內存

一、前言 開發Java項目過程中，難免會碰到一些 性能 問題，這時候就需要一些工具，幫忙排查 本文主要介紹 JDK自帶的上古神器 jstat、jmap，用於分析內存問題，另簡單介紹 MAT、gceasy、HeapDump 等 以 openjdk 11.0.13、G1 垃圾收集器、Linux系統 為例 二、GC分析：jstat 1. jstat 簡介 jstat 全稱 “Java Vi

性能監控 , 性能優化 , 性能分析 , 性能 , JAVA

收藏 評論

zzd41 頭像

superZidan - React 18 如何提升應用性能

hello 大家好，我是 superZidan，這篇文章想跟大家聊聊 React 18 如何提升應用性能 這個話題，如果大家遇到任何問題，歡迎 聯繫我 React 18 引入了併發功能，從根本上改變了 React 應用程序的渲染方式。 我們將探討這些最新功能如何影響和提高應用程序的性能 首先，讓我們退一步來了解長任務的基礎知識和相應的性能測量 主線程和長任務 當我們在瀏覽器運行 JavaScrip

性能優化 , react , chrome , dom , Javascript

收藏 評論

skychx 頭像

鹵代烴 - ⚡️ The Cost Of JavaScript (2017 - 2023) | JavaScript 性能優化之旅

如果你喜歡我的文章，希望點贊👍 收藏 📁 評論 💬 三連支持一下，謝謝你，這對我真的很重要！ 吐槽時間 不知道從什麼時候開始，前端開始卷一些 “高端知識”，動不動就瀏覽器底層原理，V8 是如何運行的，倒不是説這些沒啥用，只是來勢洶洶好像不懂這些就不能糊頁面一樣。 我工作中和內核團隊與虛擬機團隊也合作過並諮詢過他們這些相關問題，大家的態度也很明確，面對這種千萬行代碼的大型工程項目，他們作為專業

性能優化 , v8 , chrome , 前端 , Javascript

收藏 評論

jdcdevloper 頭像

京東雲開發者 - React請求機制優化思路 | 京東雲技術團隊

説起數據加載的機制，有一個繞不開的話題就是前端性能，很多電商門户的首頁其實都會做一些垂直的定製優化，比如讓請求在頁面最早加載，或者在前一個頁面就進行預加載等等。隨着react18的發佈，請求機制這一塊也是被不斷談起，並且在後續其實也給出了明確的方向。 假如我們頁面中有三個組件C1、C2、C3依次嵌套，每個組件中有對應的請求F1、F2、F3，通常大多數人會使用useeffect和state變量來實現

性能優化 , react , 前端性能 , 前端 , Javascript

收藏 評論

jump_and_jump 頭像

jump__jump - 利用中介模式開發全局控制器

中介模式定義了一個單獨的（中介）對象，來封裝一組對象之間的交互。將這組對象之間的交互委派給與中介對象交互，來避免對象之間的直接交互。 在實際的項目中，程序由許多對象組成，對象間的交流錯綜複雜。 隨着應用程序的規模增大，對象越來愈多，他們之間的關係也越來複雜。對象間很容易出現相互引用而導致程序無法運行。同時開發者需要改變或者刪除某一個對象時候，需要查找並且改造所有引用到它的對象。這樣一來，改造的成

性能優化 , 前端工程化 , 設計模式 , 中介者模式 , Javascript

收藏 評論

anonymous_5f6b14f11289a 頭像

阿兵雲原生 - 【性能優化上】第三方組織結構同步優化一，分狀態，分步驟的設計，你 get 到了嗎？

在工作中，雲產品之間自然少不了各種系統的對接，系統對接自然會涉及到各種鑑權，以及需要將對方系統的組織結構同步到己方內部系統中來 當然，有的產品可能會去對接實際的第三方認證源和同步源，但是成本相對比較高，因為對接一個不同的源就需要去實現一套接口和邏輯，雖然流程大同小異，可實際工作量可不小 因此，大多數產品為了方便和節省人力，是會選擇對接 IDaaS，讓 IDaaS 去對接各種第三方認證源和同步源 此

性能優化 , 性能

收藏 評論

anonymous_5f6b14f11289a 頭像

阿兵雲原生 - 【性能優化下】組織結構同步優化二，全量同步/增量同步，斷點續傳實現方式

看到這一篇文章的 xdm ，應該對組織結構同步有一些想法了吧，如果沒有，可以看前面兩篇文章，可以通過如下地址查看一下： 【性能優化上】第三方組織結構同步優化一，你 get 到了嗎？ !---- 坑爹，線上同步近 3w 個用户導致鏈路阻塞引入發的線上問題，你經歷過嗎？ 這類文章，主要是期望能給 xdm 帶來不一樣的思考，如有表述不當的地方，還請不吝賜教，期望對你有幫助😀 這篇文章主要是

性能優化 , 性能

收藏 評論

jump_and_jump 頭像

jump__jump - 前端持久化緩存優化

緩存是提升 web 應用程序有效方法之一，尤其是用户受限於網速的情況下。提升系統的響應能力，降低網絡的消耗。當然，內容越接近於用户，則緩存的速度就會越快，緩存的有效性則會越高。 之前個人寫過 前端 api 請求緩存方案。介紹的了內存中的緩存以及過期邏輯。後續也寫過 手寫一個前端存儲工具庫，該工具利用了適配器處理了不同的存儲介質（內存，IndexedDB, localStorage 等）。 不過，在

性能優化 , 前端工程化 , 前端性能優化 , 緩存 , Javascript

收藏 評論

jump_and_jump 頭像

jump__jump - 聊聊前端框架的未來 Signals

Signals 在目前前端框架的選型中遙遙領先！ 國慶節前最後一週在 Code Review 新同學的 React 代碼，發現他想通過 memo 和 useCallback 只渲染被修改的子組件部分。事實上該功能在 React 中是難以做到的。因為 React 狀態變化後，會重新執行 render 函數。也就是在組件中調用 setState 之後，整個函數將會重新執行一次。 React 本身做不到

性能優化 , 框架 , 前端工程化 , signal , Javascript

收藏 評論

jdcdevloper 頭像

京東雲開發者 - log4j2同步日誌引發的性能問題 | 京東物流技術團隊

1 問題回顧 1.1 問題描述 在項目的性能測試中，相關的接口的隨着併發數增加，接口的響應時間變長，接口吞吐不再增長，應用的CPU使用率較高。 1.2 分析思路 誰導致的CPU較高，阻塞接口TPS的增長？接口的響應時間的調用鏈分佈是什麼樣的，有沒有慢的點？ 1）使用火焰圖分析應用的CPU如下，其中log4j2日誌佔了40%左右CPU，初步懷疑是log4j2的問題。 2）調用鏈的分析 通過pfin

性能優化 , log4j2 , 性能 , cpu

收藏 評論

jdcdevloper 頭像

京東雲開發者 - 極致性能優化：前端SSR渲染利器Qwik.js | 京東雲技術團隊

引言 前端性能已成為網站和應用成功的關鍵要素之一。用户期望快速加載的頁面和流暢的交互，而前端框架的選擇對於實現這些目標至關重要。然而，傳統的前端框架在某些情況下可能面臨性能挑戰且存在技術壁壘。 在這個充滿挑戰的背景下，我們引入了 Qwik.js 框架。Qwik.js 不僅是一個前端框架，更是一種前端性能的終極解決方案。它不僅提供了卓越的性能，還以其獨特的特點和優勢脱穎而出。 讓我們一起深入探索 Q

性能優化 , 前端性能 , ssr , 前端

收藏 評論

zzd41 頭像

superZidan - Next.js 超實用進階技巧【持續更新】

hello 大家好，我是 superZidan，這篇文章想跟大家聊聊Next.js 進階技巧，如果大家遇到任何問題，歡迎 聯繫我或者直接微信添加superZidan41 🔥🔥🔥前方高能，乾貨滿滿，建議點贊➕關注➕收藏；後續還會 持續更新更多技巧和案例 温馨提示：如果你還是個 Next.js 新手，建議先閲讀這篇 Next.js 最佳實踐，照着這篇文章先把代碼敲一遍 Next.js 是一個強

性能優化 , next.js , ssr , Javascript

收藏 評論

invalidnull 頭像

註銷 - 什麼是 DTU（Database Throughput Unit）

在雲計算領域，DTU 是 Database Throughput Unit 的縮寫，它代表着數據庫吞吐單位，是一種用於度量數據庫性能的單位。DTU 概念主要應用於 Azure SQL Database 和 Azure SQL Managed Instance，它是一種抽象的、預配置的資源集合，包括 CPU、內存、讀寫操作等。 在 DTU 模型中，每個服務級別都有一個預定義的 DTU 數量。比如，一

性能優化 , 電商網站 , 電商架構 , 電商 , 性能

收藏 評論

binghe001 頭像

冰河 - 又一個涵蓋前後端+DevOps+OpenAI大模型的高併發項目啓動了

大家好，我是冰河~~ 今天，正式通知大家一件事情：又到了啓動新項目的時候，這也是 冰河技術 知識星球繼 Seckill秒殺系統 項目後，又一個高併發實戰項目。星球其他項目與專欄，大家可移步到冰河的個人站點：https://binghe.gitcode.host 進行查看。 那這次又是怎樣的一個高併發項目呢？沒錯，這次就是大家期待已久的分佈式IM即時通訊系統，在分佈式IM即時通訊系統中，我們會實現

性能優化 , 高併發 , 微服務 , 分佈式 , 程序員

收藏 評論

souyunku 頭像

架構師專欄 - MySQL優化：12種提升SQL執行效率的有效方法

在數據庫管理和優化的世界裏，MySQL作為一個流行的關係型數據庫管理系統，其性能優化是任何數據密集型應用成功的關鍵。優化MySQL數據庫不僅可以顯著提高SQL查詢的效率，還能確保數據的穩定性和可靠性。 本文，已收錄於，我的技術網站 ddkk.com，有大廠完整面經，工作技術，架構師成長之路，等經驗分享 在本文中，我將介紹12種提升SQL執行效率的有效方法，並通過實用的代碼示例來具體展示如何實施這些

性能優化 , mysql索引 , mysqldump , mysql優化 , 優化

收藏 評論

skychx 頭像

鹵代烴 - ⚡️ [性能優化] 瀏覽器跨域帶來的一些性能問題

前言 字節 Web Infra 團隊最近開啓新一輪招聘了，如果你對 Web Framework/Runtime/Performance，或對編譯構建/Rust/AI 感興趣，可以來看看我們的崗位（具體崗位信息可以看這個招聘鏈接 👉 字節跳動 Web Infra - Web Solutions 團隊招人啦！） 簡歷可以發到我的郵箱 skychx@hotmail.com，我可以幫你內推崗位並跟

性能優化 , 跨域 , 前端

收藏 評論

ishare 頭像

愛分享 - 深入解析C++的auto自動類型推導

關鍵字auto在C++98中的語義是定義一個自動生命週期的變量，但因為定義的變量默認就是自動變量，因此這個關鍵字幾乎沒有人使用。於是C++標準委員會在C++11標準中改變了auto關鍵字的語義，使它變成一個類型佔位符，允許在定義變量時不必明確寫出確切的類型，讓編譯器在編譯期間根據初始值自動推導出它的類型。這篇文章我們來解析auto自動類型推導的推導規則，以及使用auto有哪些優點，還有羅列出自C+

性能優化 , c++11 , c++ , 程序員 , 代碼規範

收藏 評論

dewujishu 頭像

得物技術 - 你的debug包在Android 14變卡了嗎？｜得物技術

一、背景 我的App怎麼這麼卡，誰在代碼裏下毒了！ 有一天突然發現debug包運行變的特別卡頓，經過下面的簡單測試發現debug包在Android 14上出了問題。 二、問題排查紀錄 常規手段排查 使用了systrace以及內部的debug包 trace工具dutrace進行排查。 結論：CPU空閒，主線程無明顯阻塞，看上去就是純方法執行耗時。 發現懷疑點 第一步排查過程中沒有特別大的收穫，但是

性能優化 , Android , debugging , 優化

收藏 評論

gqkmiss 頭像

月恆 - Web 頁面性能衡量指標-以用户為中心的性能指標

Web 頁面性能衡量指標-以用户為中心的性能指標 以用户為中心的性能指標是理解和改進站點體驗的關鍵點 一、以用户為中心的性能指標 1. 指標是用來幹啥的？ 指標是用來衡量性能和用户體驗的 2. 指標類型 感知加載速度：網頁可以多快地加載網頁中的所有視覺元素並將其渲染到屏幕上 加載響應速度：頁面加載和執行組件快速響應用户互動所需的 JavaScript 代碼的速度 運行時響應速度：網頁在加載

性能優化 , 性能分析 , 性能 , 前端 , Javascript

收藏 評論

gqkmiss 頭像

月恆 - Web 網頁性能及性能優化

Web 網頁性能及性能優化 一、Web 性能 Web 性能是 Web 開發的一個重要方面，側重於網頁加載速度以及對用户輸入的響應速度 通過優化網站來改善性能，可以在為用户提供更好的體驗 網頁性能既廣泛又非常深入 1. 為什麼性能這麼重要？ 1. 性能關乎留住用户 性能對於任何在線業務都至關重要 與加載速度緩慢、讓人感覺運行緩慢的網站相比，加載速度快並能及時響應用户輸入的網站能更好地吸引並留住用户

性能監控 , 性能優化 , 性能 , 前端 , Javascript

收藏 評論