其實不光光是外貿站點,任何站點若最佳化不當都存在白屏及載入時間過長的現象。而外貿網站一般部署在海外伺服器,所以在國內訪問受國際網路情況影響不穩定現象也很常見。
網頁所需靜態資源沒有載入完畢;
JS檔案載入緩慢,阻塞了CSS的下載及渲染;
網頁包含的圖片資源過多,而瀏覽器對靜態資源請求是有併發數限制的;
所載入的圖片檔案尺寸過大,沒有做必要的裁剪;
圖片載入慢及白屏現象都屬於前端最佳化領域,整理了一些最佳化方案供大家參考:
1、動靜分離
將動態請求(需要計算處理的頁面)和靜態請求(圖片、CSS/JS等檔案)以不同的域名部署,便於CDN加速。
2、靜態資源走CDN加速
將圖片、CSS、JS、音影片等檔案用CDN加速,要選擇有海外節點的CDN服務商,這樣能確保訪客就近下載靜態資源。
3、頁面中的圖片務必做合適的裁剪
比如某個區域只要顯示100x100px的圖片,而我們載入的圖片卻是1024x768px的,這樣載入了過大的圖片檔案直接影響了圖片載入速度,請務必對圖片做必要的裁剪。
4、CSS及JS檔案做請求合併處理
如果頁面中引用的CSS和JS檔案較多,有必要將這些請求合併為一個請求,降低瀏覽器對伺服器端的請求數,資源加速會更快,不會出現過多阻塞現象。當然了,請求合併是需要伺服器端支援的。
5、有條件的建議在國內國外都部署節點
其實不光光是外貿站點,任何站點若最佳化不當都存在白屏及載入時間過長的現象。而外貿網站一般部署在海外伺服器,所以在國內訪問受國際網路情況影響不穩定現象也很常見。
網站白屏原因有哪些?網頁所需靜態資源沒有載入完畢;
JS檔案載入緩慢,阻塞了CSS的下載及渲染;
圖片載入緩慢的原因網頁包含的圖片資源過多,而瀏覽器對靜態資源請求是有併發數限制的;
所載入的圖片檔案尺寸過大,沒有做必要的裁剪;
圖片載入慢及白屏現象如何解決?圖片載入慢及白屏現象都屬於前端最佳化領域,整理了一些最佳化方案供大家參考:
1、動靜分離
將動態請求(需要計算處理的頁面)和靜態請求(圖片、CSS/JS等檔案)以不同的域名部署,便於CDN加速。
2、靜態資源走CDN加速
將圖片、CSS、JS、音影片等檔案用CDN加速,要選擇有海外節點的CDN服務商,這樣能確保訪客就近下載靜態資源。
3、頁面中的圖片務必做合適的裁剪
比如某個區域只要顯示100x100px的圖片,而我們載入的圖片卻是1024x768px的,這樣載入了過大的圖片檔案直接影響了圖片載入速度,請務必對圖片做必要的裁剪。
4、CSS及JS檔案做請求合併處理
如果頁面中引用的CSS和JS檔案較多,有必要將這些請求合併為一個請求,降低瀏覽器對伺服器端的請求數,資源加速會更快,不會出現過多阻塞現象。當然了,請求合併是需要伺服器端支援的。
5、有條件的建議在國內國外都部署節點