水土保持網(wǎng)站前端性能分析和優(yōu)化研究.pdf

1、互聯(lián)網(wǎng)的快速普及給水土保持的信息化建設(shè)注入了新的活力。通過建設(shè)面向水土保持業(yè)務(wù)的網(wǎng)站，水土保持相關(guān)的數(shù)據(jù)采集、查詢與信息發(fā)布等業(yè)務(wù)，均實現(xiàn)了基于網(wǎng)絡(luò)的信息共享，既提高了數(shù)據(jù)傳遞的及時性，也擴(kuò)大了水土保持信息發(fā)布的范圍。
　　瀏覽器的呈現(xiàn)效果是網(wǎng)站建設(shè)好壞的一個重要標(biāo)準(zhǔn)。但目前不同內(nèi)核的瀏覽器在網(wǎng)頁渲染上存在著不小的差異，而且伴隨著 Web2.0時代的到來，用戶在很大程度上參與到了網(wǎng)站內(nèi)容建設(shè)中。隨著交互的頻繁，Web系統(tǒng)的性能和用

2、戶體驗成為衡量網(wǎng)站建設(shè)好壞的重要指標(biāo)。對于響應(yīng)緩慢的網(wǎng)站，用戶通常感到難以容忍，往往最終放棄使用。
　　水土保持專業(yè)信息化管理網(wǎng)站涉及到不同的業(yè)務(wù)和使用部門，不僅業(yè)務(wù)量大，而且機(jī)構(gòu)龐雜、交互繁復(fù)。由于技術(shù)問題造成的不同客戶端瀏覽器顯示不統(tǒng)一，響應(yīng)緩慢等問題使得用戶體驗不甚理想，從而制約了網(wǎng)站的廣泛使用，致使系統(tǒng)并未發(fā)揮其應(yīng)有的作用。
　　為了提升用戶體驗，有必要對原水土保持網(wǎng)站進(jìn)行優(yōu)化處理。對此，本文主要做了以下研究：分析水

3、土保持業(yè)務(wù)網(wǎng)站的特點及需求；掌握Web標(biāo)準(zhǔn)和主流瀏覽器對網(wǎng)頁的渲染機(jī)制，按照前后端分離的思想重構(gòu)不符合Web標(biāo)準(zhǔn)的頁面結(jié)構(gòu)，使其能在主流瀏覽器以及移動端平臺兼容顯示，使網(wǎng)站結(jié)構(gòu)更加規(guī)范合理，增強(qiáng)其可擴(kuò)展性；分析Web前端優(yōu)化原理，結(jié)合水土保持網(wǎng)站特點，對影響水土保持網(wǎng)站性能的前端因素進(jìn)行合理的設(shè)計，優(yōu)化水土保持網(wǎng)站前端性能；利用 AJAX等相關(guān)前端技術(shù)將原本集中在后端服務(wù)器的數(shù)據(jù)處理任務(wù)分流至前端完成，均衡負(fù)載，采用基于OpenLaye