如何壓力測試您的網站的內容

測試圖像和文本長度,以確保您的網站適當反應

當我們設計網站併計劃如何顯示這些網站的內容時,我們經常會考慮到理想的情況。 標題和文本區域被認為具有一定的長度,而伴隨該文本的圖像被設計為以可以在整體設計中按預期工作的尺寸顯示。 即使這些元素作為響應式網站構建的一部分 (它們應該是這樣)有些流暢,但它們的靈活性將會受到限制。

如果您在CMS(內容管理系統)上部署網站並允許客戶管理該網站並隨著時間的推移添加新內容,則您設計的限制將絕對經受考驗。 相信你的客戶會找到方法來改變你從未夢想過他們會做的網站。 如果您在設計過程中沒有考慮到與您合作過的理想情況,那麼該網站的佈局可能會受到嚴重威脅。 這就是為什麼在啟動該網站之前強調測試所有網站內容和網站佈局的各個方面尤為重要。 這裡有一些關於如何做到這一點的技巧。

測試圖像尺寸

毫無疑問,人們破壞網站佈局的最常見方式是添加尺寸不合適的圖片(這也是他們對網站整體性能產生負面影響並導致下載速度緩慢的方式)。 這包括太大的圖像,以及太小而無法在您的網站中使用的圖像。

即使您使用CSS在您的佈局中強制使用這些圖像的尺寸,圖像與您網站的原始規格大幅超出範圍也會導致問題。 如果圖像的尺寸不正確,則CSS可能會強制使用適當的寬度和高度顯示該圖像,但圖像本身及其縱橫比可能會失真。 這對您的網站的外觀肯定會產生負面影響,因為太小的圖片會被“炸毀”,並且會失去質量。 一張圖片太大了,使用CSS製作得更小看起來很好,並保持其質量,但文件大小對於如何使用文件大小可能不合理。

在測試您的網站工作時,請務必添加超出您預期範圍的圖像。 添加CSS和響應式圖像技術,通過調整圖像的大小來解決這些挑戰,或者在不正確的高寬比的情況下,還考慮使用類似CSS剪輯屬性來根據需要裁剪圖像。

測試其他媒體

除了圖片之外,還可以測試其他媒體,例如您網站上的視頻,並查看這些元素將如何使用不同的尺寸和寬高比值在您的佈局中顯示。 再次考慮您的網站的響應特性以及它如何適用於不同的設備和屏幕尺寸

測試文本標題

在圖像之後,導致非網絡專業人員管理的實時網站的最大問題的下一個網站區域是文本標題。 這些是(很可能)簡短的文本行,通常會在頁面上開始頁面或部分的內容。 本段上面的“測試文本標題”文本就是一個例子。

如果你設計了一個網站來容納這樣一個標題:

“測試文本標題”

但是你的客戶使用CMS來添加一個標題如下的文章:

“在各種不同大小要求和用戶需求的各種網頁上測試文本標題”

那麼你的佈局可能無法清晰地容納所有額外的文本。 就像您應該通過添加超出您最初設計的尺寸的條目來壓力測試您的圖像和媒體一樣,所以應該使用文本標題來確保其足夠靈活,以便有效地顯示即使是超長的線條一個在上面。

測試文本長度

關於文本主題,您還需要為頁面上的主要內容測試不同的文本長度。 這包括非常非常長的文本以及非常非常短的文本 - 這實際上可能是導致許多頁面佈局的問題。

因為網頁本質上會隨著它們所包含的文本的高度而增大,所以包含大量文本的頁面通常會根據需要按比例縮放。 除非你限制了頁面的高度(如果你想讓頁面變得靈活,你不應該這麼做),那麼額外的文本就不會造成問題。 太少的文字是另一個問題 - 這是許多設計師在設計過程中忘記測試的問題。

太少的文字可能會使頁面看起來不完整甚至損壞,因此請務必縮小頁面內容的大小,以查看這些情況下會發生的情況,並對網站的CSS進行必要的調整以處理這些情況。

測試頁面縮放

有視力問題的人可能會使用網頁瀏覽器的頁面縮放功能來增加網頁的大小。 如果有人放大顯著數量,您的佈局可能會崩潰。 這是您可能希望將EM用作網站字體大小以及媒體查詢的度量單位的原因之一。 由於EM是相對測量單位(基於該瀏覽器的默認文本大小),因此它們更有利於流暢靈活的網站佈局。

測試您的網站的頁面縮放,不要停留在一個或兩個縮放級別。 在各種級別上下放大您的網站,以確保您的網頁按預期做出反應。

不要忘記下載速度和性能

在您測試客戶決策的佈局影響時,請不要忘記還要關注這些決策對網站性能的影響。 這些客戶端添加的圖片和內容可能會影響網站的下載速度,並嚴重破壞網站的整體可用性。 計劃這些新增功能的影響,並在開發過程中儘自己的責任,以盡量減少這些影響。

如果您的網站正在構建性能預算,請與您的客戶共享此信息,並向他們展示如何測試網頁的性能指標。 向他們解釋維持頁面大小和下載速度的這些既定閾值的重要性,並向他們展示它們的增加如何影響整個網站。 花點時間來培訓他們如何保持網站的正常運行和良好狀態。 關於培訓的主題......

客戶培訓是必不可少的

壓力測試您網站的圖片,文本和其他頁面元素以及創建適用於極端情況的樣式是非常重要的,但這永遠不會取代客戶端培訓。 除了您花在培訓客戶如何有效關心和管理他們的網站上的時間外,您的工作還需要一個網站。 最後,經過良好培訓的客戶了解他們的責任以及他們在網站上做出的決策的影響,對於您保持該網站的正常運行和最佳狀態的努力而言是無價的。