網頁加載速度,是優先于一切首先讓客戶感覺到的東西,網頁加載速度將極大影響用戶體驗,用戶期望且能夠接受的頁面加載時間在3秒以內。尚武科技的網站建設的每一個網站都會做了大量優化工作,啟用緩存的模式下把主要頁面的執行時間控制在了0.1秒內。對于網絡性能,要把優化的重點放在網頁內容加載本身。我們把常見的影響因素分硬件和軟件兩部分,硬件相關的有:
1、服務器負載的控制,以cpu、內存和磁盤IO為主要參考參數。
2、域名解析和網絡傳輸速度,建議站長選擇穩定的域名和網絡服務商,并根據網站實際需要保留足夠大網絡帶寬。
這方面就是客戶為什么選擇我們的尚武科技的主機的原因,更好地服務器質量和更好的線路質量是基礎,更重要的一個指標就是單個服務器容納的網站數目,我們尚武科技的IDC服務器保證單個服務器的網站數目不高于50個,這在業內也是一個很難實現的目標,但是客戶的用戶感受才是我們追求的。
軟件相關主要指前端頁面設計:
1、移動網站的頁面格式經歷了從wml ->xhtml -> html5,目前以html5 + css3作為主流頁面設計規范。
2、圖片格式采用png/jpg/gif皆可,主要目的是保持清晰的情況下讓文件容量盡量小。手機的屏幕寬度描述通常分為像素寬度width和設備寬度device-width,比如iphone6的widh:750,device-width:375。通常網頁設計以device-width為基準,但是為了手機上圖片清晰,實際圖片長寬可以是css定義里面的2倍。
3、網頁中的小圖片或者圖標,建議使用icon font或者css sprites技術,把多個圖片合并成一個文件。
4、網頁設計時一個頁面可能需要載入多個js和css,實際上線后建議多個同類文件合并,并且壓縮css和js文件。
5、web服務端啟用gzip壓縮輸出功能可以明顯提高加載速度。
說到這里網站打開速度慢,最大的問題還是在圖片的大小上面,
除了以上提到的,系統架構及頁面優化方法還涉及到很多技術細節,另外還可以使用一些業績比較成熟的設計策略,比如按需加載、延時加載等、征對不同的網絡環境返回不同信息量的板式或者不同壓縮程度的圖片、漸進設計等等。尚武科技的主站所有的圖片都采用異步加載的方式得以實現。
隨著web交互越來越豐富,后續我們還會推動在用戶交互行為上的性能提升,給出交互性能的檢測工具,確保用戶交互的順暢。主要涉及到面向渲染引擎、JS解析引擎的一些運行時特點,比如避免頻繁觸發repaint和reflow、優化dom操作策略、避免使用低效的API、選擇器優化、避免內存泄露,利用內存緩存數據,優化循環或者遞歸算法降低復雜度等。