Web前端開發(fā)技術(shù)以及優(yōu)化研究

吳睿

【摘要】二十一世紀是信息時代，信息技術(shù)、網(wǎng)絡(luò)技術(shù)得到空前發(fā)展，普及度不斷提高，被應(yīng)用到各個領(lǐng)域，小到日常生活娛樂，大到企業(yè)生產(chǎn)辦公。但當前很多技術(shù)在應(yīng)用中也存在著諸多問題，如安全性問題，穩(wěn)定性問題，性能問題等。例如Web前端開發(fā)技術(shù)應(yīng)用中，一些Web頁面時常發(fā)生響應(yīng)速度慢，占用資源大，假死、崩潰等問題。因此，應(yīng)采取優(yōu)化措施縮短頁面響應(yīng)時間來改善用戶體驗。本文將針對Web前端開發(fā)技術(shù)及優(yōu)化展開研究。

【關(guān)鍵詞】Web 前端開發(fā) 開發(fā)技術(shù) 優(yōu)化措施

引言：Web前端開發(fā)技術(shù)廣泛應(yīng)用于網(wǎng)頁制作中，是網(wǎng)頁制作的重要技術(shù)手段。隨著網(wǎng)頁制作水平的不斷提高及技術(shù)的演變，網(wǎng)頁開始開始由靜態(tài)內(nèi)容顯示，逐漸轉(zhuǎn)變?yōu)閯討B(tài)內(nèi)容顯示，Web前端開發(fā)技術(shù)類型越來越豐富。如：Aiax帶來了無刷新數(shù)據(jù)交互，縮減了網(wǎng)頁跳轉(zhuǎn)次數(shù)，提高了Web前端應(yīng)用性能，使單個頁面能完成更多功能。而且HTML5越來越成熟，JavaScript應(yīng)用度越來越高。但Web前端開發(fā)對代碼質(zhì)量要求越來越高，所以具體開發(fā)中應(yīng)做好優(yōu)化工作，科學調(diào)整相關(guān)參數(shù)，以縮短頁面響應(yīng)時間，提高運行效率。

一、Web前端開發(fā)技術(shù)

1、DOM。DOM技術(shù)在Web前端開發(fā)中發(fā)揮著重要作用，能為語言無關(guān)及WEB端提供標準API，把XML文檔抽象為由節(jié)點構(gòu)成的樹形數(shù)據(jù)結(jié)構(gòu)，能有效增強頁面交互性，實現(xiàn)訪問頁面其他標準組件，實現(xiàn)異構(gòu)訪問，其設(shè)計對象是OMG，定義了表示和修改文檔所需對象間的關(guān)系。

2、AJAX。AJAX技術(shù)使用DOM作動態(tài)顯示和交互，解決服務(wù)器數(shù)據(jù)解析與頁面數(shù)據(jù)獲取，創(chuàng)建動態(tài)網(wǎng)頁，能有效減少后臺與服務(wù)器間的數(shù)據(jù)交互量，實現(xiàn)網(wǎng)頁異步更新。因此，能減少請求信息量，使網(wǎng)絡(luò)速度更快、更穩(wěn)定。

3、CSS。CSS能用來表示HTML和XML等文件樣式的計算機語言，支持大部分字體字號樣式，在Web前端開發(fā)能對網(wǎng)頁排版對象精準控制，從而提高顯示效果，優(yōu)化寫法。而且CSS代碼精簡，所以網(wǎng)頁布局調(diào)整修改和重構(gòu)難度小，能有效提高開發(fā)效率和訪問速度，優(yōu)化SEO。

二、Web優(yōu)化

雖Web前端開發(fā)技術(shù)水平在不斷提高，技術(shù)類型越來越豐富，但具有應(yīng)用中依然存在一些不足，影響網(wǎng)頁訪問速度和響應(yīng)速度，造成網(wǎng)頁延遲過長，所以做好Web優(yōu)化非常重要。通過優(yōu)化不僅能提高性能，更能優(yōu)化視覺效果。下面通過幾點來分析Web優(yōu)化：

2.1合理控制文件大小

文件大小不僅會影響加載速度，更重要的是會影響網(wǎng)頁響應(yīng)速度及互動性能。若控件文件過大或樣式過多，必然導致響應(yīng)速度變慢，造成網(wǎng)頁延遲過長，甚至導致網(wǎng)頁崩潰，出現(xiàn)無響應(yīng)現(xiàn)象。因此，要合理控制文件大小，不僅要壓縮JavaSeript，且要去除一些多余html標簽，通過對CSS文件和代碼的優(yōu)化提升運行速度，避免內(nèi)聯(lián)式樣式，使CSS文件能快速加載，使部分頁面內(nèi)容能立即呈現(xiàn)給用戶，解決以往傳統(tǒng)技術(shù)條件下，頁面長時間空白的問題，從而增強用戶體驗，使頁面加載合情合理。

2.2合理控制HTTP請求

HTTP請求包括：使用協(xié)議、資源請求方法、資源標識符、消息首行、DNS尋址等多個方面，減少HTTP請求是提高響應(yīng)速度，降低訪問和資源占用時間成本的有效手段。實際上，一個完整HTTP請求處理是一個相對“漫長”，而復雜的過程。因此，HTTP請求數(shù)量越多，對寬帶資源占用率越高，響應(yīng)時間越長，加載速度越慢，甚至會導致頁面一直讀條，造成無響應(yīng)。因此，要合理控制HTTP請求，通過內(nèi)聯(lián)文件和合并文件方式來少HTTP請求。

2.3合理控制DNS查詢

DNS查詢對于加載速度影響很大，實際上頁面沒解析一次DNS都需要消耗20-120毫秒，所以DNS查詢越多，加載速度越慢，而且在解析DNS過程中，該頁面任何東西都不能被加載，只有在DNS查詢查詢結(jié)束后，才能繼續(xù)加載。因此，必須合理控制DNS查詢，通過DNS查詢來提升加載速度，避免多次解析DNS。

2.4減少HTTP錯誤

HTTP錯誤處理是導致頁面無響應(yīng)，造成頁面崩潰的主要原因，將大大降低用戶體驗。HTTP錯誤大多由頁面無法找到相應(yīng)文件或HTTP請求不能被處理及處理時間消耗過程所導致。因此，為提升運行速度，減少無用響應(yīng)，應(yīng)減少HTFP錯誤，要對Web服務(wù)器和頁面鏈接進行有效措施，從而減少運行中的HTTP錯誤。

結(jié)束語：新時代背景下，網(wǎng)絡(luò)普及度越來越高，不論男女老幼都在使用網(wǎng)絡(luò)，所用對Web的用戶體驗要求越來越高，對加載與響應(yīng)速度越來越重視。因此，在Web前端開發(fā)中應(yīng)采取有效Web優(yōu)化措施，提升用戶體驗，提高運行速度，解決無響應(yīng)和速度慢的問題。