基于網(wǎng)站制作的Web前端開發(fā)技術(shù)優(yōu)化研究

李寧

關(guān)鍵詞：網(wǎng)站制作；WEB 前端；開發(fā)技術(shù)；優(yōu)化

網(wǎng)站制作是互聯(lián)網(wǎng)應(yīng)用的基礎(chǔ)，其是互聯(lián)網(wǎng)的基礎(chǔ)架構(gòu)。從網(wǎng)站制作實踐來看，一個網(wǎng)站的架構(gòu)可分為三個模塊，分別是數(shù)據(jù)資源庫的建設(shè)、網(wǎng)頁互動界面的布局設(shè)計、圖片與文字的處理與應(yīng)用。這三個模塊是構(gòu)成網(wǎng)站基礎(chǔ)界面和功能的基礎(chǔ)性架構(gòu)，而WEB 前端開發(fā)則是為這三個模塊建設(shè)奠基的基礎(chǔ)，完善和優(yōu)化WEB前端開發(fā)技術(shù)在推進網(wǎng)站建設(shè)、提高網(wǎng)站功能性、改善網(wǎng)站用戶體驗中有著不可忽視的作用。

一、WEB 前端開發(fā)技術(shù)基本概述

（一）WEB 前端開發(fā)基礎(chǔ)及概述

HTML 即超文本標(biāo)記語言，通過HTML 能夠進行網(wǎng)站基礎(chǔ)頁面的設(shè)計與優(yōu)化，比如在網(wǎng)站中加入背景圖片、插入背景音樂、錄入宣傳視頻等均是通過HTML 技術(shù)實現(xiàn)。HTML 是面向網(wǎng)站本身的前端開發(fā)技術(shù)，其針對的是網(wǎng)站本身，如調(diào)整網(wǎng)站對話框的顏色、增加某些欄目等并不能賦予網(wǎng)站特定的功能性，其更多是將整個網(wǎng)站頁面分割為不同的模塊或欄目，便于開發(fā)者和用戶選取。

Javascript 是一種計算機編程語言方式，相較于其他編程語言而言，java 語言具有更強的兼容性和泛用性，在個人電腦上能夠加載，在手機終端上也能夠運行，因此很多網(wǎng)站可以同時在電腦端和手機端無差別使用。如果說HTML 構(gòu)成了網(wǎng)站的框架和外在，那么Javascript則填充了網(wǎng)站的功能與內(nèi)涵，網(wǎng)站功能的實現(xiàn)依賴于Javascript 的開發(fā)與設(shè)計。

CSS 則是專門服務(wù)于HTML 的WEB 前端開發(fā)工具，其是HTML 內(nèi)部的一級語言，主要功能是賦予HTML 一定的變化特征，如網(wǎng)站欄目滾動、少數(shù)功能導(dǎo)航均是通過CSS 實現(xiàn)的。如果將網(wǎng)站比作一個人，HTML 就是衣服，CSS 開發(fā)就是賦予衣服顏色與造型。網(wǎng)站的前端設(shè)計能夠在很大程度上為人們的日常學(xué)習(xí)工作帶來助益，不僅能夠極大地擴充信息共享的范疇，增長信息共享的內(nèi)容，還能夠最大幅度地對工作效率和效果進行提升。

（二）WEB 前端的基礎(chǔ)架構(gòu)

對當(dāng)前的主流網(wǎng)站進行分析，不難發(fā)現(xiàn)雖然當(dāng)前網(wǎng)站前端設(shè)計多種多樣，但民用領(lǐng)域最常見的網(wǎng)站架構(gòu)仍是B/S 結(jié)構(gòu)，這種網(wǎng)絡(luò)前端結(jié)構(gòu)具有泛用性和普適性，符合大部分網(wǎng)絡(luò)用戶的操作邏輯，也能夠滿足絕大多數(shù)用戶的信息需求。以百度搜索引擎為例，百度的主界面就是典型的B/S 結(jié)構(gòu)的網(wǎng)站前端，網(wǎng)站使用者可以在特定對話框中輸入自己感興趣的或者想要檢索的信息，然后瀏覽器通過這一動作向服務(wù)器發(fā)送定位符信息，之后服務(wù)器再根據(jù)收到的定位符信息展開數(shù)據(jù)分析和數(shù)據(jù)整理，然后通過URL 中存儲的用戶資料找到對應(yīng)的用戶信息，最后將特定用戶想要獲取或使用的信息展示到個人終端上。這個過程可能在幾毫秒內(nèi)完成，但實際上經(jīng)過定位符傳輸、定位符識別、用戶身份識別、用戶位置定位、信息反饋等各個環(huán)節(jié)，而這些環(huán)節(jié)的完成均繞不開WEB 前端程序。

（三）WEB 前端開發(fā)技術(shù)研究進展及研究重點

隨著網(wǎng)絡(luò)媒體的進一步發(fā)展和普及，網(wǎng)絡(luò)用戶規(guī)模迅速擴張，和21 世紀(jì)早期相比，網(wǎng)站的容量、用戶訪問量、訪問頻率顯著提升，但WEB 前端開發(fā)研究的重點仍停留在頁面的轉(zhuǎn)換和跳動上，這與過去并無太大差別。但和過去相比，由于訪問用戶增加、網(wǎng)絡(luò)環(huán)境更加復(fù)雜，為了保證網(wǎng)站用戶的使用體驗、提高用戶的操作感、保證網(wǎng)站運行的效率，WEB 前端開發(fā)技術(shù)中對禁止非法訪問以及IP 識別功能進行了增置，如網(wǎng)站的用戶登錄設(shè)計、網(wǎng)站IP 識別設(shè)計等。此外，為了防止網(wǎng)絡(luò)犯罪的肆虐、保證網(wǎng)站運行的穩(wěn)定性，WEB 前端開發(fā)中又新增置了后臺操作權(quán)限開發(fā)設(shè)計（入侵權(quán)限控制），在網(wǎng)站前端架構(gòu)中加入了身份認(rèn)證功能以及IP管理功能，這兩個功能的出現(xiàn)極大地保障了網(wǎng)站運行的安全性，構(gòu)建了現(xiàn)代網(wǎng)站完全管理體系，有效預(yù)防了網(wǎng)絡(luò)犯罪的發(fā)生。此外，在WEB 前端開發(fā)中，除了要注意網(wǎng)站內(nèi)部架構(gòu)外，網(wǎng)站外部防護也是近些年來WEB前端開發(fā)技術(shù)研究的重點內(nèi)容，主要針對來自網(wǎng)站外部、網(wǎng)絡(luò)空間的網(wǎng)絡(luò)病毒的侵襲，一方面是幫助網(wǎng)站抵御網(wǎng)絡(luò)病毒的侵襲，確保網(wǎng)站運行的穩(wěn)定性，避免網(wǎng)站崩潰。另一方面則是為了保障網(wǎng)站用戶的信息安全，避免網(wǎng)絡(luò)病毒以網(wǎng)站為跳板侵襲用戶個人終端，保證用戶的訪問體驗。但隨著網(wǎng)絡(luò)安全技術(shù)的發(fā)展以及電腦程序編程語言的發(fā)展，網(wǎng)絡(luò)病毒侵襲網(wǎng)站和個人終端的難度增加，程序和系統(tǒng)本身的防護水平就足以抵抗大部分病毒的侵襲，對抗網(wǎng)絡(luò)病毒的語言與程序設(shè)計的研究熱度已大不如前，但在WEB 前端開發(fā)中又是不可忽略的內(nèi)容。

二、網(wǎng)站制作中WEB 前端開發(fā)技術(shù)優(yōu)化方向

從網(wǎng)站實際管理者角度來說，其希望通過網(wǎng)站獲取更高的流量，以取得收益、知名度和影響力，而實現(xiàn)這些目標(biāo)的關(guān)鍵在于用戶體驗。以百度和搜狗兩個知名搜索引擎為例，百度在國內(nèi)用戶中能夠取得極高的影響力和知名度，原因在于百度的網(wǎng)站前端架構(gòu)更符合國人的檢索習(xí)慣、語言環(huán)境上也更加支持漢語檢索、響應(yīng)速度上也更加迅速、檢索結(jié)果也更加智能多樣，概括來說就是國內(nèi)用戶在百度搜索引擎中進行信息檢索能夠得到更好的體驗。從這個等效關(guān)系中我們不難看出，網(wǎng)站制作的前端架構(gòu)應(yīng)當(dāng)以用戶體驗為目標(biāo)，以優(yōu)化用戶體驗為核心任務(wù)，只有保證了用戶體驗才能夠確保網(wǎng)站的用戶量、訪問量和訪問頻率，沒有用戶會一直保持耐心在一個不好用的、體驗差的網(wǎng)站上獲取自己想要的信息，因此網(wǎng)站制作中WEB 前端開發(fā)技術(shù)優(yōu)化方向必須要以用戶體驗為第一目標(biāo)，其次才是網(wǎng)站本身。

隨著網(wǎng)絡(luò)技術(shù)的進一步發(fā)展，當(dāng)前網(wǎng)站開發(fā)技術(shù)已較為完善，WEB 前端設(shè)計理論體系、技術(shù)體系已趨于成熟，網(wǎng)站的智能化程度越來越高、功能性越來越強大，但從實際情況來看，當(dāng)前網(wǎng)站使用仍存在以下問題，這些問題也是當(dāng)前WEB 前端開發(fā)技術(shù)優(yōu)化的主要方向。

（一）訪問擁堵問題

在網(wǎng)絡(luò)用戶較少的時代，網(wǎng)絡(luò)擁堵問題發(fā)生頻率較低，隨著網(wǎng)絡(luò)用戶規(guī)模的擴張，網(wǎng)絡(luò)擁堵問題變得愈加顯著，具體表現(xiàn)為當(dāng)單一時間內(nèi)訪問網(wǎng)站的用戶量過高時，網(wǎng)站的響應(yīng)速度就會降低，甚至出現(xiàn)“卡死”問題。

訪問擁堵問題的發(fā)生與多種因素有關(guān)，一般來說當(dāng)整體訪問量達到或超過服務(wù)器荷載時就會出現(xiàn)擁堵問題，隨著網(wǎng)絡(luò)技術(shù)的升級，服務(wù)器荷載能力顯著提升，因超過服務(wù)器荷載導(dǎo)致的網(wǎng)絡(luò)擁堵發(fā)生頻率較低，但一旦發(fā)生訪問擁堵問題將會極大地降低用戶的訪問體驗，導(dǎo)致用戶觀感降低。

（二）訪問丟失

在訪問網(wǎng)站的時候有些時候會遇到這種情況，網(wǎng)站尚未達到訪問數(shù)量限制，服務(wù)器也沒有響應(yīng)，數(shù)據(jù)流也無異常，但用戶發(fā)出的訪問請求會莫名其妙丟失，出現(xiàn)“404”的問題。導(dǎo)致“404”的原因有很多，比如網(wǎng)絡(luò)掉線、服務(wù)器刷新、數(shù)據(jù)流異常、訪問數(shù)據(jù)限制等，但排除明確無法訪問的情況，在所有條件都具備時仍會出現(xiàn)的“404”問題就是WEB 前端架構(gòu)問題了，這與WEB 前端架構(gòu)中的漏洞有關(guān)。雖然此類問題可通過重新訪問解決，但不利于用戶網(wǎng)站訪問體驗的提升。

（三）訪問安全

近些年來，網(wǎng)絡(luò)信息安全是我國網(wǎng)絡(luò)技術(shù)研究和法律研究的重要內(nèi)容，隨著網(wǎng)絡(luò)信息安全案件的審判，網(wǎng)絡(luò)用戶對網(wǎng)絡(luò)信息安全的關(guān)注度越來越高。如何通過WEB 前端設(shè)計識別用戶身份信息的同時，又保證用戶個人信息的安全性是未來網(wǎng)站安全管理和WEB 前端設(shè)計技術(shù)研究的重點內(nèi)容。

三、基于網(wǎng)站制作的Web 前端開發(fā)技術(shù)優(yōu)化策略

網(wǎng)絡(luò)生活是21 世紀(jì)居民生活的重要組成內(nèi)容，隨著信息技術(shù)的進一步發(fā)展，未來網(wǎng)絡(luò)功能越來越發(fā)達，網(wǎng)絡(luò)在居民生活中發(fā)揮的作用、扮演的角色也會越來越重要。網(wǎng)站是互聯(lián)網(wǎng)絡(luò)的組成單元，WEB 前端開發(fā)是網(wǎng)站建設(shè)的基礎(chǔ)，因此我們有必要對WEB 前端開發(fā)技術(shù)進行優(yōu)化、更新和升級，以提高網(wǎng)站建設(shè)的效率、網(wǎng)站使用的安全以及用戶訪問網(wǎng)站時的體驗，發(fā)揮好網(wǎng)絡(luò)在生產(chǎn)生活中的積極作用。

（一）加強網(wǎng)站文件整合，優(yōu)化訪問效率

（二）控制請求數(shù)量，提高單個請求響應(yīng)效率

用戶訪問網(wǎng)站并從網(wǎng)站中獲取自己想要的信息，這個功能的實現(xiàn)至少包含三個環(huán)節(jié)：用戶發(fā)出訪問請求—網(wǎng)站識別訪問請求—批準(zhǔn)訪問請求并作出響應(yīng)。當(dāng)然，在實際的網(wǎng)站建設(shè)中，用戶提出請求到請求被響應(yīng)的過程更加復(fù)雜，涉及的環(huán)節(jié)越多則響應(yīng)效率越低、用戶訪問的耗時越長。而服務(wù)器的算力有限，請求數(shù)量越多、響應(yīng)環(huán)節(jié)越多，則用戶的等待時間越長，因此為了避免有用戶訪問后等待太久的時間、避免訪問量過大導(dǎo)致的HTTP 擁堵問題，可在WEB 前端就設(shè)置請求數(shù)量限制，當(dāng)網(wǎng)站內(nèi)請求數(shù)量達到閾值時，就自動拒絕新的請求并予以道歉，告知用戶訪問受限的原因，指導(dǎo)用戶到其他同類型網(wǎng)站進行訪問，避免單個請求等待過長的問題發(fā)生，提高訪問用戶的體驗。此外，在HTML 設(shè)計中，開發(fā)人員可以通過對導(dǎo)航進行優(yōu)化，建立簇式導(dǎo)航，指導(dǎo)用戶選擇特定的訪問對象（網(wǎng)站二級數(shù)據(jù)庫），從物理意義上實現(xiàn)請求的分流，提高網(wǎng)站的請求響應(yīng)效率。此外，如果不計網(wǎng)站的建設(shè)成本，對服務(wù)器進行升級，將小服務(wù)器更新為大型服務(wù)器組，實現(xiàn)網(wǎng)站服務(wù)器算力的飛躍是解決網(wǎng)站訪問效率的根本方法。

（三）加強DNS 解析，減少訪問等待時間

在網(wǎng)絡(luò)空間內(nèi)，DNS 是一項重要的數(shù)據(jù)。其是網(wǎng)絡(luò)服務(wù)的一種，是域名和IP 地址互相映射的結(jié)果，是個人終端、網(wǎng)站服務(wù)器在網(wǎng)絡(luò)空間中錨定自身的關(guān)鍵數(shù)據(jù)，用戶通過終端訪問網(wǎng)站，本質(zhì)上是DNS 的相互映射?？梢杂靡粋€類比來解釋DNS 在網(wǎng)站訪問中的作用及功能，個人終端（電腦、手機）相當(dāng)于用戶的“家”，用戶訪問網(wǎng)站并提出請求相當(dāng)于寄出了一封信（發(fā)出訪問請求），信上會寫明寄信人的地址和收信人的地址，網(wǎng)站收到用戶的信件后，根據(jù)信封上的寄信人地址給出回信（同意訪問的回應(yīng)），而寄信人和收信人的地址就是DNS。DNS 代表了IP 的對應(yīng)關(guān)系，是網(wǎng)站能夠給用戶精確回應(yīng)的依據(jù)，因此用戶訪問網(wǎng)站并獲取需要信息時，必然涉及DNS 的獲取和解析，WEB 前端工程中必然有與DNS 獲取和解析相關(guān)的設(shè)計，如果能夠提高DNS 解析的效率，那么就能夠?qū)崿F(xiàn)網(wǎng)站訪問效率的提升，從而改善用戶的訪問體驗。

在網(wǎng)站進行頁面打開操作時，通常DNS 要先對網(wǎng)頁內(nèi)容進行解析操作，其操作過程是需要一定的時間來進行的。如果用戶頻繁地發(fā)送解析請求，就在一定程度上增加了DNS 的解析壓力，延長解析時間。WEB 前端開發(fā)人員可以通過技術(shù)性設(shè)計對DNS 解析請求進行控制，提高DNS 解析效率，進而不斷縮短用戶的等待時間，充分提高用戶的操作體驗。此外，造成等待時間長的因素，除DNS 解析之外，還有HTML 重定向的問題存在，當(dāng)頁面進行重定向進程時，請求次數(shù)也會逐漸增加，需要響應(yīng)的時長也隨之增加。因此前端開發(fā)人員要從基本代碼上入手，盡量減少網(wǎng)站的重定向布局操作，減少用戶的無效等待時長。

四、結(jié)束語

網(wǎng)站的搭建過程中，其制作離不開Web 前端技術(shù)開發(fā)，伴隨技術(shù)的不斷發(fā)展和日漸完善，廣大用戶對網(wǎng)站使用的體驗和感受也越來越精準(zhǔn)，這就給網(wǎng)站W(wǎng)eb前端技術(shù)開發(fā)人員提出了更高專業(yè)水平的要求。技術(shù)開發(fā)從業(yè)人員要不斷將基礎(chǔ)打牢，在建設(shè)思路上要開放，不斷提高其前端開發(fā)質(zhì)量，滿足人們?nèi)找嬖鲩L的體驗需求。