首先，我們來考慮一下什么是架構：

軟件架構（software architecture）是一系列相關的抽象模式，用于指導大型軟件系統各個方面的設計。

傳統軟件架構描述的對象是直接構成系統的抽象組件，側重于系統的抽象、拆分、組織方式等。所以如果從傳統軟件架構定義出發，前端架構可能就是指前端項目的系統設計了。在進行系統設計之前，由于前端開發語言缺乏一定的工程能力，所以web前端架構師相比傳統軟件架構師還應該能提供以下開發基礎的支持：

開發規范

：開發規范設計非常重要，設計良好的開發規范應該以實用性為前提，可以提升開發效率，降低維護成本。常見的規范主要是針對模塊化開發定義的，想象一下，下面的規范示意圖是不是能對開發和維護有極大的幫助：

開發模型

：主要是模塊化開發。前端由于編程語言的問題，沒有原生的模塊化支持，所以架構師在做架構設計之前，要先提供模塊開發體系。模塊化開發體系設計挺復雜的，完整的模塊化體系要統一js、css和模板的模塊化處理，此外，js、css模板中的資源（圖片等）引用也是要考慮的問題。此外，模塊化框架肩負著資源的加載控制，要面對性能優化，所以，好的架構師給出的模塊化方案應該是能把性能優化做到框架中，性能是一個工程問題！

構建工具

：還是由于前端開發語言的問題，前端還需要構建工具配合，才能完成開發規范、開發模型的落地實現。這部分也許有人認為是非必須的，但是我可以給出完整論證證明標準前端項目必須經過構建，這里就不展開了。總之，前端架構師在給出規范、模型之后，還要給出配套的工具來保證它們的實現。web前端架構師至少要提供以上3項之后才能開展正式的架構設計，我覺得這部分是衡量一個架構師設計能力的重要指標之一。基礎搞定了，架構設計的開展才能順利。沒有標準的模塊化支持，架構設計很難做。

此外，由于web前端的產品模式與傳統軟件有很大差異，所以我覺得真正的前端架構師還應該能考慮以下問題：

項目部署

：前端項目部署應該由前端架構師來決定，這里涉及到網絡性能優化和開發規范對接的問題，所以前端架構師要理解工程部署的過程，并把開發和部署打通，否則開發受限于部署，架構設計會遇到阻礙。

組件化與組件生態

：由于前端面向的是界面設計，所以在模塊化之上還有組件化開發模型需要架構師提供。此外，項目中一些可復用的模塊或組件應該有一定的復用渠道，這部分我稱之為生態。架構師應該提供這樣的渠道來解決多個團隊或項目之間的代碼復用問題。

前端統計

：前端統計包括性能統計、訪問統計、用戶行為統計、錯誤統計、安全監控等，雖然有些統計屬于產品指標，但在大數據時代，前端研發的方向應該有一定的數據做指導，前端架構師必須關心統計數據，并能提供統計方案、統計平臺是一種衡量指標。

前端安全

：這部分也應該有架構師負責的部分。主要是在開發、統計的過程中對前端安全做保障，比如xss修復、頁面腳本注入監控等

系統測試

：很多人總是嘗試用API測試方法論中的單元測試來測試前端項目，其實是片面的。前端測試屬于GUI測試范疇，前端項目中使用的框架、類庫一般由外部提供，已經由API測試做了質量保證，而項目中的測試應該主要集中在GUI測試上，這部分目前沒有好的解決方案做支撐，所以也沒有什么好的衡量辦法。以上就是我覺得衡量前端架構師的基本要求，現在已經不在是“寫一個jquery就是架構師”的時代了，前端本應該是一個系統化、工程化的理論體系，涉及到很多方面，前端工程師的工程化意識應該加強。

或許現在很多企業和團隊尚未重視前端工程，或許前端工程在很多人眼里還只是“構建工具”的代名詞，又或許未來前端領域的變革使得一切工程問題從根本上得到解決。不管怎樣，我只是希望當下能認真的記錄自己在前端工程領域的所見所想，與正在經歷前端工程化改進，并被此過程困擾的同學交流心得。

隨著生活節奏加快，人的需求也相應增高，互聯網行業也不例外，各企業主對網站建設的要求也增高，很多企業都選擇了響應式網站設計。然而很多對于seo來說，響應式網站優化與單獨pc與移動站優化一直存在爭議，也有很多新手seo分不清楚到底哪個類型對網站優化更友好。那么響應式網站優化有什么優缺點呢？

響應式網站優化優點

①節約建站成本

很多人覺得制作響應式網站工期很長，會增加成本，其實是錯誤的。響應式網站只需要設計一套pc端的設計圖，就可以了，至于移動端與平板電腦上面的展現前端人員調css樣式就可以了。而分開做單獨的移動端，那么需要出兩套設計圖，這增加了網頁設計的成本。一般企業網站而言工時主要還是用在了網頁設計上面，建站過程中雖然響應式設計匯增加一部分前端人員切圖時間，但是這個時間增加的相對設計來說還是比較少的。

②URL永遠同步一致

響應式網站設計在適配到移動端的時候，雖然調節了網頁布局，但是其URL不會發生變化，這對于SEO來說是非常大的優勢。移動端在百度熊掌號沒有推出之前，實際上是沒有單獨針對移動端排名的算法的，甚至收錄也是。當pc網站收錄/有排名了以后，移動端的收錄與排名是根據適配規則繼承pc端網站而來的，只不過在繼承地過程中，搜索引擎會根據移動端瀏覽體驗再進行微調。

③內容一致，形象更統一，用戶體驗良好。

大家都知道，響應式網站適配到移動端的時候是調節了css樣式，整體內容與pc端基本上是保持一致的，比如顏色，每個頁面板塊內容等。這對于老訪客而言，用戶體驗更好，不管是在pc端還是在移動端它們的操作瀏覽體驗都是一致的。而用戶體驗又是SEO中非常重要的一塊，占據著絕對地位。

響應式網站優化缺點

①加載速度相對于單獨移動站較慢

響應式網站因兼容多個屏幕尺寸，所以需要寫多套css樣式，適配到不同分辨率上面需要加載調整css樣式與圖片彈性伸縮來適應于瀏覽者當前屏幕，這就導致加載時間較長，另外很多網站中的圖片因為公用關系本身PC上面的尺寸就比較大，導致在手機上去看還是同樣大的尺寸，也是導致網站加載過慢的一個因素，對于網站優化而言，網頁加載速度又很重要，尤其移動端優化需要在1.5s內完成。相對于單獨的移動端網站，響應式網站加載速度要弱一點。

②選詞布局的尷尬

PC端搜索所展現的網頁標題在32個漢字，而移動端需要控制在20個字以內，然而響應式網站需要移動端與pc端保持一致，因為url未發生變化，不能定義兩個不同的網頁標題。想pc端與移動端都完全展現寫不一樣的標題只能單獨地移動站來實現。同理，想設置不同的描述與關鍵詞也是需要單獨移動端來展現。這里可能有些同行會說pc端與移動端做一樣的詞，十二君想說的是用戶用pc與移動的搜索習慣是不同的，比如有些詞是pc端搜索量較高，有些詞又是移動端搜索量較高，如果做的關鍵詞較多，pc端與移動端的關鍵詞差別又比較大，那么只能放棄一部分關鍵詞，畢竟一個網站承載地關鍵詞是有限，只能取下折中的辦法。若是用單獨移動站與單獨pc站來做詞，那么可以讓流量最大化，這是響應式網站優化無法取代的優勢。

③個別行業感官體驗不友好

大家都知道響應式網站適配到移動端主要是繼承pc端的樣式與內容，針對一些特別行業，移動端用戶的瀏覽習慣于pc端是相差巨大的，比如電商平臺pc端內容會很豐滿，但是適配到移動端，會導致頁面極長。若是想針對兩個端口根據用戶瀏覽習慣做風格差異化較大的UI界面，這對于響應式網站來說無疑是非常痛苦的，這個時候一般就選擇單獨移動端設計了。

網站關鍵詞：網站建設  網站設計  網站制作  上海網站建設  上海網站設計  上海網站制作  上海網絡公司  網站建設上海  上海做網站  上海建設網站  上海做網站公司  上海建網站公司  上海高端網站建設  上海手機網站建設  怎么建設網站  如何建設網站  營銷網站建設  品牌網站建設  網站建設方案  響應式網站建設  外貿網站建設  公司網站建設  建設網站  網站建設服務  高端網站建設  網站優化服務  上海網站公司  企業網站設計  官網制作  官網建設  官網設計  網站建設公司  網站設計公司  網站制作公司