網站性能受到很多因素的影響,比如網絡速度、圖像大小、未最小化的資源、字體文件大小、請求數量等等。
當涉及到JavaScript或者CSS時,將有最小化和預處理選項的工作流程包括在內是很好的做法。換行和空白(制表符)不是什么大問題,但如果整個項目足夠大的話它們也會成為負擔。如果你正在使用外部JavaScript庫,請選擇自定義版本而不要為了幾個功能選擇整個庫。
字體托管也有可能造成頁面膨脹。要減少這種情況,可以只收錄項目中所使用的字體磅數。只保留少數磅數然后考慮其他方法來實現對比和層次。
下面給大家推薦三個工具,可以幫助你剖析網站,了解更多網頁加載相關的知識。
01. Varvy的頁面速度優化(Page Speed Optimization )

Varvy的頁面速度優化有很多資源可以幫助你提升網站性能
Varvy的頁面速度優化工具是非常有條理的、非常詳盡的,包含了性能表現的原因等資源。
02. Pingdom
Pingdom的網站速度測試能夠幫你確認速度緩慢的原因
Pingdom的免費選項包括每個元素或者請求的加載時間的瀑布圖詳情。
03. WebPageSpeed

在世界各地進行測試
WebPageSpeed是非常受歡迎的一款工具。它包含了幾乎所有選項,加上一個網站及其元素需要花多長時間來下載的可下載視頻。
相關文章推薦:PHP應用程序性能的優化(實例及測試)