^{<style id="fapfx"><label id="fapfx"></label></style>}

<span id="fapfx"><label id="fapfx"></label></span>

Web前端培訓(xùn)之性能優(yōu)化問題

來源：千鋒教育 發(fā)布人：星星

2022-01-10 10:45:57|已瀏覽：122次

性能優(yōu)化

性能優(yōu)化(Optimize)簡而言之，就是在不影響系統(tǒng)運行正確性的前提下，使之運行地更快，完成特定功能所需的時間更短。那么該如何提高性能呢?你可以采取以下方法：

1、減少http請求次數(shù)
80%的響應(yīng)時間花在下載網(wǎng)頁內(nèi)容(images, stylesheets, JavaScripts,scripts, flash等)。減少請求次數(shù)是縮短響應(yīng)時間的關(guān)鍵!可以通過簡化頁面設(shè)計來減少請求次數(shù)，但頁面內(nèi)容較多可以采用以下技巧。
2、減少DNS查詢次數(shù)
DNS查詢也消耗響應(yīng)時間，如果我們的網(wǎng)頁內(nèi)容來自各個不同的domain (比如嵌入了開放廣告，引用了外部圖片或腳本)，那么客戶端首次解析這些domain也需要消耗一定的時間。DNS查詢結(jié)果緩存在本地系統(tǒng)和瀏覽器中一段時間，所以DNS查詢一般是對首次訪問響應(yīng)速度有所影響。
3、緩存Ajax
Ajax可以幫助我們異步的下載網(wǎng)頁內(nèi)容，但是有些網(wǎng)頁內(nèi)容即使是異步的，用戶還是在等待它的返回結(jié)果，例如ajax的返回是用戶聯(lián)系人的下拉列表。所以我們還是要注意盡量應(yīng)用以下規(guī)則提高ajax的響應(yīng)速度。
4、延遲加載

這里討論延遲加載需要我們知道我們的網(wǎng)頁最初加載需要的最小內(nèi)容集是什么。剩下的內(nèi)容就可以推到延遲加載的集合中。JavaScript是典型的可以延遲加載內(nèi)容。一個比較激進(jìn)的做法是開發(fā)網(wǎng)頁時先確保網(wǎng)頁在沒有Javascript的時候也可以基本工作，然后通過延遲加載腳本來完成一些高級的功能。

本文由培訓(xùn)無憂網(wǎng)千鋒教育專屬課程顧問老師整理發(fā)布，更多web前端課程信息可關(guān)注培訓(xùn)無憂網(wǎng)web前端培訓(xùn)頻道或添加老師微信：15033336050

注：尊重原創(chuàng)文章,轉(zhuǎn)載請注明出處和鏈接 http://elsolbar.com/news-id-14148.html 違者必究！部分文章來源于網(wǎng)絡(luò)由培訓(xùn)無憂網(wǎng)編輯部人員整理發(fā)布,內(nèi)容真實性請自行核實或聯(lián)系我們，了解更多相關(guān)資訊請關(guān)注web前端頻道查看更多，了解相關(guān)專業(yè)課程信息您可在線咨詢也可免費申請試課。關(guān)注官方微信了解更多：150 3333 6050

相關(guān)新聞

相關(guān)新聞

免費申請試聽

提交申請，《培訓(xùn)無憂網(wǎng)》課程顧問老師會一對一幫助你規(guī)劃更適合你的專業(yè)課程！