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

Varvy的頁(yè)面速度優(yōu)化有很多資源可以幫助你提升網(wǎng)站性能
Varvy的頁(yè)面速度優(yōu)化工具是非常有條理的、非常詳盡的,包含了性能表現(xiàn)的原因等資源。
02. Pingdom
Pingdom的網(wǎng)站速度測(cè)試能夠幫你確認(rèn)速度緩慢的原因
Pingdom的免費(fèi)選項(xiàng)包括每個(gè)元素或者請(qǐng)求的加載時(shí)間的瀑布圖詳情。
03. WebPageSpeed

在世界各地進(jìn)行測(cè)試
WebPageSpeed是非常受歡迎的一款工具。它包含了幾乎所有選項(xiàng),加上一個(gè)網(wǎng)站及其元素需要花多長(zhǎng)時(shí)間來(lái)下載的可下載視頻。
相關(guān)文章推薦:PHP應(yīng)用程序性能的優(yōu)化(實(shí)例及測(cè)試)