公司有個微信商城，但商城的詳情頁打開有時快有時慢，慢的時候幾秒都打不開，想到解決這個問題。
一、查看網(wǎng)頁的運行情況
微信網(wǎng)頁代碼的調(diào)試難住了俺，因為這個項目是其他人開發(fā)的，意思是本地環(huán)境都沒有了現(xiàn)在，于是想到這是個網(wǎng)頁，可以查看網(wǎng)頁實際的運行情況，這里遇到一個小問題如何查看微信網(wǎng)頁的的打開情況。
電腦上需要安裝微信開發(fā)者工具，使用微信開發(fā)者工具打開該網(wǎng)頁，但不能顯示網(wǎng)頁報錯，回調(diào)地址不能正常打開，又想了下自己電腦是不能正常打開該微信商城網(wǎng)頁的，因為電腦連接的wifi和微信商城的域名解析IP對應(yīng)的內(nèi)網(wǎng)IP在同一局域網(wǎng)，且路由器是老路由器，沒有設(shè)置回流造成了同一局域網(wǎng)內(nèi)的電腦無法通過域名訪問局域網(wǎng)內(nèi)服務(wù)器的網(wǎng)頁。
解決這個問題也很簡單，在Host里面將域名對應(yīng)地ip修改為內(nèi)網(wǎng)IP即可 如
www.a.xom 192.168.1.201
網(wǎng)頁可以正常打開了，微信開發(fā)者工具和chrome有點類似，點擊Network菜單，點擊網(wǎng)頁找到要查看的頁面，刷新查看網(wǎng)頁上加載的資源和每一項加載所需要的時間，通過反復(fù)測試發(fā)現(xiàn)，發(fā)現(xiàn)影響耗時的是Index.php這個文件，這個文件代碼的執(zhí)行有時候甚至要5-6S，非常的慢。
點擊進去查看Timing發(fā)現(xiàn)TTFB居然要6S，Content Download只需要123.39毫秒，說明這個文件后端代碼的執(zhí)行有問題。
二、優(yōu)化
到實際的代碼中查看和定位耗時多的代碼，找到后根據(jù)邏輯優(yōu)化即可。
優(yōu)化后TTFB變?yōu)榱?48.779毫秒，打開速度顯著提升，幾乎沒有什么卡頓。
三、總結(jié)
最后總結(jié)下，頁面打開慢的時候，要查看頁面加載情況，找到耗時的文件，查看是前端加載耗時長，還是請求后端后端代碼執(zhí)行的時間長，找到問題所在的具體位置優(yōu)化。
