[[284889]]

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

1.找出細(xì)微的錯誤

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

• 內(nèi)容不但需要引人入勝，而且能夠以準(zhǔn)確的字體大小和加粗方式，以方便來訪者的閱讀。
• 鑒于網(wǎng)頁的加載速度，應(yīng)適當(dāng)對網(wǎng)頁上的圖片，以及大量的文本文字進(jìn)行優(yōu)化或壓縮。
• 確保各種音頻和視頻文件能夠正常運行。

2.清除惡意鏈接

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

3.檢查網(wǎng)站的可用性

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

• 各種圖片必須得到適當(dāng)?shù)膲嚎s與優(yōu)化。
• 檢查用戶行為召喚(call-to-action)和聯(lián)系表的正確性。
• 從用戶的角度，親測網(wǎng)站的整體瀏覽與使用體驗。
• 如果是一個多用戶站點的話，請檢查登錄認(rèn)證、信任憑據(jù)、以及角色授權(quán)等過程。

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

4.驗證導(dǎo)航功能

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

5.檢查瀏覽器的兼容性

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

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

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

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

7.檢查針對移動訪問的響應(yīng)能力

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

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

8.檢查網(wǎng)站加載速度

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

您可以通過Google的PageSpeed Insights來檢查每個頁面的加載速度。通過勾選“內(nèi)容分析”模塊 ->“頁面”，您可以執(zhí)行詳細(xì)的分析，進(jìn)而獲悉影響某個頁面速度的技術(shù)因素。當(dāng)然，您也可以考慮如下方面的原因：

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

9.確認(rèn)Web內(nèi)容已針對SEO進(jìn)行了優(yōu)化

為了確保您網(wǎng)站不至于在搜索引擎中排名靠后，您應(yīng)當(dāng)對每個頁面上的內(nèi)容都進(jìn)行適當(dāng)?shù)貎?yōu)化，檢查頁面上有唯一的標(biāo)題標(biāo)簽和元描述信息，以保持對SEO的友好。

除了檢查和優(yōu)化頁面標(biāo)題、正文內(nèi)容、URL、圖像以及備選文本之外，您還可以檢查是否使用了正確的關(guān)鍵字，并將其放置在了頁面的適當(dāng)位置。

10.使用SSL證書來檢查網(wǎng)站的安全性

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

11.驗證HTML和CSS

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

12.擁有災(zāi)難備份方案

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

結(jié)論

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

原文標(biāo)題：The Ultimate Website Testing Checklist Before Going Live，作者：Veethee Dixit

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