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

時間 2019-11-19

標籤 web 性能優化工具 webpagetest 本地部署 windows 版本欄目 HTML 简体版

原文原文鏈接

此次先可以使用PC端的瀏覽器測試，首先須要下載官方的發佈版本「WebPageTest 3.0」。php

1. agent：瀏覽器代理軟件html

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

3. www：網站PHP代碼git

也能夠參考官方的Private Instance配置，不過文檔掛在google域名下，因此你懂得。我作了簡單的翻譯《私有實例》github

官方文檔寫的很是拗口，可是仍是有必定的參考價值。web

1、PHP配置與軟件安裝

1）配置虛擬目錄sql

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

首先要打開虛擬目錄的功能，如上所示，須要在httpd.conf中配置，以我本機爲例，目錄在「D:\server\Apache24\conf」，以下圖所示。數據庫

而後在虛擬目錄文件中配置域名，仍是以本機爲例，目錄在「D:\server\Apache24\conf\extra」中，以下所示。windows

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

輸入虛擬地址後，出現了熟悉的頁面，不過如今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

2、系統工具安裝

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」路徑。

3、安裝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.whl
pip install scipy-0.19.0-cp27-cp27m-win32.whl

至此，全部須要安裝的軟件和須要配置的地方都已完畢。

4、桌面測試代理

代理的相關軟件和文件都在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"