建站
咨詢
售后
建站咨詢
新聞中心
1.減少onReady事件的數(shù)量
一旦加載了 HTML 頁面并應(yīng)用了所有 CSS 選擇器，就會觸發(fā) onReady 事件。通常，開發(fā)人員會在此處放置初始化頁面組件和啟動各種 JavaScript 函數(shù)所需的邏輯。
創(chuàng)新互聯(lián)擁有網(wǎng)站維護技術(shù)和項目管理團隊，建立的售前、實施和售后服務(wù)體系，為客戶提供定制化的成都網(wǎng)站設(shè)計、網(wǎng)站建設(shè)、外貿(mào)網(wǎng)站建設(shè)、網(wǎng)站維護、服務(wù)器托管解決方案。為客戶網(wǎng)站安全和日常運維提供整體管家式外包優(yōu)質(zhì)服務(wù)。我們的網(wǎng)站維護服務(wù)覆蓋集團企業(yè)、上市公司、外企網(wǎng)站、成都商城網(wǎng)站開發(fā)、政府網(wǎng)站等各類型客戶群體，為全球上1000家企業(yè)提供全方位網(wǎng)站維護、服務(wù)器維護解決方案。
然而，隨著時間的推移，開發(fā)人員傾向于向頁面添加越來越多的 onReady 事件。在故障排除例程中，通常會添加 onReady 事件來解決問題，但不會在解決問題時將其刪除。其他時候，與給定 Web 組件關(guān)聯(lián)的 HTML 會從頁面中刪除，但相應(yīng)的 onReady 事件不會，這會導致多余的 JavaScript 不必要地消耗時鐘周期。此外，onReady 事件通常被編碼到一個通用的 JavaScript 文件中，該文件在每次頁面加載時都會運行，即使該函數(shù)僅在少數(shù)幾個頁面上需要。
2. 使用 let not var
當使用 var 關(guān)鍵字聲明 JavaScript 變量時，它在整個頁面的全局范圍內(nèi)，并在頁面的整個生命周期中維護在內(nèi)存中。但是，當使用 let 關(guān)鍵字聲明變量時，將應(yīng)用塊范圍。因此，該變量會在塊執(zhí)行后從內(nèi)存中刪除。
如果 Ajax 響應(yīng)、JSON 數(shù)據(jù)或 XML 等長文本字符串保存在全局變量中，瀏覽器會很快耗盡可尋址內(nèi)存，這將嚴重影響頁面性能。一個非常容易實現(xiàn)的 JavaScript 性能優(yōu)化技巧就是用 let 替換代碼中的每個 var。
3. 縮小合并
如果你的網(wǎng)頁鏈接到多個 JavaScript 庫，一個快速簡單的優(yōu)化方法是將所有這些 JavaScript 庫合并到一個文件中。
當 JavaScript 加載時，它會阻止其他資源的下載，例如圖像、JSON 和 CSS 文件。并且由于瀏覽器允許與 Internet 建立的外部連接數(shù)量有限，如果你引用了七個或八個外部 JavaScript 文件，你可能會完全阻止下載可能用于呈現(xiàn)內(nèi)容的其他資源顯示在首屏之上。通過將所有 JavaScript 組合到一個文件中，只使用一個外部連接，這允許瀏覽器同步下載其他資源。
另一種減小 JavaScript 文件大小的簡單方法是對它們應(yīng)用最小化程序，例如 JSCompress。最小化器會去除空格和不必要的文本元素，從而減小 JavaScript 文件的大小。反過來，這優(yōu)化了 JavaScript 文件的下載時間。將多個 JavaScript 文件合并為一個以減少傳出網(wǎng)絡(luò)連接的數(shù)量。
4. 不要重新發(fā)明 JavaScript API
JavaScript 有幾個內(nèi)置的 API，允許對集合或數(shù)組進行高效的迭代。使用 Array 的原型構(gòu)造函數(shù)，你可以使用類似 lambda 的語法將函數(shù)應(yīng)用于列表中的所有項目或執(zhí)行操作，例如排序或反轉(zhuǎn)。
這些內(nèi)置方法非常高效，并由瀏覽器進行了優(yōu)化。但是，一些開發(fā)人員并不了解這些方法，而是編寫迭代循環(huán)來達到相同的目的。
無需自己重新發(fā)明這些函數(shù)式方法。這不僅浪費時間，而且還引入了不必要的 JavaScript 性能問題。
5. 在服務(wù)器上執(zhí)行密集邏輯
將計算操作卸載到客戶端的能力是客戶端計算的一個關(guān)鍵優(yōu)勢，但客戶端渲染也可能會給功率不足的手持設(shè)備帶來巨大的負載。
例如，如果渲染圖表或電子表格需要大量計算，并且該計算導致 JavaScript 性能問題，請考慮將其移動到服務(wù)器并簡單地將內(nèi)容作為預先計算的 HTML 交付給客戶端。瀏覽器在靜態(tài) HTML 顯示上比在復雜的、內(nèi)存密集型的 JavaScript 函數(shù)運行上要高效得多。
JavaScript 是在最終用戶訪問你的網(wǎng)站時更好地參與和保留他們的關(guān)鍵，但是開發(fā)人員應(yīng)該始終意識到涉及 JavaScript 時對性能的影響。注意這五個 JavaScript 性能優(yōu)化技巧，以幫助你的 Web 開發(fā)團隊避免一些常見的網(wǎng)站性能陷阱。
網(wǎng)頁名稱：快速網(wǎng)站的簡單JavaScript性能優(yōu)化技巧
分享鏈接：http://m.5511xx.com/article/dpjdgpp.html
