tag 前端性能優化

標籤
貢獻9
61
07:51 PM · Nov 03 ,2025
perfma 頭像 dingyw_5836ad3f18839 頭像 icecreamlj 頭像 wensandaoshi 頭像 canyuegongzi 頭像 taowave 頭像 littlelyon 頭像 jump_and_jump 頭像 liusaint1992 頭像

@前端性能優化 / 博客 RSS 訂閱

perfma 頭像

HeapDump性能社區 - 【內有驚喜】聊一聊前端性能優化！

前端是離用户最近的戰場，而前端性能直接影響了用户體驗。可以説，性能優化是初、中級工程師向高級工程師進階的必學知識點，以及核心技能。 性能優化的商業價值 對於mbify而言，主頁加載的速度每提高100ms，轉化率就會增加1.11%，平均年收入就會增加380000美元； Pinterest重建了他們的頁面以實現性能，使感知等待時間減少了40％，從而將搜索引擎流量和註冊量提高了15％； 通過將平

前端性能優化

收藏 評論

dingyw_5836ad3f18839 頭像

dingyw - 那些你可能忽視的前端性能優化細節

前端性能的好壞是影響用户體驗的一個關鍵因素，因此進行前端相關的性能優化顯得十分重要。網絡上一些常見的優化手段，相信不少讀者也都瞭解過或實踐過，所以本文主要介紹一些比較容易被忽視的優化細節，當然前提都是在大規範計算的場景下。 Babel 編譯優化 本內容運行環境為 node v14.16.0，babel 版本為 @babel/preset-env@7.17.10，benchmark 版本為 benc

前端性能優化 , 前端

收藏 評論

icecreamlj 頭像

一顆冰淇淋 - 自定義防抖函數五步應對複雜需求

防抖定義 某些頻繁操作的事件會影響性能，"防抖"可以用來減少事件的響應頻次，當事件觸發的時候，相對應的函數並不會立即觸發，而是會進行等待，只有等待了一段時間之後，事件停止觸發，此時才會執行響應函數。 防抖案例 比如屏幕設定了1分鐘的熄屏時間，如果用户在這1分鐘之內，沒有對電腦進行任何的操作，那麼電腦就會在一分鐘時準時熄屏，但如果用户在第50秒的時候，移動了一下鼠標，熄屏的時間會從這一刻開始重新計時

前端性能優化 , 前端 , Javascript

收藏 評論

wensandaoshi 頭像

fx67ll - 前端性能優化的利器 ——— 淺談JavaScript中的防抖和節流

防抖和節流函數是工作中兩種常用的前端性能優化函數，今天我就來總結一下什麼是防抖和節流，並詳細説明一下如何在工作中應用防抖和節流函數 什麼是防抖和節流? 在 JavaScript 中，防抖（debounce）和節流（throttle）是用來限制函數執行頻率的兩種常見技術。 防抖（debounce） 是指在某個時間段內，只執行最後一次觸發的函數調用。如果在這個時間段內再次觸發該函數，會重新計時，直到等

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

收藏 評論

canyuegongzi 頭像

Marvin - 前端中如何使用webWorker對户體驗進行革命性的提升

前言 隨着前端應用場景的逐漸複雜化，伴隨而來的對大數據的處理就不可避免。 那麼今天就以一個真實的應用場景為例來談談前端中如何通過子線程來處理大數據。 目前主流顯示器的刷新率為 60Hz，即一幀為 16ms，因此播放動畫時建議小於 16ms，用户操作響應建議小於 100ms，頁面打開到開始呈現內容建議小於 1000ms。 -- 根據 Chrome 團隊提出的用户感知性能模型 RAIL。 以上

vue.js , 前端性能優化 , webworker , Javascript

收藏 評論

taowave 頭像

taowave - http緩存詳解（ 直接看圖，超易懂🤗 ）

前言 你瞭解http緩存嗎？http請求在什麼狀態下會返回304狀態碼？ 下面5張圖，花了一晚上整理畫出來🙈，圖畫的不太好看，但意思十分明確，不要太嫌棄喔。相信看完後，能讓你對http緩存有比較深刻🤔的瞭解。 Http 緩存機制作為 web 性能優化的重要手段，對於從事 Web 開發的同學們來説，應該是知識體系庫中的一個基礎且重要的環節，同時對於有追求的前端童鞋來説也是必備的知識技能。 知識鋪

性能優化 , 前端性能優化 , http緩存 , 前端 , Javascript

收藏 評論

littlelyon 頭像

littlelyon - JSON.parse 比 Object 字面量語法更快

寫在前面 原文地址： https://www.bram.us/2019/11/25/faster-javascript-apps-with-json-parse/ 原文中包含油管視頻，有梯子並且英文好的可以直接點開鏈接觀看。 針對太長不看的讀者 因為 JSON 語法比 Javascript 的語法更簡單，因此解析 JSON 比解析 Javascript 更高效。當一個 web app 需要加載在首

瀏覽器 , 前端性能優化 , 前端性能 , 前端 , Json

收藏 評論

jump_and_jump 頭像

jump__jump - 前端持久化緩存優化

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

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

收藏 評論

liusaint1992 頭像

liusaint1992 - 前端性能優化小結

http優化，加大併發，減少請求數量以及傳輸量 domain hash技術突破併發限制。http1.x瀏覽器對於發起的連接有併發限制，這個限制是針對域名的，所以將靜態資源放在多個不同的域名下，也可以突破這個限制。但是也不宜使用太多域名。會增加額外的dns解析成本。 合理使用http頭。使用expires,cache-control,Etags等http頭緩存靜態資源。這篇文章介紹的很詳

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

收藏 評論