公司有個(gè)微信商城逮光，但商城的詳情頁(yè)打開(kāi)有時(shí)快有時(shí)慢代箭，慢的時(shí)候幾秒都打不開(kāi)，想到解決這個(gè)問(wèn)題涕刚。
一嗡综、查看網(wǎng)頁(yè)的運(yùn)行情況
微信網(wǎng)頁(yè)代碼的調(diào)試難住了俺，因?yàn)檫@個(gè)項(xiàng)目是其他人開(kāi)發(fā)的杜漠，意思是本地環(huán)境都沒(méi)有了現(xiàn)在极景，于是想到這是個(gè)網(wǎng)頁(yè)，可以查看網(wǎng)頁(yè)實(shí)際的運(yùn)行情況碑幅，這里遇到一個(gè)小問(wèn)題如何查看微信網(wǎng)頁(yè)的的打開(kāi)情況。
電腦上需要安裝微信開(kāi)發(fā)者工具塞绿，使用微信開(kāi)發(fā)者工具打開(kāi)該網(wǎng)頁(yè)沟涨，但不能顯示網(wǎng)頁(yè)報(bào)錯(cuò)，回調(diào)地址不能正常打開(kāi)异吻，又想了下自己電腦是不能正常打開(kāi)該微信商城網(wǎng)頁(yè)的裹赴，因?yàn)殡娔X連接的wifi和微信商城的域名解析IP對(duì)應(yīng)的內(nèi)網(wǎng)IP在同一局域網(wǎng)，且路由器是老路由器诀浪，沒(méi)有設(shè)置回流造成了同一局域網(wǎng)內(nèi)的電腦無(wú)法通過(guò)域名訪問(wèn)局域網(wǎng)內(nèi)服務(wù)器的網(wǎng)頁(yè)棋返。
解決這個(gè)問(wèn)題也很簡(jiǎn)單，在Host里面將域名對(duì)應(yīng)地ip修改為內(nèi)網(wǎng)IP即可 如
www.a.xom 192.168.1.201
網(wǎng)頁(yè)可以正常打開(kāi)了雷猪，微信開(kāi)發(fā)者工具和chrome有點(diǎn)類(lèi)似睛竣，點(diǎn)擊Network菜單，點(diǎn)擊網(wǎng)頁(yè)找到要查看的頁(yè)面求摇，刷新查看網(wǎng)頁(yè)上加載的資源和每一項(xiàng)加載所需要的時(shí)間射沟，通過(guò)反復(fù)測(cè)試發(fā)現(xiàn)殊者，發(fā)現(xiàn)影響耗時(shí)的是Index.php這個(gè)文件，這個(gè)文件代碼的執(zhí)行有時(shí)候甚至要5-6S验夯，非常的慢猖吴。
點(diǎn)擊進(jìn)去查看Timing發(fā)現(xiàn)TTFB居然要6S，Content Download只需要123.39毫秒挥转，說(shuō)明這個(gè)文件后端代碼的執(zhí)行有問(wèn)題海蔽。
二、優(yōu)化
到實(shí)際的代碼中查看和定位耗時(shí)多的代碼绑谣，找到后根據(jù)邏輯優(yōu)化即可党窜。
優(yōu)化后TTFB變?yōu)榱?48.779毫秒，打開(kāi)速度顯著提升域仇，幾乎沒(méi)有什么卡頓刑然。
三、總結(jié)
最后總結(jié)下暇务，頁(yè)面打開(kāi)慢的時(shí)候泼掠，要查看頁(yè)面加載情況，找到耗時(shí)的文件垦细，查看是前端加載耗時(shí)長(zhǎng)择镇，還是請(qǐng)求后端后端代碼執(zhí)行的時(shí)間長(zhǎng)，找到問(wèn)題所在的具體位置優(yōu)化括改。
