銀客網(wǎng)PC網(wǎng)站優(yōu)化簡(jiǎn)案

一. css方面

1.采用預(yù)編譯scss進(jìn)行原始版本管理

2.reset.css獨(dú)立出來,包含基礎(chǔ)reset以及全局通用組件的css(按鈕,頭部,底部,右側(cè)固定欄)

3.css中引用的圖片,采用sprite拼圖拼合在一起。

二. css方面

1.js的加載全部放在頁面底部加載

2.引入seajs,模塊化頁面js,設(shè)置統(tǒng)一入口,通過config.js進(jìn)行頁面js的版本控制

3.盡可能去掉頁面本身上的腳本,采用外鏈引用。

4.js代碼首先需要壓縮,然后通過服務(wù)器的combo服務(wù)拼合在一起

5.js代碼邏輯現(xiàn)在是按頁面功能以業(yè)務(wù)邏輯編寫的,初期優(yōu)化考慮改成

a.底層框架:jquery(基礎(chǔ)的dom操作,大家也最熟悉)

b.工具層:tools(cookie操作,瀏覽器檢測(cè),分享等)

c.視圖組件層:viewmodle(基于業(yè)務(wù)進(jìn)行設(shè)計(jì),結(jié)合數(shù)據(jù)部分,每個(gè)組件的init,ready,run,end等階段配置回調(diào)。方便后臺(tái)同事直接使用,以及細(xì)微需求的修改擴(kuò)展)

d.考慮采用AngularJS的語義化標(biāo)簽設(shè)計(jì), 數(shù)據(jù)變動(dòng)后自動(dòng)刷新視圖組件,避免ajax回調(diào)后dom的操作由后臺(tái)同事編寫

三. 團(tuán)隊(duì)方面

1.整合團(tuán)隊(duì)開發(fā)流程,用gulp工具簡(jiǎn)化重復(fù)的工作流。

2.其余團(tuán)隊(duì)優(yōu)化問題,需要根據(jù)具體痛點(diǎn),再制定解決方案。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

推薦閱讀更多精彩內(nèi)容