推 randle:非常理性而中肯的分析! 08/08 00:04
推 image: 11/20 07:49
我是以我自己的 blog 來測試，為了避免廣告嫌疑…
可以按 END 直接看結論…
測試網站：http://chrisqq.blogspot.com
最佳化之前
68 個要求 785 KB (0 B 來自快取) 17s
67 個要求 785 KB (0 B 來自快取) 15.59s
67 個要求 785 KB (0 B 來自快取) 16.29s
平均：16.293s（1）
關閉 javascript（by web debeloper in firefox）
21 個要求 193 KB (0 B 來自快取) 2.53s
21 個要求 193 KB (0 B 來自快取) 1.98s
21 個要求 193 KB (0 B 來自快取) 1.85s
平均：2.12s（2）
影響： 1. 繼續閱讀無法使用：完全無法看到後面的文章。
2. 標籤雲無法使用：標籤會出現可正常運作。
3. 最新文章無法使用：完全無法取得最新文章。
4. My Picasa in Puli無法使用：完全無法取得照片。
5. 過去的文章無法使用。
6. 軌跡無法顯示。
7. 可愛的東西無法顯示。
8. 最新留言無法顯示。
關閉 javascript + image
7 個要求 25 KB (0 B 來自快取) 1.53s
7 個要求 25 KB (0 B 來自快取) 1.25s
7 個要求 25 KB (0 B 來自快取) 981ms
平均：1.2503s（3）
9. 圖片無法顯示。
以上很明顯的看出，javascript 是拖速度的原因。
因此，針對 javascript 找出主要可能原因。
blog 中，用 javascript 的部分有
1. 文章繼續閱讀：內嵌
2. 文章繼續閱讀淡入淡出效果：jquery-1.2.6.min.js
3. 標籤雲：內嵌
4. haloscan書籤：http://www.haloscan.com/load/chrisliu
5. 最新留言：jquery-1.2.1.pack.js
6. 最新文章：內嵌 + default?alt=json-in-script&callback=handlePosts
7. 可愛的東西
8. 軌跡
拔掉上述所有非 blosport 內建的 javascript 之後
52 個要求 615 KB (0 B 來自快取) 9.82s
51 個要求 615 KB (0 B 來自快取) 8.77s
53 個要求 615 KB (0 B 來自快取) 7.51s
平均：8.7s（4）
還有一個我覺得也有可能是拖速度的功能：My Picasa in Puli（Picasa相簿），
所以關掉他再測一次。
23 個要求 249 KB (0 B 來自快取) 4.71s
23 個要求 249 KB (0 B 來自快取) 5.46s
23 個要求 249 KB (0 B 來自快取) 6.51s
平均：5.56s（5）
再拿掉 google analysis。
21 個要求 242 KB (0 B 來自快取) 2.5s
21 個要求 242 KB (0 B 來自快取) 3.1s
21 個要求 242 KB (0 B 來自快取) 2.76s
平均：2.786（6）
再拿掉最新文章。
20 個要求 209 KB (0 B 來自快取) 1.98s
20 個要求 209 KB (0 B 來自快取) 2.15s
20 個要求 209 KB (0 B 來自快取) 2.56s
平均：2.23s（7）
小計：
最新文章 約耗費：0.556s （6）-（7）
google analysis 約耗費：2.774s （5）-（6）
My Picasa in Puli（Picasa相簿） 約耗費：3.14s （4）-（5）
google 內建 約耗費：0.11s （7）-（2）
最佳化：
1. 加回 google analysis 並把最新文章移到最後。
23 個要求 249 KB (0 B 來自快取) 4.11s
24 個要求 249 KB (0 B 來自快取) 4.51s
23 個要求 249 KB (0 B 來自快取) 4.28s
平均：4.3s（8）
減少：1.26s （8）-（5）
2. 加回標籤雲，沒有特地為它優化…
23 個要求 250 KB (0 B 來自快取) 3.62s
23 個要求 250 KB (0 B 來自快取) 3.62s
23 個要求 250 KB (0 B 來自快取) 4.55s
平均：3.93（9）——有誤差…
3. 加回文章繼續閱讀與淡出淡入效果，並把 javascript 移到最後。
25 個要求 308 KB (0 B 來自快取) 5.77s
24 個要求 305 KB (0 B 來自快取) 5.87s
25 個要求 308 KB (0 B 來自快取) 4.49s
平均：5.37（10）
4. 加回最新文章，並把 javascript copy 到 hinet 且移到最後。
31 個要求 315 KB (0 B 來自快取) 8.45s
31 個要求 315 KB (0 B 來自快取) 11.83s
（這次 default?alt=json-in-script&callback=handlePosts 讀了 5.51s）
30 個要求 315 KB (0 B 來自快取) 7s
30 個要求 315 KB (0 B 來自快取) 5.4s
（這次 default?alt=json-in-script&callback=handlePosts 只讀了 0.433s）
30 個要求 315 KB (0 B 來自快取) 5.57s
（這次 default?alt=json-in-script&callback=handlePosts 只讀了 0.382s）
平均：7.65s
5. 加回軌跡，沒得改…
36 個要求 319 KB (0 B 來自快取) 10.96s
36 個要求 319 KB (0 B 來自快取) 16.17s
（這次 部落格觀察 的 javascript 讀了 11.06s）
36 個要求 319 KB (0 B 來自快取) 11.58s
（這次 部落格觀察 的 javascript 讀了 5.05s）
36 個要求 319 KB (0 B 來自快取) 8.99s
（這次 部落格觀察 的 javascript 讀了 1.25s）
36 個要求 319 KB (0 B 來自快取) 8.18s
（這次 部落格觀察 的 javascript 讀了 5.78s）
平均：11.176
6. 加回 My Picasa in Puli（Picasa相簿）
64 個要求 690 KB (0 B 來自快取) 14.44s
63 個要求 690 KB (0 B 來自快取) 16.18s
（這次 部落格觀察 的 javascript 讀了 7.81s）
63 個要求 690 KB (0 B 來自快取) 12.72s
平均：14.446s
結論：
1. 「軌跡」之類的計數器大約會耗費 3.5 秒
2. 「Picasa相簿」大約會耗費 3 秒（3.27～3.14）
3. 「最新文章」大約會耗費 2.2 秒
4. 「文章繼續閱讀與淡出淡入效果」大約會耗費 1.5 秒
（意料之外… 加入了 jquery 才多 1.5 秒，真少…）
測試環境：AMD Sempron 3200+ 1.81GHz、WinXP SP3、
1024MB RAM、Firefox 3.0.1 with Firebug in 學網。
--
※ 發信站: 批踢踢實業坊(ptt.cc)
◆ From: 203.145.202.130