啟新網站SEO優化前端性能
1.模塊化
嚴格地說，代碼模塊化不能提高性能，但它仍然提出模塊化，因為它非常重要，幾乎所有的優化都與它密切相關.
常見的模塊化方案有：AMD、CMD、UMD、ES6
網站建設公司" />
如何選擇？
團隊習慣
個人偏好
業務需要
如何把業務放在后面？
由于使用不同的模塊化為使用不同的模塊化方案而產生不同的結果.
而且軟件開發中的以人為本，用在這里剛好合適，畢竟業務高于一切.
2.緩存
一定要加緩存！
因為CDN真的很貴.
沒有CDN？那就更慢存了！
緩存的方法有很多，以下兩種是常見的
瀏覽器304緩存
localstorage本地存儲
關于304緩存和行業localstorage在這里，我們不討論兩者的區別或性能問題.
選擇以業務為導向的方案，選擇沙漠風localstorage.
可以這樣做：
通過localstorage存儲js、css資源；
資源版控制；
只要你愿意，localstorage還可以控制緩存時間！寫一小段js實現代碼；
活動期間可提前緩存活動相關資源localstorage，減少活動當天CDN在提高用戶訪問速度的同時，降低服務器端壓力.
PS：localstorage開發環境確實有點不夠腳踏實地，但你可以在框架底部寫一個小代碼來支持不同環境的緩存控制，例如：禁止緩存開發環境域名URL參數禁止緩存等.當然，你也可以寫一個chrome控制緩存的插件，開心就好！
因此，建議使用沙漠風localstorage盡量使用localstorage.如果你無事可做，你就知道了CDN有多貴了.
3.懶加載
圖片懶加載
如果你是做Hybrid開發，這真的有必要！
JS懶加載
模塊化的好處之一是我們可以針對它js懶加載控制資源，RequireJS、SeaJS？
我們在這里采用的是RequireJS，問我為什么，也許是因為我們使用它AMD方案吧！
4.渲染前端模板
與拼接字符串相比，jQuery.append，我們有另一種選擇，前端模板.
前端模板方案有很多.我在這里推薦騰訊tmodjs.他的優點是可以預編譯前端模板js支持模塊加載文件.
5.DOM怎么寫很重要
瀏覽器有一種叫做重繪的機制，任何變化dom元素位置的操作會導致瀏覽器重繪操作，這是不可避免的.重繪是瀏覽器性能優化的重點，尤其是webview的優化.
既然我們無法避免，我們能做什么？
雖然我們不能避免瀏覽器重繪，但我們可以通過精確的控制dom為了降低瀏覽器的重繪范圍，我們可以使用瀏覽器的開發者工具來調整頁面.
客戶端性能
代理webview發送ajax請求，據說這可以節省三次握手時間？
iOS中使用WKWebView代替UIWebview，UIWebview是iOS8.0以前的產品，針對iOS8.建議使用0后的系統WKWebView，實際測試后，性能可提高40%左右，穩定性大大提高，幾乎是質的提高.
webview支持加載webp格式圖片.
除靜態資源預加載外，靜態資源預加載localstorage我們還可以利用客戶端緩存前端靜態資源WIFI在環境下，我們可以提前將靜態資源下載到當地.
服務端性能
1.服務端渲染
在一個將前后端分離為寶典的時代，提到服務端渲染顯然是不合適的.
但是，如果考慮到客戶端的弱爆炸，Webview，也許這是個不錯的選擇，畢竟服務端的性能要好得多.對于前后分離的項目，我們建議嘗試使用Node.js對頁面進行直出，也是不錯的選擇，Node.js我不需要在這里討論性能！
Bytheway，屏幕數據服務端輸出，懶加載，不要太酷.
2.快速響應接口
快速響應接口真的很重要！
通過優化代碼，可以優化代碼sql，優化緩存（redisOrmemcached？），優化Nginx配置？double服務器？
ComeOn總有一點能做的！
總之，不要局限于自己.
3.圖片轉webp
由于webp并非所有環境都支持格式圖片。此時，需要與不同的客戶動態返回相應格式的圖片.
