前幾天網(wǎng)站推出網(wǎng)站速度診斷功能，遇到一個(gè)比較奇怪的問(wèn)題，就是網(wǎng)頁(yè)有時(shí)候無(wú)法完全打開(kāi)，只顯示個(gè)頭部，有時(shí)候刷新幾次后可以完全顯示，但大多數(shù)情況是不能完全打開(kāi)網(wǎng)頁(yè)，問(wèn)題出在下半部網(wǎng)頁(yè)那里。
一開(kāi)始以為是速度的問(wèn)題，后來(lái)把所有圖片鏈接請(qǐng)求都連接到站內(nèi)，不再跨站連接，問(wèn)題依然存在。
但是令人費(fèi)解的是，同一套代碼，其他頁(yè)面打開(kāi)是正常的，為何就這頁(yè)有問(wèn)題呢。
最后，只有從代碼檢查來(lái)排錯(cuò)了。代碼檢查是一件很辛苦的事，因?yàn)榇a寫(xiě)得不規(guī)范，密密麻麻的。
從上到下開(kāi)始檢查，一塊一塊的刪除，每刪除一塊都看看網(wǎng)頁(yè)是否能夠打開(kāi)正常。。。
后來(lái)，一處div標(biāo)簽給了我啟示，如下圖：
某div處出現(xiàn)警示的波浪形，把鼠標(biāo)移過(guò)去，出現(xiàn)文字提示：驗(yàn)證(XHTML 1.0 Transitional): 元素"div"缺少結(jié)束標(biāo)記。
此處，正是不能顯示部分的開(kāi)始位置！
我于是在適當(dāng)?shù)奈恢眉由狭?lt;/div>這個(gè)結(jié)束標(biāo)記。
再檢查網(wǎng)頁(yè)打開(kāi)情況，終于正常了！
后記
從我這個(gè)案例里，我想到不少類似的網(wǎng)頁(yè)，都是網(wǎng)頁(yè)上部分打開(kāi)很快，而下部分尤其是正文部分打開(kāi)卻要滯后幾秒。在多數(shù)情況下，我是不會(huì)等下去的，因?yàn)槔玫却臅r(shí)間，我完全可以從搜索結(jié)果里點(diǎn)擊另一條記錄打開(kāi)了另一個(gè)網(wǎng)頁(yè)，更何況還不知道等待的結(jié)果會(huì)怎樣呢。
網(wǎng)頁(yè)打開(kāi)速度的影響因素雖然很多，但是我覺(jué)得最關(guān)鍵最重要的還是網(wǎng)頁(yè)代碼本身。如果從帶寬、硬件上提升不太實(shí)際，為何不在網(wǎng)頁(yè)代碼上優(yōu)化它呢？
webkaka目前推出了網(wǎng)站速度診斷工具，使用很簡(jiǎn)單，在網(wǎng)頁(yè)上輸入網(wǎng)址立即可以診斷了，診斷過(guò)程會(huì)揪出影響網(wǎng)頁(yè)速度的元素，最后還給出相應(yīng)的優(yōu)化建議。網(wǎng)站速度診斷地址是：http://pagespeed.webkaka.com/
