求进行了全面的质量保证。
测试工具
确保主题高性能、易访问且能兼容所有浏览器的最佳方法是从一开始就遵循最佳实践。在项目后期重构有问题的代码比一开始就编写正确的代码更加困难且耗时。
“确保您的主题具有高性能、可访问性并可在所需浏览器上运行的最佳方法是从一开始就考虑最佳实践。”
然而,您始终需要一种方法来评估您的工作,并确定您的主题是否符合提交到 Shopify 主题商店所需的基准。这些测试技巧应该作为您开发工作流程的一部分每天使用,以帮助您了解影响您正在向代码库引入的新变化,并允许您识别改进的机会。
测试在线商店性能的工具
我们的审核团队会使用Google 的Lighthouse 工具来评估您主题的加载性能。要被 Shopify 主题商店接受,主题在移动端的首页、产品页面和产品系列页面的 Lighthouse 性能平均评分必须至少达到 60 分。
您可以通过生成预览链接并在 Google Pagespeed Insights上使用它来在您自己的开发商店上运行 Lighthouse 测试。由于开发商店受密码保护,您将无法使用根 myshopify.com URL 进行审核。但是,从管理员创建的预览 哥斯达黎加电话号码收集 链接无需密码即可公开访问,并可用于审核主题的不同页面。
为了全面了解主题在不同页面上的表现,您应该对主页、产品页面和产品系列页面进行审核(使用 10-25 款产品以获得真实的结果)。建议对每个页面运行 10 次,以获得可靠的平均值,因为许多因素都会影响结果(例如位置、网速等)。所有页面的平均值在移动设备上应超过 60。
此外,我们发布了Shopify Lighthouse CI GitHub Action,以支持将持续集成 (CI) 流程作为开发工作流程一部分的开发者。当您使用此 GitHub Action 时,您的主题代码将被上传到基准测试商店,并在那里计算速度分数。这将帮助您在构建主题时尽早发现性能问题。
要了解可以使用哪些技术来提高主题的性能,您应该阅读我们针对 Shopify 主题的性能最佳实践和开发人员文档中的 性能基准测试说明。
无障碍功能应融入主题构建的方方面面,因为它对于为商家及其客户提供包容性的体验至关重要。满足 Shopify 主题商店的无障碍功能要求不仅仅限于在我们的市场中发布您的主题,您还将为您的商家及其购物者提供更优质的体验。
我们最近发布了Scott Vinkle 撰写的一篇关于测试主题可访问性的精彩文章,它将帮助您了解并满足 Shopify 主题商店新的可访问性要求。这篇博文演示了一系列用于审核客观和主观可访问性问题的技术,以及如何对主题的特定组件进行审核。
与性能一样,Shopify 主题审核团队使用 Lighthouse 来确定您的主题的可访问性。要被 Shopify 主题商店接受,主题在产品、产品系列和主页(桌面和移动设备)上的 Lighthouse 可访问性评分必须至少达到 90 分。
通过在每个页面上运行 Lighthouse 可访问性测试,您不仅可以确定可访问性分数,还可以准确发现主题可能存在的可访问性问题。例如,Lighthouse 报告会突出显示表单字段是否缺少标签关联,或者是否发现颜色对比度问题。