摘要:引言性能優化本質來說就是怎樣讓用戶體驗更好。性能優化不是銀彈在程序做不到內響應的時候外在輔助措施就很必要。接下總結一些性能優化點雖不常規但蠻有意義的。上次參加時記得一位主講人講述百度移動端優化時就是這么的。
引言
</>復制代碼
性能優化本質來說就是怎樣讓用戶體驗更好。之前同事分享過一個關于體驗的時間標準,我感覺蠻有趣的,就是說我們盡量讓交互響應在0.1秒內,這時體驗比較好;如果1秒左右就需要loading;如果10秒左右就需要一個進度條。性能優化不是銀彈,在程序做不到0.1內響應的時候,外在輔助措施就很必要。接下總結一些性能優化點,雖不常規,但蠻有意義的。
200 or 304
在sg上回答相關問題時,我較深入的研究了一下,并結合自己的在工作中出現的相關現象做一下總結。我們線上js和css的?max-age只有15分鐘,所以很容易進行?freshness校驗,此時就會出現304,但是這就浪費性能了,雖然比較微小。最好的辦法是設置一個很長的時間,然后使用版本控制的方法。
webworker?如果主線程需要進行一些耗時操作,時間長了之后瀏覽器會有假死狀態(彈框提示,是否關閉),但是異步拆分操作或者使用webworker的方式,可以使主線程繼續能接收到用戶的相應。下面是我寫的一個demo示例。
</>復制代碼
var worker=new Worker("./work.js");
var data1=0;
worker.onmessage=function (event) {
var data = event.data;
data2 = new Date().getTime();
document.getElementById("result").innerHTML ="workers 耗時:"+ (data2 - data1)+"ms"+"
" +data;
}
function cal() {
data1 = new Date().getTime();
worker.postMessage(limit);
}
------------------work.js
onmessage = function(event){
var num = event.data;
console.log(num)
var i=0,sum=0;
while (i
內聯css
減少關鍵路徑往返次數,可以使用內聯的方式提升性能,如果你使用webpack的話,去掉ExtractTextPlugin配置,但需損失一些代碼的可維護性。上次參加qcon時,記得一位主講人講述百度移動端優化時就是這么的。所以這種行為還是有一定借鑒意義的。
文章版權歸作者所有,未經允許請勿轉載,若此文章存在違規行為,您可以聯系管理員刪除。
轉載請注明本文地址:http://m.specialneedsforspecialkids.com/yun/91891.html
摘要:在本文中我將會介紹應用性能優化的一般原則。性能優化的流程圖摘取自和合著的性能,描述了應用性能優化的處理流程。例如,對每臺服務器,你面臨著為單個分配堆內存和運行個并為每個分配堆內存的選擇。不過位能使用堆內存最大理論值只有。 原文鏈接:http://www.cubrid.org/blog/dev-platform/the-principles-of-java-application-per...
摘要:淺談網站性能之前端性能優化性能優化的目的無非是減少用戶流量消耗,提升用戶首屏體驗,提升用戶訪問速度,讓用戶專注內容本身。前端性能優化減少請求數量基本原理在瀏覽器與服務器進行通信時,主要是通過進行通信。 最近項目慢慢走上正軌,需求趨于平穩,這才想起需要對整站進行性能優化。經過一段時間的學習,結合現在項目的實際性能情況,發現確實有許多地方可以進行優化。于是就開始了我的前端性能優化之旅。以下...
摘要:淺談網站性能之前端性能優化性能優化的目的無非是減少用戶流量消耗,提升用戶首屏體驗,提升用戶訪問速度,讓用戶專注內容本身。前端性能優化減少請求數量基本原理在瀏覽器與服務器進行通信時,主要是通過進行通信。 最近項目慢慢走上正軌,需求趨于平穩,這才想起需要對整站進行性能優化。經過一段時間的學習,結合現在項目的實際性能情況,發現確實有許多地方可以進行優化。于是就開始了我的前端性能優化之旅。以下...
閱讀 2859·2021-11-22 15:22
閱讀 19316·2021-09-22 15:00
閱讀 1446·2021-09-07 09:58
閱讀 1248·2019-08-30 13:01
閱讀 2453·2019-08-29 16:27
閱讀 2355·2019-08-26 13:25
閱讀 1628·2019-08-26 12:13
閱讀 949·2019-08-26 11:53