Web效能最佳化工具WebPageTest（三）——本地部署（Windows 7版本）

標籤：軟體   多個   builds   set   off   get   緩衝   thread   顯示   

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

1. agent：瀏覽器代理軟體

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

3. www：網站PHP代碼

也可以參考官方的Private Instance配置，不過文檔掛在google網域名稱下，所以你懂得。我做了簡單的翻譯《私人執行個體》

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

 

一、PHP配置與軟體安裝

1）配置虛擬目錄

輸入虛擬位址後，出現了熟悉的頁面，不過現在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的兩個模組，Pillow和SSIM。

首先將“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.whlpip 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=IE2=Testlabel=Test Locationgroup=Desktop; browser就是測試代理程式wptdriver.ini中配置的瀏覽器[IE]browser=IE9connectivity=LANlabel="Test Location - IE9"[Test]browser=Chrome,Firefoxconnectivity=LANlabel="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,Firefoxconnectivity=LANlabel="Test Location"

完整的“wptdriver.ini”檔案如下：

[WebPagetest]url=http://mine2.webpagetest.net/location=IE,Test;browser=chromeTime 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.dattemplate=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

 

參考資料：

Windows7如何安裝Sqlite3

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

mac下webpagetest搭建

部署安裝WebPageTest 2.4私人執行個體

 

Web效能最佳化工具WebPageTest（三）——本地部署（Windows 7版本）