Web性能優化工具WebPageTest(三)——本地部署(Windows 7版本)


這次先能夠使用PC端的瀏覽器測試,首先需要下載官方的發布版本“WebPageTest 3.0”。

1. agent:瀏覽器代理軟件

2. mobile:移動端參數相關代碼

3. www:網站PHP代碼

也可以參考官方的Private Instance配置,不過文檔掛在google域名下,所以你懂得。我做了簡單的翻譯《私有實例

官方文檔寫的非常拗口,但是還是有一定的參考價值。

 

一、PHP配置與軟件安裝

1)配置虛擬目錄

我用的Web服務器軟件是Apache。

首先要打開虛擬目錄的功能,如上所示,需要在httpd.conf中配置,以我本機為例,目錄在“D:\server\Apache24\conf”,如下圖所示。

然后在虛擬目錄文件中配置域名,還是以本機為例,目錄在“D:\server\Apache24\conf\extra”中,如下所示。

具體的配置內容如下圖所示。

輸入虛擬地址后,出現了熟悉的頁面,不過現在Location和Browser的兩個選項還沒有,需要額外配置。

2)安裝信息

在瀏覽器中輸入“mine.webpagetest.net/install/”查看還未安裝的信息:

如果有疑惑還可以直接查看“install/index.php”的源碼。

3)PHP修改

1. memory_limit

修改“php.ini”文件中的“memory_limit”

2. 安裝APC(the Alternative PHP Cache)

可選PHP緩存。將下載到的dll文件放到“PHP/ext”文件夾內。並在“php.ini”中添加擴展。

extension=php_apcu.dll

3. 安裝SQLite(一款輕型的數據庫)

先到下載頁面,將兩個壓縮包中的內容放到一個文件夾中,例如“C:\sqlite”內:

接着在環境變量中設置“Path”。

在“php.ini”中添加“php_sqlite3.dll”擴展。“ext”文件夾內默認有這個擴展,只是沒有打開。

extension=php_sqlite3.dll

 

二、系統工具安裝

1)ffmpeg

安裝ffmpeg(用於提取視頻縮略圖),這是一套可以用來記錄、轉換數字音頻、視頻,並能將其轉化為流的開源計算機程序。

功能包括視頻采集功能、視頻格式轉換、視頻抓圖、給視頻加水印等。windows版本的下載地址點擊這里

下載下來有這么幾個文件夾,然后放到C盤內,再將放的位置在環境變量“Path”中設置一下。

刷新Install中的頁面,仍舊不是綠色的勾,在Apache的錯誤日志中提示:'ffmpeg' 不是內部或外部命令,也不是可運行的程序或批處理文件。

於是我給“ffmpeg.exe”加很多用戶組,但是還是不行,后面重啟了一下系統,顯示可以使用了。

2)imagemagick

安裝imagemagick,一個免費的創建、編輯、合成圖片的軟件。

它可以讀取、轉換、寫入多種格式的圖片。

圖片切割、顏色替換、各種效果的應用,圖片的旋轉、組合,文本,直線,多邊形,橢圓,曲線,附加到圖片伸展旋轉。

3)jpegtran

安裝jpegtran,這是一種JPEG圖片壓縮工具。將下載到的exe文件放到某個位置,再添加環境變量的“Path”路徑中。

4)exiftool

安裝exiftool,這是一款跨平台的圖片查看,制作和編輯的應用程序。與jpegtran一樣,設置“Path”路徑。

 

三、安裝Python2.7

1)安裝Python2.7

安裝Python2.7,一個msi文件,直接雙擊即可,不過還是要配一下“Path”路徑,每次配都要重啟一下。

需要安裝python的兩個模塊,PillowSSIM

首先將“C:\Python27\Scripts”放到環境變量中,這樣就能使用“pip”命令了。

2)pillow

visualmetrics中查看到,SSIM要安裝的名字是“pyssim”。

pip install pillow

3)pyssim

不過在安裝pyssim的時候出現了不和諧的錯誤。

pip install pyssim

先安裝“Microsoft Visual C++ Compiler for Python 2.7”。

根據stackoverflow的一篇文章的解答,修改了一下。但在安裝scipy的時候,又出現了新的問題。

在網上搜索找到了解決方案。在“Unofficial Windows Binaries for Python Extension Packages”中找到對應的“whl”文件。

分別下載“numpy”,“Microsoft Visual C++ 2008 X64”和“scipy”,將這兩個“whl”文件放到某個目錄中,“cmd”到這個目錄中,執行install命令。

pip install numpy-1.12.1+mkl-cp27-cp27m-win32.whl
pip install scipy-0.19.0-cp27-cp27m-win32.whl

至此,所有需要安裝的軟件和需要配置的地方都已完畢。

 

四、桌面測試代理

代理的相關軟件和文件都在agent文件夾內,將此文件夾中的內容單獨拿出來,例如“C:\wpt-agent”內。

1)DummyNet

安裝DummyNet,DummyNet用於展示測試過程中的網絡活動情況,在DummyNet文件夾內有32位和64位操作系統的安裝包。

打開控制面板 ==》 網絡和共享中心 ==》 更改適配器設置 ==》 右鍵本地連接 ==》 屬性

Microsoft網絡客戶端==》安裝==》服務==》添加==》從磁盤安裝==》選擇“C:\wpt-agent\dummynet\64bit” ==》 確定安裝

2)locations.ini

配置地理位置locations.ini。

在“www/settings”中有個“locations.ini.sample”文件,這里面是示例,將后綴“sample”去除。

[locations]
1=Test_loc
; 這些是Test Location下拉列表中列出的頂級位置
; 每一個都指向一個或多個瀏覽器配置
[Test_loc]
1=IE
2=Test
label=Test Location
group=Desktop

; browser就是測試代理wptdriver.ini中配置的瀏覽器
[IE]
browser=IE9
connectivity=LAN
label="Test Location - IE9"

[Test]
browser=Chrome,Firefox
connectivity=LAN
label="Test Location"

3)wptdriver.ini

配置wptdriver.ini文件,包括瀏覽器執行目錄等信息。

在原先的“agent”文件夾中有個“wptdriver.ini.sample”文件,同樣去掉后綴。

1. 提示下載

修改瀏覽器的路徑,注釋installer。點擊aptdriver.exe,提示我下載flash

注釋掉“spftware”就不會出現這個錯誤提示了。

2. 瀏覽器閃退

輸入URL點擊“START TEST”后跳出了這個提示,並且瀏覽器會閃退。

后面在“wptdriver.ini”中加了debug參數后就不會閃退了,但那提示還在。

[WebPagetest]
debug=1

一切就緒后,wptdriver窗口內顯示:

3. 代理連接

接下來查看“install”頁面,發現兩個都沒連接上。

將“wptdriver.ini”中的location改成“IE,Test”即可,有個類似的說明可以參考《WebPagetest參數》,不過參數名字不同。

[WebPagetest]
location=IE,Test

4. 空數據

再次點擊開始測試,進入到結果頁面,出現下面的空數據。

在官方論壇中也看到了這么一個問題,已被作者解答,只需要在“settings/locations.ini”文件中新增連接屬性即可

[Test]
browser=Chrome,Firefox
connectivity=LAN
label="Test Location"

完整的“wptdriver.ini”文件如下:

[WebPagetest]
url=http://mine2.webpagetest.net/
location=IE,Test
;browser=chrome
Time Limit=120
;防止瀏覽器閃退
debug=1
;key=TestKey123
;Automatically install and update support software (Flash, Silverlight, etc)
;software=http://mine.webpagetest.net/installers/software.dat

[Chrome]
exe="C:\Program Files (x86)\Google\Chrome\Application\chrome.exe"
options='--load-extension="%WPTDIR%\extension" --user-data-dir="%PROFILE%" --no-proxy-server'
;installer=http://mine.webpagetest.net/installers/browsers/chrome.dat

[Firefox]
exe="C:\Program Files (x86)\Mozilla Firefox\firefox.exe"
options='-profile "%PROFILE%" -no-remote'
;installer=http://mine.webpagetest.net/installers/browsers/firefox.dat
template=firefox

[Safari]
exe="C:\Program Files (x86)\Safari\Safari.exe"

[IE9]
exe="C:\Program Files (x86)\Internet Explorer\iexplore.exe"

4)START TEST

再次點擊測試,將會獲得熟悉的頁面。

 

 

相關軟件下載:

http://download.csdn.net/download/loneleaf1/9808719

 

QQ交流群:156140744

 

參考資料:

Windows7如何安裝Sqlite3

Windows下用PIP安裝scipy出現no lapack/blas resources found

mac下webpagetest搭建

部署安裝WebPageTest 2.4私有實例

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM