非常規優化

roland_reed 發布于2019-08-21 17:00 / 2885人閱讀

摘要：所以這種優化有一定的借鑒意義和實用價值。常見的圖片預加載與此優化目的類似只是操作方式不同。總結之前我寫過一篇非常規的優化這是上次的續篇因為都同屬一個主題。性能優化是一條很長的路邊走邊欣賞風景吧。

Type feedback

console.time("1")
function add(a,b) {
    return a+b;
}
for(var i=0;i<1000000;i++){
    add(i,i);
    add("hello","jsdt");
}
console.timeEnd("1")



console.time("2")
function addNum(a,b) {
    return a+b;
}
function addStr(a,b) {
    return a+b;
}
for(var i=0;i<1000000;i++){
    addNum(i,i);
    addStr("hello","jsdt");
}
console.timeEnd("2")

可以看到時間差異蠻大的,對于熱點代碼,v8會進行類型的動態檢查,通過類型反饋進行優化,比如說都是小整數時,可以使用快速模式。快速模式還包括堆區的數值,怪異類型,字符串鏈接等。但是如果不小心寫成第一種形式反而deoptimizer了,不斷的重優化很耗性能,達到一定次數后,v8不在優化。

hidden-class

function JSDT( val ) {
    this.prop = val;
}

var a = new JSDT("prop1");
var b = new JSDT("prop1");
console.log(%HaveSameMap( a, b ) )

b.prop2 = "prop2";

console.log( %HaveSameMap( a, b ))
// true
// false

node運行,附加參數--allow-natives-syntax。內聯的好處在于對于相同構造函數創建出的同類對象,可以加快屬性查找,但是就像上面結果所示,如果隨意的添加屬性,或者屬性都一樣,但是添加屬性順序不一樣都會破會隱藏類,注意避免此類情況。

DNS prefetch

說明上面是我從taobao移動端頁面的截圖,可以看到它利用了dns預讀取功能,提前解析一些域名,這樣做可以減緩點擊鏈接時的延遲。所以這種優化有一定的借鑒意義和實用價值。常見的圖片預加載與此優化目的類似,只是操作方式不同。

重繪和回流

又回到老生常談的概念了,但是這次我的側重點不同,為了減少重繪和回流的影響,其中之一的優化方式是將dom元素多帶帶作為一個圖層,但是我測試發現圖層不是越多越好,太多了會很卡,如下圖中,加劇了composite layer的時間,說明優化也是需要考慮平衡。

總結

之前我寫過一篇非常規的優化,這是上次的續篇,因為都同屬一個主題。這兩片的內容在周會上分享過,但是不完全相同,額外做了些補充。性能優化是一條很長的路,邊走邊欣賞風景吧。

GPU云服務器云服務器非常規非常規運行非常在線非常

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/89018.html

[11.11]Megalayer：常規VPS五折,香港/菲律賓/美國VPS年付159元起

摘要：在本月也發布了針對雙十一期間的促銷活動，針對常規主機提供折優惠碼，同時提供幾款特價年付套餐，最低美國年付元起，香港菲律賓年付元起。? Megalayer在本月也發布了針對雙十一期間的促銷活動，針對常規VPS主機提供5折優惠碼，同時提供幾款特價年付套餐，最低美國VPS年付159元起，香港/菲律賓VPS年付199元起。這是一家是成立于2019年的主機商，Vofo子公司，提供VPS主機和獨立...

e10101 2021-11-15 18:01 評論0 收藏0
Megalayer：雙十一優惠，常規VPS五折，月付24.5元起，香港VPS/菲律賓VPS/美國VP

摘要：官網優惠碼永久折扣，續費同價，支持月付促銷套餐年付特價套餐內存硬盤帶寬線路價格機房購買核無限優化帶寬元年美國點此直達核無限全向帶寬元年美國點此直達核無限優化帶寬元年香港點此直達核無限優化帶寬元年菲律賓點此直達核無限國際帶寬元年菲律賓點官網：https://www.megalayer.net/en/ 優惠碼： VPS50OFF 永久折扣，續費同價，支持月付促銷套餐：...

FWHeart 2021-11-15 17:58 評論0 收藏0
WordPress數據庫管理優化插件：數據庫備份/數據庫管理/數據庫優化/數據批量替換

摘要：數據庫管理和優化插件數據庫備份數據庫備份無疑是數據庫管理中最重要的一項工作，如果服務器因為某種原因宕掉了，又或者網站被黑，內容被篡改，而又沒有備份數據庫，這時候就徹底悲劇了，很多很多重要數據就會丟失且無法恢復。wordpress數據庫管理優化插件有哪些?我們都知道WordPress使用的數據庫是MySQL這個世界上使用最廣的開源數據庫(當然也可以簡單的 hack 換成其他數據庫)，WordP...

Lowky 2021-09-09 11:52 評論0 收藏0
記錄一次利用Timeline Performance工具進行 React性能優化的真實案例

摘要：出現紅幀表示頁面已經超負荷，會出現卡頓，響應緩慢等現象。因此當滑動周日歷時已經不會有紅幀發生了。我的目的是每一次遞歸會調用一次與但是這樣寫只會在遞歸結束時調用一次因此修改如下這樣優化之后，發現內存占用下降一些，但是紅幀仍然存在。性能優化可以說是衡量一個前端程序員react使用水平的重要標準。在學習react之初的時候，由于對react不夠了解，寫的項目雖然功能都實現了，但是性能優化...

jsyzchen 2019-08-22 11:16 評論0 收藏0
前端網頁加載渲染鏈路優化

摘要：所以，關于優化實戰我們主要分為兩部分加載渲染鏈路優化和編程代碼優化。加載渲染鏈路優化從訪問到頁面呈現，整個鏈路可以做優化的思路。資源緩存這一節我們單獨介紹緩存，是的，利用好緩存可以解決很多問題，包括頁面加載和渲染的問題都能得到很好的優化。優化實戰本文屬于思否課堂VirtualDOM到AST玩轉前端性能原理解析與代碼實戰課程官方博客：fed123.com 我們已經全面分析總結了評估頁...

zhaofeihao 2019-08-30 15:56 評論0 收藏0