[[284889]]

【51CTO.com快譯】您是否還記得讓自己倍感興奮的網站第一次上線的場景呢?整個團隊努力設計出了令人耳目一新的用戶界面和引人入勝的內容，大家都迫不及待地想要交付并投放給目標客戶。但是，人們往往就是迫于項目的需求，而急功近利地上線了某個新建的網站，到頭來，卻由于忽略了某些基本因素，而適得其反地“收獲”了用戶的負面反饋。可見，在啟用網站新的功能，或是新網站上線之前，我們需要根據一份終極測試清單，通過針對用戶界面、以及瀏覽器兼容性等方面的測試，來避免事后可能發生的錯誤。

1.找出細微的錯誤

不要在網頁上出現拼寫錯誤之類的低級失誤。請花些時間去全面瀏覽與校對自己網站上的各項文字與圖片內容。一旦發現在主要頁面或是聯系人列表處，存在任何邏輯或輸入錯誤，請立即與頁面設計團隊聯系，并及時予以修復。當然，您也應該注意頁面上的各種其他類型的流媒體內容，包括視頻、音頻文件和形式文本(dummy text)。其中，值得特別注意與校驗的內容包括如下方面：

• 內容不但需要引人入勝，而且能夠以準確的字體大小和加粗方式，以方便來訪者的閱讀。
• 鑒于網頁的加載速度，應適當對網頁上的圖片，以及大量的文本文字進行優化或壓縮。
• 確保各種音頻和視頻文件能夠正常運行。

2.清除惡意鏈接

在網站試運行一段時間之后，您應該定期檢查頁面上的程序代碼，及時清除掉被攻擊者植入的惡意鏈接以及病毒代碼。畢竟，用戶在訪問您的網站時，一旦本地電腦上彈出了病毒警告，甚至是不幸中招的話，他們非但會將該網站“拉黑”，甚至還會警告周圍人不要再訪問于此。您可以在自己的網頁上通過安插反惡意軟件的插件，來自動清理惡意鏈接。如果您啟動的是WordPress類型的網站的話，可以使用iThemes Security以及Antispam Bee之類的免費安全管理插件。

3.檢查網站的可用性

網站的可用性可謂Web應用中最關鍵的元素之一，它不但有助于提高用戶的轉化率并優化SEO(Search Engine Optimization)，而且能夠確保網站的所有功能會按照預期運行下去。業界常有七秒鐘定律的說法，也就是說：如果您的網站超過七秒鐘都無法給予用戶需要的內容，他們將視為該網站可用性的缺失。因此，我們需要考慮如下方面：

• 各種圖片必須得到適當的壓縮與優化。
• 檢查用戶行為召喚(call-to-action)和聯系表的正確性。
• 從用戶的角度，親測網站的整體瀏覽與使用體驗。
• 如果是一個多用戶站點的話，請檢查登錄認證、信任憑據、以及角色授權等過程。

另外，如果涉及到帶有付款選項的卡密交易的話，請從支付驗證、頁面重定向、以及合規方面予以測試。

4.驗證導航功能

每一個Web應用程序都應該配備有導航功能，以方便網站訪問者獲悉當前所處的網站位置，并能通過某個按鈕快速地跳轉到目標頁面。因此，我們應當測試從網站的其他頁面或區域跳轉回主頁，并且檢查從首頁到用戶簽出頁面的每一個導航步驟。注意，應當以最終用戶的身份進行逐步檢查，而不是以后臺管理員的角色，來想當然地瀏覽。

5.檢查瀏覽器的兼容性

網站訪客可能會從任何一種瀏覽器、設備或操作系統上連接進來。因此，您應該檢查自己的網站與各種常見與不常見瀏覽器的兼容性問題。如果您無法真實地在每一個瀏覽器上去測試自己的網站，那么最好請在Chrome、Firefox和Safari之類比較流行的瀏覽器上進行檢查。

鑒于手動測試每個瀏覽器不但復雜而且耗時，您可以使用諸如：LambdaTest、Testingbot和Crossbrowsertesting之類的跨瀏覽器測試工具。其中，LambdaTest可以模擬2000多種瀏覽器、操作系統和設備予以測試。它甚至可以在執行Web應用測試的同時，提供屏幕截圖、視頻錄制、以及錯誤跟蹤等功能。

6.確保所有URL均能夠被正常訪問

作為一名開發人員，您應該清楚地知道：當自己的站點從測試環境轉移到生產環境中時，應當通過更改所有涉及到的URL，以保證整個過程的平穩。對于某個小型企業網站而言，由于頁面數量不多，層次并不復雜，因此您可以手動進行URL的檢查。但是，如果您要上線一個大型網站，那么我建議您使用高效快捷的自動檢測工具。

7.檢查針對移動訪問的響應能力

除了測試目標網站的瀏覽器兼容性，檢查它對于移動設備的響應能力也是至關重要的。當前，非但Google之類的互聯網公司會注重移動設備的優先索引，其實有超過70%的用戶更愿意通過移動設備去瀏覽各類網站。因此，這就要求您的Web應用能夠在移動設備上具有與臺式機同等出色的性能。

有關此類檢查的主要方面包括：驗證頁面上的文本是否易于在移動設備上閱讀，內容的顯示格式是否與桌面端相同，按鈕的間距是否能保持一致，以及導航欄是否能夠運行正常等方面。在此，您可以使用Google所提供的移動友好測試工具，以及各種在線響應測試工具。

8.檢查網站加載速度

彼時，Google因為頁面加載速度延遲了0.5秒，而導致流量下降了20%。如今，我們可以毫不夸張地說：如果您的頁面加載速度出現0.1秒的延遲，那么您可能會損失多達40%的網站流量。此外，頁面的加載速度也已經成為了Google的排名因素之一。這就意味著如果您的網站能夠實時被加載的話，那么它在搜索引擎中的排名就比較靠前。

您可以通過Google的PageSpeed Insights來檢查每個頁面的加載速度。通過勾選“內容分析”模塊 ->“頁面”，您可以執行詳細的分析，進而獲悉影響某個頁面速度的技術因素。當然，您也可以考慮如下方面的原因：

• 使用各種響應媒體類(responsive media)文件，然后將其存儲在內容傳輸網絡(content delivery network)上，以減少服務器的負載。
• 通過HTMLMinifier、CSSNano、Closure Compiler之類的Google推薦工具，來縮少JavaScript、HTML和CSS代碼的數量。
• 通過在多個供應商平臺上進行測試，以及瀏覽各大論壇、社區里的評論，選擇響應速度最快的托管服務提供商。
• 最好能夠通過諸如Gzip之類的工具，來壓縮較大體積的頁面。

9.確認Web內容已針對SEO進行了優化

為了確保您網站不至于在搜索引擎中排名靠后，您應當對每個頁面上的內容都進行適當地優化，檢查頁面上有唯一的標題標簽和元描述信息，以保持對SEO的友好。

除了檢查和優化頁面標題、正文內容、URL、圖像以及備選文本之外，您還可以檢查是否使用了正確的關鍵字，并將其放置在了頁面的適當位置。

10.使用SSL證書來檢查網站的安全性

保護網站免受黑客攻擊的首要措施就是啟用SSL認證證書。它能夠確保對于Web應用進行加密，以攔截黑客的各類控制命令與數據截獲。由于Google在其搜索排名算法中已經包含了SSL部分，因此此舉不僅可以幫助您保護網站上的業務數據、并為用戶提供便利，而且可以提高SEO的整體性能。不過，購買、安裝與配置新的SSL證書，是需要花費時間的，您最好讓安全部門來參與并配合。當然，如果您已經有了網站SSL證書，那么請確保將其遷移到新的服務主機上并啟動之。

11.驗證HTML和CSS

按照Google的說法，較小的HTML/CSS錯誤，并不會影響網站的顯示效果。但是我仍然建議您仔細驗證代碼正確性。通常，我們可以使用諸如W3C Markup Validator和W3C CSS Validator之類的免費工具，來掃描并查找頁面上的潛在錯誤。雖然HTML/CSS中的次要錯誤并不會影響到網站的整體SEO，但是它們確實會影響到網站的運行性能與響應速度，進而會給訪客帶來不佳的瀏覽體驗。

12.擁有災難備份方案

沒有人愿意在辛苦搭建并啟動了網站之后，去承受數據的丟失與破壞。因此，我們需要通過分析網站的使用量和數據量，設計并準備一套備份方案，以保證在出現緊急情況時，能夠通過定位備份數據和有條不紊地恢復，來從容應對。

結論

如今，我們雖然可以使用WordPress、Wix等平臺，來輕松地創建和啟動新的網站，但是要真正確保能夠符合Google制定的業界標準，并在搜索引擎上獲得靠前的排名，可不是一件容易的事。這就是為什么我們需要在啟用網站之前，分頭檢查各方面性能的原因。希望我們上述為您羅列的十二項檢查條目，能夠幫助您打造出穩定且會給用戶帶來良好體驗的網站。

原文標題：The Ultimate Website Testing Checklist Before Going Live，作者：Veethee Dixit

【51CTO譯稿，合作站點轉載請注明原文譯者和出處為51CTO.com】