如何压力测试您的网站的内容

测试图像和文本长度,以确保您的网站适当反应

当我们设计网站并计划如何显示这些网站的内容时,我们经常会考虑到理想的情况。 标题和文本区域被认为具有一定的长度,而伴随该文本的图像被设计为以可以在整体设计中按预期工作的尺寸显示。 即使这些元素作为响应式网站构建的一部分 (它们应该是这样)有些流畅,但它们的灵活性将会受到限制。

如果您在CMS(内容管理系统)上部署网站并允许客户管理该网站并随着时间的推移添加新内容,则您设计的限制将绝对经受考验。 相信你的客户会找到方法来改变你从未梦想过他们会做的网站。 如果您在设计过程中没有考虑到与您合作过的理想情况,那么该网站的布局可能会受到严重威胁。 这就是为什么在启动该网站之前强调测试所有网站内容和网站布局的各个方面尤为重要。 这里有一些关于如何做到这一点的技巧。

测试图像尺寸

毫无疑问,人们破坏网站布局的最常见方式是添加尺寸不合适的图片(这也是他们对网站整体性能产生负面影响并导致下载速度缓慢的方式)。 这包括太大的图像,以及太小而无法在您的网站中使用的图像。

即使您使用CSS在您的布局中强制使用这些图像的尺寸,图像与您网站的原始规格大幅超出范围也会导致问题。 如果图像的尺寸不正确,则CSS可能会强制使用适当的宽度和高度显示该图像,但图像本身及其纵横比可能会失真。 这对您的网站的外观肯定会产生负面影响,因为太小的图片会被“炸毁”,并且会失去质量。 一张图片太大了,使用CSS制作得更小看起来很好,并保持其质量,但文件大小对于如何使用文件大小可能不合理。

在测试您的网站工作时,请务必添加超出您预期范围的图像。 添加CSS和响应式图像技术,通过调整图像的大小来解决这些挑战,或者在不正确的高宽比的情况下,还考虑使用类似CSS剪辑属性来根据需要裁剪图像。

测试其他媒体

除了图片之外,还可以测试其他媒体,例如您网站上的视频,并查看这些元素将如何使用不同的尺寸和宽高比值在您的布局中显示。 再次考虑您的网站的响应特性以及它如何适用于不同的设备和屏幕尺寸

测试文本标题

在图像之后,导致非网络专业人员管理的实时网站的最大问题的下一个网站区域是文本标题。 这些是(很可能)简短的文本行,通常会在页面上开始页面或部分的内容。 本段上面的“测试文本标题”文本就是一个例子。

如果你设计了一个网站来容纳这样一个标题:

“测试文本标题”

但是你的客户使用CMS来添加一个标题如下的文章:

“在各种不同大小要求和用户需求的各种网页上测试文本标题”

那么你的布局可能无法清晰地容纳所有额外的文本。 就像您应该通过添加超出您最初设计的尺寸的条目来压力测试您的图像和媒体一样,所以应该使用文本标题来确保其足够灵活,以便有效地显示即使是超长的线条一个在上面。

测试文本长度

关于文本主题,您还需要为页面上的主要内容测试不同的文本长度。 这包括非常非常长的文本以及非常非常短的文本 - 这实际上可能是导致许多页面布局的问题。

因为网页本质上会随着它们所包含的文本的高度而增大,所以包含大量文本的页面通常会根据需要按比例缩放。 除非你限制了页面的高度(如果你想让页面变得灵活,你不应该这么做),那么额外的文本就不会造成问题。 太少的文字是另一个问题 - 这是许多设计师在设计过程中忘记测试的问题。

太少的文字可能会使页面看起来不完整甚至损坏,因此请务必缩小页面内容的大小,以查看这些情况下会发生的情况,并对网站的CSS进行必要的调整以处理这些情况。

测试页面缩放

有视力问题的人可能会使用网页浏览器的页面缩放功能来增加网页的大小。 如果有人放大显着数量,您的布局可能会崩溃。 这是您可能希望将EM用作网站字体大小以及媒体查询的度量单位的原因之一。 由于EM是相对测量单位(基于该浏览器的默认文本大小),因此它们更有利于流畅灵活的网站布局。

测试您的网站的页面缩放,不要停留在一个或两个缩放级别。 在各种级别上下放大您的网站,以确保您的网页按预期做出反应。

不要忘记下载速度和性能

在您测试客户决策的布局影响时,请不要忘记还要关注这些决策对网站性能的影响。 这些客户端添加的图片和内容可能会影响网站的下载速度,并严重破坏网站的整体可用性。 计划这些新增功能的影响,并在开发过程中尽自己的责任,以尽量减少这些影响。

如果您的网站正在构建性能预算,请与您的客户共享此信息,并向他们展示如何测试网页的性能指标。 向他们解释维持页面大小和下载速度的这些既定阈值的重要性,并向他们展示它们的增加如何影响整个网站。 花点时间来培训他们如何保持网站的正常运行和良好状态。 关于培训的主题......

客户培训是必不可少的

压力测试您网站的图片,文本和其他页面元素以及创建适用于极端情况的样式是非常重要的,但这永远不会取代客户端培训。 除了您花在培训客户如何有效关心和管理他们的网站上的时间外,您的工作还需要一个网站。 最后,经过良好培训的客户了解他们的责任以及他们在网站上做出的决策的影响,对于您保持该网站的正常运行和最佳状态的努力而言是无价的。