優(yōu)化Web性能

【學(xué)員問(wèn)題】鍋爐性能優(yōu)化的系統(tǒng)特點(diǎn)？

【解答】鍋爐性能優(yōu)化系統(tǒng)以鍋爐專家豐富的專業(yè)經(jīng)驗(yàn)和系統(tǒng)觀念為基礎(chǔ)，充分了解鍋爐存在的問(wèn)題和用戶的需求，并針對(duì)鍋爐的具體特點(diǎn)進(jìn)行多目標(biāo)優(yōu)化設(shè)計(jì)，直接指導(dǎo)優(yōu)化試驗(yàn)。利用計(jì)算機(jī)技術(shù)和優(yōu)化控制邏輯，解決多輸入變量和多目標(biāo)之間優(yōu)化組合的難題，用科學(xué)的方法解決傳統(tǒng)的認(rèn)識(shí)誤區(qū)，突破傳統(tǒng)運(yùn)行模式。

在線開(kāi)環(huán)指導(dǎo)或閉環(huán)控制運(yùn)行，直接完成優(yōu)化燃燒運(yùn)行，并可以根據(jù)用戶不同需求，完成不同燃燒形式組態(tài)，實(shí)現(xiàn)全面或單項(xiàng)性能指標(biāo)（不損害其它性能指標(biāo)）優(yōu)化。鍋爐性能優(yōu)化系統(tǒng)技術(shù)方案突破了普通優(yōu)化方案的傳統(tǒng)理念和方法，立足于全面優(yōu)化思想和技術(shù)路線。在鍋爐基本信息前期調(diào)查、企業(yè)需求分析和優(yōu)化目標(biāo)確定、試驗(yàn)設(shè)計(jì)、增加關(guān)鍵中間參數(shù)控制、試驗(yàn)數(shù)據(jù)采集、數(shù)據(jù)驗(yàn)證、訓(xùn)練人工神經(jīng)網(wǎng)絡(luò)、確定優(yōu)化結(jié)果和建立鍋爐性能優(yōu)化分析系統(tǒng)數(shù)學(xué)模型等方面都有創(chuàng)新和獨(dú)到之處。

優(yōu)化系統(tǒng)安裝調(diào)試和優(yōu)化過(guò)程占用時(shí)間短，30天左右即可完成并見(jiàn)到效果。鍋爐性能優(yōu)化分析是一個(gè)極為復(fù)雜的過(guò)程，對(duì)過(guò)程進(jìn)行合理簡(jiǎn)化并建立簡(jiǎn)化的數(shù)學(xué)模型是鍋爐性能優(yōu)化系統(tǒng)成功訓(xùn)練人工神經(jīng)網(wǎng)絡(luò)的關(guān)鍵。邊界條件的確定、中間變量的引入、篩選高品質(zhì)數(shù)據(jù)和創(chuàng)造數(shù)據(jù)的方法、豐富的鍋爐運(yùn)行經(jīng)驗(yàn)和成功建立數(shù)學(xué)模型是多變量非線性函數(shù)多度空間快速收斂的基礎(chǔ)。

效果顯著：優(yōu)化系統(tǒng)指導(dǎo)下，供電煤耗至少可降低2g/kwh，系統(tǒng)設(shè)計(jì)綜合考慮機(jī)組調(diào)峰運(yùn)行和燃燒質(zhì)量不同的低價(jià)格煤種，通過(guò)改變調(diào)節(jié)參數(shù)改善氮氧化物排放、減少減溫水流量、降低廠用電、飛灰含碳、提高熱效率等，保護(hù)汽機(jī)滑壓運(yùn)行、增強(qiáng)機(jī)組可靠性和可用率、延長(zhǎng)停機(jī)間隔時(shí)間和縮減停機(jī)時(shí)間等多重目標(biāo)進(jìn)行全面優(yōu)化。在市場(chǎng)經(jīng)濟(jì)環(huán)境下，發(fā)電企業(yè)追求的是機(jī)組經(jīng)濟(jì)性、可靠性、安全性及排放物的有效控制，理想目標(biāo)是鍋爐能夠長(zhǎng)期安全穩(wěn)定、高效率、低排放的運(yùn)行。雖然達(dá)到這一理想目標(biāo)比較困難，但通過(guò)增加監(jiān)測(cè)裝置控制與性能優(yōu)化等新技術(shù)，制定不同時(shí)期的優(yōu)化方案和多重目標(biāo)，從相對(duì)單一的運(yùn)行目標(biāo)向多目標(biāo)優(yōu)化過(guò)渡，可以改善設(shè)備的運(yùn)行水平，提高鍋爐的可靠性、穩(wěn)定性及經(jīng)濟(jì)性。

鍋爐性能優(yōu)化系統(tǒng)增加了爐膛出口溫度監(jiān)測(cè)系統(tǒng)，可以有效防止過(guò)熱器、再熱器等部件超溫和高溫腐蝕等問(wèn)題產(chǎn)生，并可幫助用戶預(yù)防和控制爐膛結(jié)焦結(jié)渣。

鍋爐性能優(yōu)化系統(tǒng)的核心是設(shè)置關(guān)鍵中間運(yùn)行參數(shù)，爐膛出口是鍋爐輻射區(qū)和對(duì)流區(qū)的分界區(qū)域，是鍋爐設(shè)計(jì)和運(yùn)行的關(guān)鍵控制點(diǎn)。引進(jìn)國(guó)外先進(jìn)的航天遙感技術(shù)和裝置，對(duì)該點(diǎn)進(jìn)行實(shí)時(shí)在線監(jiān)測(cè)，得到反映鍋爐系統(tǒng)燃燒狀態(tài)和換熱過(guò)程中關(guān)鍵數(shù)據(jù)，從而也有效地解決人工神經(jīng)網(wǎng)絡(luò)訓(xùn)練快速收斂的問(wèn)題。

遠(yuǎn)紅外輻射式煙氣測(cè)溫儀是遠(yuǎn)距離非接觸式測(cè)量裝置，可安裝在任何觀察口、檢修口等爐壁開(kāi)孔墻面外部。在鍋爐性能優(yōu)化系統(tǒng)安裝之前，根據(jù)機(jī)組的特點(diǎn)，在相關(guān)技術(shù)人員的配合下，選定遠(yuǎn)紅外煙氣測(cè)溫系統(tǒng)的安裝位置。

優(yōu)化方法簡(jiǎn)便易行，易于現(xiàn)場(chǎng)掌握。提供現(xiàn)場(chǎng)培訓(xùn)和定期訪問(wèn)，保證優(yōu)化系統(tǒng)穩(wěn)定運(yùn)行。鍋爐性能優(yōu)化系統(tǒng)與傳統(tǒng)鍋爐燃燒調(diào)整和耗差分析的不同之處，就是擺脫傳統(tǒng)熱力模型和理論計(jì)算的模式，利用運(yùn)行數(shù)據(jù)信息直接指導(dǎo)鍋爐性能優(yōu)化。實(shí)現(xiàn)方法是根據(jù)歐美工業(yè)發(fā)達(dá)國(guó)家的成功經(jīng)驗(yàn)，利用模糊數(shù)學(xué)理論和人工神經(jīng)網(wǎng)絡(luò)技術(shù)，找出多變量之間的非線性關(guān)系，計(jì)算得到運(yùn)行參數(shù)的最佳組合，幫助技術(shù)人員全面系統(tǒng)的理解約束條件和系統(tǒng)潛力，從而挖掘出系統(tǒng)的最優(yōu)性能或在多重約束條件下找出一個(gè)最佳方案。

數(shù)據(jù)驗(yàn)證模塊：借鑒航空航天領(lǐng)域成熟的數(shù)據(jù)驗(yàn)證數(shù)學(xué)模型編制的功能模塊，實(shí)現(xiàn)儀表數(shù)據(jù)在線實(shí)時(shí)跟蹤分析。對(duì)于異常數(shù)據(jù)和偏差情況及時(shí)發(fā)現(xiàn)并予以糾正。該方法處理數(shù)據(jù)快捷、分析準(zhǔn)確，可以篩選掉不良數(shù)據(jù)，填補(bǔ)高品質(zhì)數(shù)據(jù)，為技術(shù)人員分析運(yùn)行狀況，早期發(fā)現(xiàn)問(wèn)題提供依據(jù)。

鍋爐性能優(yōu)化系統(tǒng)具有良好的魯棒性：鍋爐性能優(yōu)化系統(tǒng)的自學(xué)習(xí)功能，能在一定范圍內(nèi)適應(yīng)鍋爐燃燒過(guò)程中的眾多不確定性因素，輸入變量變動(dòng)幅度在10%左右能實(shí)現(xiàn)自適應(yīng)。如果變動(dòng)的幅度過(guò)大，可根據(jù)具體變動(dòng)情況，在離線情況下進(jìn)行調(diào)試和建立幾種與之相適應(yīng)的優(yōu)化運(yùn)行模式。在實(shí)時(shí)監(jiān)測(cè)數(shù)據(jù)的支持下，進(jìn)行模式無(wú)縫切換或直接實(shí)時(shí)優(yōu)化控制。優(yōu)化運(yùn)行的前提是保證鍋爐系統(tǒng)的安全穩(wěn)定運(yùn)行。

以上內(nèi)容均根據(jù)學(xué)員實(shí)際工作中遇到的問(wèn)題整理而成，供參考，如有問(wèn)題請(qǐng)及時(shí)溝通、指正。

性能優(yōu)化

慎重選擇高消耗的樣式

高消耗屬性在繪制前需要瀏覽器進(jìn)行大量計(jì)算：

box-shadowsborder-radiustransparencytransformsCSS filters（性能殺手）

避免過(guò)分重排

當(dāng)發(fā)生重排的時(shí)候，瀏覽器需要重新計(jì)算布局位置與大小，更多詳情。

常見(jiàn)的重排元素:

widthheightpaddingmargindisplayborder-widthpositiontopleftrightbottomfont-sizefloattext-alignoverflow-yfont-weightoverflowfont-familyline-heightvertical-alignclearwhite-spacemin-height

正確使用 Display 的屬性

Display 屬性會(huì)影響頁(yè)面的渲染，請(qǐng)合理使用。

display: inline后不應(yīng)該再使用 width、height、margin、padding 以及 float；display: inline-block 后不應(yīng)該再使用 float；display: block 后不應(yīng)該再使用 vertical-align；display: table-* 后不應(yīng)該再使用 margin 或者 float；

不濫用 Float

Float在渲染時(shí)計(jì)算量比較大，盡量減少使用。

動(dòng)畫(huà)性能優(yōu)化

動(dòng)畫(huà)的實(shí)現(xiàn)原理，是利用了人眼的“視覺(jué)暫留”現(xiàn)象，在短時(shí)間內(nèi)連續(xù)播放數(shù)幅靜止的畫(huà)面，使肉眼因視覺(jué)殘象產(chǎn)生錯(cuò)覺(jué)，而誤以為畫(huà)面在“動(dòng)”。

動(dòng)畫(huà)的基本概念：

幀：在動(dòng)畫(huà)過(guò)程中，每一幅靜止畫(huà)面即為一“幀”;幀率：即每秒鐘播放的靜止畫(huà)面的數(shù)量，單位是fps(Frame per second);幀時(shí)長(zhǎng)：即每一幅靜止畫(huà)面的停留時(shí)間，單位一般是ms(毫秒);跳幀(掉幀/丟幀)：在幀率固定的動(dòng)畫(huà)中，某一幀的時(shí)長(zhǎng)遠(yuǎn)高于平均幀時(shí)長(zhǎng)，導(dǎo)致其后續(xù)數(shù)幀被擠壓而丟失的現(xiàn)象。

一般瀏覽器的渲染刷新頻率是 60 fps，所以在網(wǎng)頁(yè)當(dāng)中，幀率如果達(dá)到 50-60 fps 的動(dòng)畫(huà)將會(huì)相當(dāng)流暢，讓人感到舒適。

如果使用基于 java 的動(dòng)畫(huà)，盡量使用 requestAnimationFrame. 避免使用 setTimeout, setInterval.避免通過(guò)類似 jQuery animate()-style 改變每幀的樣式，使用 CSS 聲明動(dòng)畫(huà)會(huì)得到更好的瀏覽器優(yōu)化。使用 translate 取代 absolute 定位就會(huì)得到更好的 fps，動(dòng)畫(huà)會(huì)更順滑。

多利用硬件能力，如通過(guò) 3D 變形開(kāi)啟 GPU 加速

一般在 Chrome 中，3D或透視變換（perspective transform）CSS屬性和對(duì) opacity 進(jìn)行 CSS 動(dòng)畫(huà)會(huì)創(chuàng)建新的圖層，在硬件加速渲染通道的優(yōu)化下，GPU 完成 3D 變形等操作后，將圖層進(jìn)行復(fù)合操作（Compesite Layers），從而避免觸發(fā)瀏覽器大面積重繪和重排。

注：3D 變形會(huì)消耗更多的內(nèi)存和功耗。

使用 translate3d 右移 500px 的動(dòng)畫(huà)流暢度要明顯優(yōu)于直接使用 left：

測(cè)試代碼：

提升 CSS 選擇器性能

CSS 選擇器對(duì)性能的影響源于瀏覽器匹配選擇器和文檔元素時(shí)所消耗的時(shí)間，所以優(yōu)化選擇器的原則是應(yīng)盡量避免使用消耗更多匹配時(shí)間的選擇器。而在這之前我們需要了解 CSS 選擇器匹配的機(jī)制， 如子選擇器規(guī)則：

我們中的大多數(shù)人都是從左到右的閱讀習(xí)慣，會(huì)習(xí)慣性的設(shè)定瀏覽器也是從左到右的方式進(jìn)行匹配規(guī)則，推測(cè)這條規(guī)則的開(kāi)銷并不高。

我們會(huì)假設(shè)瀏覽器以這樣的方式工作：尋找 id 為 header 的元素，然后將樣式規(guī)則應(yīng)用到直系子元素中的 a 元素上。我們知道文檔中只有一個(gè) id 為 header 的元素，并且它只有幾個(gè) a 元素的子節(jié)點(diǎn)，所以這個(gè) CSS 選擇器應(yīng)該相當(dāng)高效。

事實(shí)上，卻恰恰相反，CSS 選擇器是從右到左進(jìn)行規(guī)則匹配。了解這個(gè)機(jī)制后，例子中看似高效的選擇器在實(shí)際中的匹配開(kāi)銷是很高的，瀏覽器必須遍歷頁(yè)面中所有的 a 元素并且確定其父元素的 id 是否為 header 。

如果把例子的子選擇器改為后代選擇器則會(huì)開(kāi)銷更多，在遍歷頁(yè)面中所有 a 元素后還需向其上級(jí)遍歷直到根節(jié)點(diǎn)。

理解了CSS選擇器從右到左匹配的機(jī)制后，明白只要當(dāng)前選擇符的左邊還有其他選擇符，樣式系統(tǒng)就會(huì)繼續(xù)向左移動(dòng)，直到找到和規(guī)則匹配的選擇符，或者因?yàn)椴黄ヅ涠顺觥Ｎ覀儼炎钣疫呥x擇符稱之為關(guān)鍵選擇器。

1、避免使用通用選擇器

瀏覽器匹配文檔中所有的元素后分別向上逐級(jí)匹配 class 為 content 的元素，直到文檔的根節(jié)點(diǎn)。因此其匹配開(kāi)銷是非常大的，所以應(yīng)避免使用關(guān)鍵選擇器是通配選擇器的情況。

2、避免使用標(biāo)簽或 class 選擇器限制 id 選擇器

3、避免使用標(biāo)簽限制 class 選擇器

4、避免使用多層標(biāo)簽選擇器。使用 class 選擇器替換，減少css查找

5、避免使用子選擇器

6、使用繼承