李寧

關鍵詞：網站制作；WEB 前端；開發(fā)技術；優(yōu)化

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

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

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

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

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

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

（二）WEB 前端的基礎架構

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

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

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

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

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

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

（一）訪問擁堵問題

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

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

（二）訪問丟失

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

（三）訪問安全

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

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

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

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

（二）控制請求數量，提高單個請求響應效率

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

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

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

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

四、結束語

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