摘要：本文探討了Web前端開發(fā)語言，分析了目前Web前端開發(fā)技術(shù)應(yīng)用存在問題，研究了優(yōu)化Web前端技術(shù)的策略，以及AJAX工作原理及開發(fā)應(yīng)用。

關(guān)鍵詞：互聯(lián)網(wǎng);Web;技術(shù);優(yōu)化策略

中圖分類號：TP393.0? ? 文獻(xiàn)標(biāo)識碼：A? ? 文章編號：1007-9416（2020）04-0000-00

1 Web前端開發(fā)語言

一般來說，JavaScript、 HTML、CSS是應(yīng)用較為廣泛的Web前段開發(fā)語言，這三種語言的應(yīng)用有著不同的適用范圍，以及不同的開發(fā)任務(wù)。JavaScript的應(yīng)用，主要是為了能夠在進(jìn)行語言匯編時，將內(nèi)容與代碼準(zhǔn)確地分隔開來，以此來避免出現(xiàn)兼容性問題。HTML技術(shù)的應(yīng)用則主要是對各類圖形展開合適地修整，據(jù)相關(guān)專家預(yù)測，HTML技術(shù)將有可能取代flash在Web網(wǎng)頁中的應(yīng)用。CSS的應(yīng)用主要是對網(wǎng)頁外觀進(jìn)行設(shè)計與效果化，網(wǎng)頁中的陰影、透明，以及其他炫酷效果都是基于CSS技術(shù)的應(yīng)用實現(xiàn)的。

2 目前Web前端開發(fā)技術(shù)應(yīng)用存在問題分析

2.1 瀏覽器兼容性不高問題

相關(guān)調(diào)查數(shù)據(jù)顯示，IE瀏覽器、360瀏覽器、百度瀏覽器、火狐瀏覽器是目前我國互聯(lián)網(wǎng)用戶使用較為頻繁的瀏覽器，由于在技術(shù)方面存在缺陷，導(dǎo)致在同一操作系統(tǒng)中，這幾個瀏覽器的之間的應(yīng)用存在較明顯的兼容性問題，影響著用戶的使用體驗與使用效率，這是當(dāng)前急需解決的問題。此外，在互聯(lián)網(wǎng)快速發(fā)展的背景下，瀏覽器種類也在不斷增加，也出現(xiàn)了較為嚴(yán)重的兼容性問題，即便是面對同樣的代碼，不同瀏覽器執(zhí)行效果也有著較大區(qū)別。因此，為了有效解決這種兼容性不足的問題，必須結(jié)合實際情況進(jìn)行具體分析，對瀏覽器進(jìn)行研發(fā)、調(diào)試[1]。

2.2 Web加載速度過慢

文件大小在極大程度上決定了互聯(lián)網(wǎng)加載速度快慢，文件越大，互聯(lián)網(wǎng)的加載速度越慢。因此若是無法提升寬帶，文件的大小決定了網(wǎng)頁運行速度的效果。在實際中，在Web網(wǎng)頁設(shè)計中存在文件過大導(dǎo)致加載速度慢的問題，而在縮減加載文件的大小過程中對于代碼優(yōu)化整合方面的水平不足，甚至出現(xiàn)核心結(jié)構(gòu)被刪除的現(xiàn)象，大幅降低了用戶的體驗感受。

2.3 HTTP請求數(shù)量過多

在對網(wǎng)頁進(jìn)行開發(fā)時，由于程序員過于追求視覺效果，對于代碼優(yōu)化重視程度不高，導(dǎo)致了HTTP的請求數(shù)量過多才能獲得較好的網(wǎng)頁體驗效果，以及由于程序設(shè)計人員缺乏實踐經(jīng)驗，無法實現(xiàn)對相應(yīng)代碼的優(yōu)化和結(jié)構(gòu)調(diào)整，導(dǎo)致了網(wǎng)頁加載過慢的問題?；谶@種現(xiàn)狀，用戶必須進(jìn)行多次繁瑣的網(wǎng)頁跳轉(zhuǎn)，才能打開目標(biāo)網(wǎng)頁，降低了用戶的滿意度體驗。

3 優(yōu)化Web前端技術(shù)的策略

3.1 在優(yōu)化HTML頁面方面

總體而言，HTML頁面反映了一個瀏覽器的特點，HTML技術(shù)的有效應(yīng)用不但可以使用戶獲得較好的視覺體驗，而且能夠保證網(wǎng)頁較為完整的基本性能。在優(yōu)化HTHL頁面時需要綜合考慮多個角影響作用，不但要實現(xiàn)單一頁面呈現(xiàn)內(nèi)容的較高質(zhì)量，而且要確保所有頁面內(nèi)容在整體上的高度統(tǒng)一，最大限度地提升頁面在設(shè)計與內(nèi)容上的吸引力，避免用戶出現(xiàn)興趣索然的感覺，降低對網(wǎng)頁使用的粘性[2]。

3.2 在減小文件大小方面

在上文提到，網(wǎng)頁加載速度會受到文件的小的影響，而且網(wǎng)頁文件越大，其加載的速度也就越慢。除了通過更換更大的寬帶之外，也只有不斷縮小文件大小，才能達(dá)到加快網(wǎng)頁加載速度的效果。通過對設(shè)計邏輯、設(shè)計功能進(jìn)行組件化設(shè)計，例如在具體Web設(shè)計中把if做成組件、把一個倒計時做成組件、把一段動畫做成組件、把路由做成組件、把數(shù)據(jù)架構(gòu)做成組件，提高設(shè)計結(jié)構(gòu)的單個可移植性，便于后期進(jìn)行設(shè)計優(yōu)化。在此過程中注意保護(hù)代碼實現(xiàn)的核心功能結(jié)構(gòu)，避免出現(xiàn)誤刪，或者調(diào)整錯誤等導(dǎo)致文件無法打開。目前，應(yīng)用較為廣泛就是借助JavaScript應(yīng)用程序，或者是采用CSS文件進(jìn)行代碼壓縮、適當(dāng)刪減多余代碼，進(jìn)而達(dá)到縮小文件大小的目的[3]。

3.3 在減少HTTP請求方面

設(shè)計人員在對網(wǎng)頁進(jìn)行設(shè)計過程中，添加了一些較為繁瑣的操作步驟，以達(dá)到較好的視覺效果，進(jìn)而導(dǎo)致HTTP請求過多。但是由于缺乏經(jīng)驗，沒能實現(xiàn)對這些繁瑣步驟的有效精簡，進(jìn)而使網(wǎng)站運行承受了更大負(fù)荷，甚至?xí)诓槐匾臅r候彈出許多可有可無的窗口，降低了網(wǎng)頁加載速度。為了有效預(yù)防此類狀況，就需要加強(qiáng)對設(shè)計人員的培訓(xùn)力度，通過轉(zhuǎn)變設(shè)計思路，在確保設(shè)計功能的同時化繁為簡，確保網(wǎng)頁功能齊全、操作流暢。

3.4 在縮短DNS查詢次數(shù)與時間方面

在目前的Web設(shè)計運行過程中，DNS的查詢時間長的缺陷較為普遍，甚至是有時經(jīng)過長時間加載仍舊不能順利地進(jìn)入網(wǎng)站，也因此喪失很多用戶，大幅降低了網(wǎng)頁的用戶訪問量，不利于網(wǎng)站的提升發(fā)展。有時即便是通過長時間的加載依然無法順利進(jìn)入網(wǎng)站，很多用戶會由于長時間的等待而放棄進(jìn)入網(wǎng)頁，這樣-來就會大大減少網(wǎng)頁的整體訪問量，阻礙網(wǎng)站的進(jìn)一步發(fā)展。因此，必須要采取一系列有效措施來縮短DNS的查詢次數(shù)與時間，例如使用Keep-Live和較少的域名來減少DNS查找，以此提高網(wǎng)站性能，使用戶獲得更好的體驗效果，提高對網(wǎng)站訪問的意愿。

3.5 在加強(qiáng)頁面優(yōu)化設(shè)計方面

好的網(wǎng)站頁面布局能夠吸引大量的用戶瀏覽，提升網(wǎng)站熱度。然而就目前的網(wǎng)頁設(shè)計而言，大部分難以起到吸引效果。主要原因在于設(shè)計人員設(shè)計理念創(chuàng)新水平不足受固有設(shè)計框架影響，或者是過于重視網(wǎng)頁視覺效果，對網(wǎng)站實用性關(guān)注力度不夠，使得網(wǎng)站的運行喪失了整體性效果。這就要求設(shè)計人員在確保網(wǎng)站實用性的前提下，分析對象用戶心理，通過吸收一些新鮮元素對設(shè)計理念、設(shè)計框架進(jìn)行創(chuàng)新，提升網(wǎng)站的服務(wù)性。只有基于客戶需求，將網(wǎng)站內(nèi)容做到精簡濃縮又能吸引眼球，從而使用戶快速找到目標(biāo)內(nèi)容，才能提升用戶的體驗感受。

4 AJAX工作原理及開發(fā)應(yīng)用

5 結(jié)語

信息化時代背景下，互聯(lián)網(wǎng)的應(yīng)用發(fā)展正在不斷加速，人們的生產(chǎn)、生活對于網(wǎng)絡(luò)的依賴性越來越高，所以，加強(qiáng)對Web前端開發(fā)技術(shù)及其應(yīng)用優(yōu)化研究極具現(xiàn)實意義。相關(guān)研發(fā)單位在開展Web研發(fā)之前，需要全面了解JavaScript、HTML、CSS等設(shè)計語言，切實掌握了其應(yīng)用特性，進(jìn)而才能有效地應(yīng)對當(dāng)前Web前端開發(fā)遇到的問題，并且注意不斷提升設(shè)計開發(fā)人員的專業(yè)素質(zhì)，才能不斷優(yōu)化Web前端開發(fā)的方法和策略。

參考文獻(xiàn)

[1] 王赫.Web前端開發(fā)技術(shù)以及優(yōu)化方向分析[J].科技傳播，2016（8）：70+77.

[2] 劉柳.基于Web前端的性能優(yōu)化方案研究[D].武漢：華中科技大學(xué)，2015.

[3] 陳秋實.移動Web前端性能優(yōu)化方法及其應(yīng)用研究[D].武漢：華中科技大學(xué)，2015.

收稿日期：2020-03-12

作者簡介：單斌（1984—），男，天津人，碩士，工程師，研究方向：軟件工程領(lǐng)域。

Web Front end Development Technology and Optimization Strategy Analysis

SHAN Bin

（Ruijie Network Co.， Ltd， Fuzhou Fujian? 350000）

Abstract： This paper discusses the web front-end development language， analyzes the existing problems in the application of Web front-end development technology， studies the strategy of optimizing Web front-end technology， and the working principle and development application of Ajax.

Keywords： Internet; Web; technology; optimization strategy