前陣子很多同事都在問網(wǎng)站重構(gòu)的問題。今天，他們終于找到了一些時間來交流他們對重構(gòu)的理解，并深入分析什么是網(wǎng)站重構(gòu)，所以這篇文章是特色。

網(wǎng)站重構(gòu)一般主要用于網(wǎng)站頁面優(yōu)化。簡單理解:網(wǎng)站重構(gòu)是指在不改變網(wǎng)頁整體UI設(shè)計和網(wǎng)站外部相關(guān)行為的情況下，對網(wǎng)站進行優(yōu)化，使整個網(wǎng)站結(jié)構(gòu)更簡單，可讀性更強，更有利于網(wǎng)站搜索引擎檢索，符合搜索引擎的排名，讓你的網(wǎng)站更容易被搜索引擎收錄，提高用戶體驗和轉(zhuǎn)化率，讓網(wǎng)站更有價值。

網(wǎng)站重構(gòu)主要用于舊網(wǎng)站或大型項目的優(yōu)化。一般用最新的標準和技術(shù)做出來的網(wǎng)站，一開始都有嚴格規(guī)范的要求，基本上網(wǎng)站重構(gòu)可以忽略不計。所以今天，我們主要研究傳統(tǒng)網(wǎng)站的常見重構(gòu)中做了哪些操作。

對于一般的傳統(tǒng)網(wǎng)站進行網(wǎng)站改造，通常從以下幾個方面進行操作:

1.重構(gòu)網(wǎng)站結(jié)構(gòu):

把之前的表格布局改成DIV+CSS，用語義標簽重新定義網(wǎng)站結(jié)構(gòu)

2.重建網(wǎng)站風格:

主要處理各種兼容性問題，讓之前不兼容的CSS樣式兼容主流瀏覽器

3.重構(gòu)網(wǎng)站的移動平臺:

主要是考慮到這幾年手機用戶大量推廣，手機熱了起來。以前沒有帶手機的網(wǎng)站，然后會進行三網(wǎng)融合或者三網(wǎng)融合的相關(guān)制作，會產(chǎn)生網(wǎng)站的多終端模式。

4.重構(gòu)網(wǎng)站SEO核心內(nèi)容:

針對一些電商公司或涉及互聯(lián)網(wǎng)業(yè)務(wù)較多的企業(yè)，對行業(yè)關(guān)鍵詞、競價、排名、SEO、搜索引擎收錄有較大需求的企業(yè)，會重新設(shè)計未來的運營方向，優(yōu)化以往SEO的一些弊端，安排關(guān)鍵詞、核心關(guān)鍵詞、長尾關(guān)鍵詞的詞密度及相關(guān)指標。

對于需要更深層次改造的場地，一般會從以下幾個方面進行操作:

1、嚴格按照規(guī)范編寫代碼

比如:語義標簽、簡化HTML結(jié)構(gòu)、js編寫規(guī)則、最佳性能、最快執(zhí)行等等

2.實現(xiàn)代碼:高內(nèi)聚，低耦合

如:代碼之間的高內(nèi)聚低耦合操作，從類的角度，高內(nèi)聚低耦合:減少對類內(nèi)其他類的調(diào)用；從功能塊來看，高內(nèi)聚低耦合:降低模塊間(接口號、參數(shù)數(shù)據(jù))交互復雜度，即橫向:類間、模塊間；縱向:層次之間；內(nèi)容盡可能是內(nèi)聚的，數(shù)據(jù)是耦合的。

3.設(shè)計可擴展的API接口

設(shè)計接口時，充分考慮接口的可擴展性

4.用新的開發(fā)框架或編程語言替換舊的開發(fā)框架或語言

比如以前用asp，現(xiàn)在改成了JAVA，PHP...或者其他開發(fā)語言

5.增強用戶參與度和體驗

主要是進行CSS js相關(guān)的交互效果，實現(xiàn)更多讓用戶參與的網(wǎng)站行為，比如搶紅包、領(lǐng)取優(yōu)惠券、參與各種投票活動等。

對于那些需要提高網(wǎng)站速度或性能的網(wǎng)站，他們將從以下幾個方面進行操作:

1、壓縮JS、CSS、img等前端資源1.壓縮前端資源，比如JS，CSS，img

網(wǎng)站的所有資源都進行了相應的處理和優(yōu)化，使得網(wǎng)站加載更快，訪問更流暢，比如壓縮js或CSS，減少不必要的空，換行符和注釋等。，減少了數(shù)量，加快了下載和訪問速度。

2.程序代碼的性能優(yōu)化

如:讀寫能力，最簡單的添加、刪除、檢查等。

3.采用CDN加速資源加載

對網(wǎng)站進行區(qū)域性優(yōu)化，利用CDN節(jié)點選擇最近的節(jié)點進行訪問，使每個用戶訪問更快，獲取相關(guān)信息的能力更強

4.JS DOM的優(yōu)化

減少js在DOM上的頻繁操作，減少渲染和回流時間，優(yōu)化操作流程，如:同步請求數(shù)據(jù)，改為異步操作

5.HTTP服務(wù)器的文件緩存

總結(jié):

以上文章主要是這一期的分享和交流，主要是深入分析網(wǎng)站改造的問題。當然還有一些細節(jié)文章沒有提到。希望大家可以交流相關(guān)技術(shù)，讓我們共同推動技術(shù)向前發(fā)展，謝謝閱讀！