如何衡量依赖javascript的网站的成功一百频道

我很高兴在6月份的SMX高级会议上与Hamlet Batista分享关于JavaScript新复兴的内容。我谈到了我工作过的一些依赖javascript的网站,它们的独特挑战以及自动化测试和监控解决方案的重要性。

以下是与会者提出的一些问题和我的回答。

在会话示例中,你用什么来测试渲染成功率?

我们设置了一个自动监控脚本,每天上午8点检查站点上大量的页面。该脚本检查每个页面上的多个元素。我们要检查的元素之一是语言选择器的存在,因为我们发现如果预编译失败,语言选择器就不在那里。一旦我们知道脚本检查了多少页(每天都是相同的数目)和预渲染失败的次数(没有找到语言选择器),我们就可以计算渲染成功率。

如果您没有一个监控解决方案,您可以使用尖叫青蛙来实现类似的结果。

将渲染设置为“仅文本”,并将用户代理切换到谷歌智能手机。

使用自定义搜索或自定义提取来定位prerendering过程失败时不存在的元素。

抓取站点(或大量页面示例)。

在接下来的一个星期里,重复爬几次。

计算被监视元素出现的次数,并计算呈现成功率。

当你的网站使用外部A/B测试工具时,你有任何处理动态渲染的技巧吗?

我希望谷歌只看到一个页面的一个版本。这意味着我将为搜索引擎提供旧版本,直到新的测试设计永久生效。您已经在进行用户代理检测了,因为您使用了动态呈现,所以您可以阻止在来自搜索引擎机器人的请求时向页面添加A/B测试代码,并且仅当页面转到用户时才添加A/B测试代码。

我的设计/开发团队经常问我们是否可以使用JavaScript隐藏点击或悬浮时可见的内容。对于桌面,我们可以实现哪些替代方案?或者有吗?

我不知道细节,但是,通常,CSS可以做悬停相关的动作。对于单击事件,您需要确保所需的内容位于初始HTML响应中。您不希望在用户单击后通过JavaScript动态加载内容。

如果有问题的内容在默认情况下是可见的,而您希望在交互后隐藏它,这是可以的。谷歌不会点击或悬停在元素上。

我有完全相同的新实现公司白色-不透明度。这一直困扰着我,因为迁移到这个新实现的页面的性能没有以前那么好。你能确认你没有看到任何不透明的问题,并且没有必要尝试解决/改变它吗?

每个网站都不一样,所以我只能和我遇到的人说。在去掉最初的不透明度0后,我们没有看到任何明显的改善,但这是一个拥有大量品牌流量的网站。一般来说,如果你的网站没有收到太多的品牌流量,严重依赖于非品牌流量,我希望尽快消除不透明度:0。如果你的有机流量绝大多数来自品牌查询,我会给它一个较低的优先级,但仍然希望在某些时候完成它。

如果开发者在遥远的地方或者在印度有很大的时差,你如何与他们密切合作来完成这些检查?

我经常和不同城市或大陆的人一起工作,有一件事对我来说总是有效的,那就是Skype/Slack电话。为了一个电话,我早起或熬夜,而不是交换长长的电子邮件。这些电话帮助我更好地理解他们的工作流程和挑战,同时我有机会解释为什么自动化测试应该在适当的地方,并解决他们的即时问题。

一旦双方都清楚我们为什么要这样做,我仍然认为创建一个简洁但彻底的要求和验收标准以避免任何误解的票据是必要的。

滚动至顶部