我是以我自己的 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