如果您使用 BigCommerce，您很可能听说过 Stencil，这是 BigCommerce 的新主题和前端开发方法。
下载指南 – BigCommerce 与 Shopify
电子书
BigCommerce 与 Shopify：您需要了解的一切
下载电子书
在 Groove，我们有机会在一些网站上使用 Stencil，我们的开发团队对此赞不绝口。以下是您和您的开发人员会喜欢进行转换的 5 个原因。
切换到 BigCommerce Stencil 的原因
1) Handlebar 语言等于更大的灵活性
“可怕的全局
变量”的时代已经一去不复返了。全局变量是通常在产品页面或电子邮件中找到的无法更改或操纵的代码块。如果您遇到过这种障碍，您就会明白，当您期望能够进行更改时却陷入死胡同是多么令人沮丧。
Stencil 已经取消了全局变量，并使用了 handlebar 模板语言，这意味着您的开发人员可以以任何他们需要的方式操作数据。这让您可以自由灵活地在必要时进行更改。
正如我们的高级 Web 开发人员 Chris Cherupil 所说：“编写网站样式要容易得多，因为您可以编写更少的代码并重复使用变量。”
2) 本地开发等于更快的周转
本地开发意味着更快的开发时间（也就是说，您的网站可以更快地启动并运行）！这也意味着对虚拟网站所做的更改不会影响您的实时网站。这很重要。想象一下，如果您犯了一个代码错误，您的客户会实时体验到它。
使用 Stencil，开发人员可以使用当前数据对虚拟网站进行更改。然后，他们可以通过共享 IP 地址在实时推送更新之前与客户或企业共享这些更改的预览。
“能够在开发中使用实时数据真的很棒，”Groove 高级 Web 开发人 WhatsApp 数据 员 McKeever Conwell 说。“这使得开发过程更加精简，并降低了出错的风险。”
BigCommerce 与 Shopify：您需要了解的一切
下载电子书
现代标准等于更快的加载时间>
我们都知道网站速度对于成功至关重要。根据我们的数据，即使 如何获取美国营销机构的虚拟电话号码 页面加载时间延迟 1 秒也会导致转化率下降 7%。
Stencil 在使用现代标准加速网页方面做得很好。事实上，使用默认示例图像，Stencil 的主主题 Cornerstone 在桌面上获得了 89 的 Google Page Speed 分数。这远远高于 85 的优秀分数！
4) Browsersync 预览等于可见性
“Stencil 的一个更酷的功能是能够在所有设备上实时查看您 CG 线索 的更改，”Chris 指出。
继续：将桌面、手机和平板电脑并排排列。当开发人员进行更改时，您将看到这些更改反映在每台设备上。这有助于消除对桌面进行更改而对移动设备产生负面影响的风险，反之亦然。它还提高了开发效率，企业和开发人员都会对此表示赞赏。
5) YAML 格式的 Front Matter 等于效率
您不需要知道“YAML 格式”的确切含义。您需要知道的是，它是一种现代的 JavaScript 语言，可以使您的网站更高效。它实现这一点的一种方式是通过与数据集合相关的功能，例如产品目录的细分（特色、畅销等）。
假设您想要
加载目录网格的一部分：500 个集合中的 10 个项目。在 Blueprint 中，您必须加载整个目录，但隐藏您不想让用户看到的内容。由于整个目录仍处于加载状态，这会降低页面速度。
使用 Stencil，您可以显示目录网格的一部分而不会降低页面速度。该库旨在以更易于组织和移动的格式处理数据，从而使您的开发团队和网站运行得更高效。
Stencil 的首要主题是现代化，这对您的开发团队来说非常重要，因此对您来说也非常重要。
指南表 – BigCommerce 与 Shopify
电子书
BigCommerce 与 Shopify：
您需要了解的一切
名字
名字
姓氏
姓氏
电子邮件*
公司电子邮件地址
电话号码
电话号码
Groove 需要您提供给我们的联系信息，以便就我们的产品和服务与您联系。您可以随时取消订阅这些通信。有关如何取消订阅以及我们的隐私惯例和保护您隐私的承诺的信息，请查看我们的隐私政策。
探索标签：
BigCommerce
分享这篇文章：
关于作者
Ethan Giffin
所有者兼首席执行官
当 Ethan 不在 Groove Commerce 上痴迷于 SEO、转化率和电子商务架构时，他可以在国内和国际上以行业权威的身份发表演讲。闲暇时，他喜欢烹饪、旅行、做 DJ 以及追求稀有的口袋巾。
