非常規(guī)優(yōu)化

roland_reed 發(fā)布于2019-08-21 17:00 / 2892人閱讀

摘要：所以這種優(yōu)化有一定的借鑒意義和實(shí)用價(jià)值。常見的圖片預(yù)加載與此優(yōu)化目的類似只是操作方式不同?？偨Y(jié)之前我寫過一篇非常規(guī)的優(yōu)化這是上次的續(xù)篇因?yàn)槎纪瑢僖粋€(gè)主題。性能優(yōu)化是一條很長的路邊走邊欣賞風(fēng)景吧。

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")

可以看到時(shí)間差異蠻大的,對于熱點(diǎn)代碼,v8會進(jìn)行類型的動態(tài)檢查,通過類型反饋進(jìn)行優(yōu)化,比如說都是小整數(shù)時(shí),可以使用快速模式?？焖倌Ｊ竭€包括堆區(qū)的數(shù)值,怪異類型,字符串鏈接等。但是如果不小心寫成第一種形式反而deoptimizer了,不斷的重優(yōu)化很耗性能,達(dá)到一定次數(shù)后,v8不在優(yōu)化。

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運(yùn)行,附加參數(shù)--allow-natives-syntax。內(nèi)聯(lián)的好處在于對于相同構(gòu)造函數(shù)創(chuàng)建出的同類對象,可以加快屬性查找,但是就像上面結(jié)果所示,如果隨意的添加屬性,或者屬性都一樣,但是添加屬性順序不一樣都會破會隱藏類,注意避免此類情況。

DNS prefetch

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

重繪和回流

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

總結(jié)

之前我寫過一篇非常規(guī)的優(yōu)化,這是上次的續(xù)篇,因?yàn)槎纪瑢僖粋€(gè)主題。這兩片的內(nèi)容在周會上分享過,但是不完全相同,額外做了些補(bǔ)充。性能優(yōu)化是一條很長的路,邊走邊欣賞風(fēng)景吧。

云服務(wù)器 GPU云服務(wù)器非常規(guī) 非常規(guī)運(yùn)行非常在線非常

文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://systransis.cn/yun/89018.html

相關(guān)文章

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

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

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

摘要：官網(wǎng)優(yōu)惠碼永久折扣，續(xù)費(fèi)同價(jià)，支持月付促銷套餐年付特價(jià)套餐內(nèi)存硬盤帶寬線路價(jià)格機(jī)房購買核無限優(yōu)化帶寬元年美國點(diǎn)此直達(dá)核無限全向帶寬元年美國點(diǎn)此直達(dá)核無限優(yōu)化帶寬元年香港點(diǎn)此直達(dá)核無限優(yōu)化帶寬元年菲律賓點(diǎn)此直達(dá)核無限國際帶寬元年菲律賓點(diǎn) 官網(wǎng)：https://www.megalayer.net/en/ 優(yōu)惠碼： VPS50OFF 永久折扣，續(xù)費(fèi)同價(jià)，支持月付促銷套餐：...

FWHeart 2021-11-15 17:58 評論0 收藏0
WordPress數(shù)據(jù)庫管理優(yōu)化插件：數(shù)據(jù)庫備份/數(shù)據(jù)庫管理/數(shù)據(jù)庫優(yōu)化/數(shù)據(jù)批量替換

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

Lowky 2021-09-09 11:52 評論0 收藏0
記錄一次利用Timeline Performance工具進(jìn)行 React性能優(yōu)化的真實(shí)案例

摘要：出現(xiàn)紅幀表示頁面已經(jīng)超負(fù)荷，會出現(xiàn)卡頓，響應(yīng)緩慢等現(xiàn)象。因此當(dāng)滑動周日歷時(shí)已經(jīng)不會有紅幀發(fā)生了。我的目的是每一次遞歸會調(diào)用一次與但是這樣寫只會在遞歸結(jié)束時(shí)調(diào)用一次因此修改如下這樣優(yōu)化之后，發(fā)現(xiàn)內(nèi)存占用下降一些，但是紅幀仍然存在。性能優(yōu)化可以說是衡量一個(gè)前端程序員react使用水平的重要標(biāo)準(zhǔn)。在學(xué)習(xí)react之初的時(shí)候，由于對react不夠了解，寫的項(xiàng)目雖然功能都實(shí)現(xiàn)了，但是性能優(yōu)化...

jsyzchen 2019-08-22 11:16 評論0 收藏0
前端網(wǎng)頁加載渲染鏈路優(yōu)化

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

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