提高shopify在线市肆速率的字体、故障扫除工具因素
字体
关于在线市肆中的文本，，，，，，，您可以从多种字体中举行选择。 。。 。。。。。可是，，，，，，，若是您使用的是客户的盘算机上尚未保存的字体，，，，，，，则必需先下载该字体，，，，，，，然后才华显示文本。 。。 。。。。。这会影响加载您的市肆所需的时间。 。。 。。。。。
为了阻止在客户的盘算机上下载新字体，，，，，，，您可以使用系统字体。 。。 。。。。。系统字体是一种在大大都盘算机上已装置的字体。 。。 。。。。。
您可以选择等宽、衬线或无衬线字舷列。 。。 。。。。。当您使用这些字舷列中的任何一种时，，，，，，，您仍可以使用字体样式，，，，，，，例如粗体或斜体。 。。 。。。。。
客户的盘算机上显示的字体取决于其操作系统。 。。 。。。。。以下是选择系统字舷列时可能用于泛起文本的一些字体示例：
等宽：Menlo、Consolas、Monaco、Liberation Mono 或 Lucida Console
无衬线：BlinkMacSystemFont、Segoe UI、Roboto、Ubuntu 或 Helvetica Neue
衬线：Iowan Old Style、Apple Garamond、Baskerville、Times New Roman、Droid Serif、Times 或 Source Serif Pro
故障扫除工具
您可以使用以下工具来视察在线市肆的速率。 。。 。。。。。
若是您是开发职员，，，，，，，您可以使用 Shopify 工具和最佳做法来进一步优化您的模板的性能。 。。 。。。。。在 Shopify.dev 相识更多信息。 。。 。。。。。
Lighthouse
Shopify 的在线市肆速率报告使用 Lighthouse 来丈量市肆的速率。 。。 。。。。。您可以使用 Google PageSpeed Insights 运行自己的 Lighthouse 报告，，，，，，，以审查更详细的市肆页面指标。 。。 。。。。。若要相识这些指标的寄义，，，，，，，请参阅 Google Lighthouse 性能评分文档。 。。 。。。。。您还可以约请 Shopify 专家来资助您相识这些指标和提出刷新建议。 。。 。。。。。
注重
由于使用 Google PageSpeed Insights 运行报告时的测试条件差别，，，，，，，因此您获得的评分可能与在线市肆速率报告中列出的评分差别。 。。 。。。。。相识 Shopify 测试情形。 。。 。。。。。
适用于 Chrome 的 Shopify 模板检查器
适用于 Chrome 的 Shopify 模板检查器是一个使用火焰图来显示 Liquid 渲染性能的剖析工具。 。。 。。。。。此工具可资助您识别哪些代码行减慢了在线市肆页面的速率。 。。 。。。。。相识怎样使用 Shopify 模板检查器。 。。 。。。。。
注重
此扩展适用于熟悉怎样查阅和编辑代码的商家和相助同伴。 。。 。。。。。若是您不熟悉怎样查阅或编辑代码，，，，，，，则可以约请 Shopify 专家来指导您。 。。 。。。。。Shopify 专家还可以资助您使用此工具的效果来提高市肆性能。 。。 。。。。。
获取在线市肆速率方面的支持
若是您使用 Shopify 提供的免费模板，，，，，，，Shopify 支持团队也许能够资助您举行基本的性能刷新。 。。 。。。。。
若是您使用第三方模板并需要资助，，，，，，，则必需联系模板开发者或约请 Shopify 专家。 。。 。。。。。
若是您有开发团队或署理相助同伴，，，，，，，您还可以联系他们获取更多资助。 。。 。。。。。
Shopify商户官网原文详情：
Fonts
You can choose from several fonts for the text in your online store. However, if you use a font that does not yet exist on your customer's computer, then the font has to be downloaded before your text can be displayed. This impacts the time that your store takes to load.
To avoid downloading a new font to your customer's computer, you can use a system font. A system font is a font that is already installed on most computers.
You can select a mono, serif, or sans-serif font family. You can still use font styles, such as bold or italic, when you use any of these font families.
The font that displays on your customer's computer depends on their operating system. Below are some examples of the fonts that might be used to render text when you select a system font family:
Mono: Menlo, Consolas, Monaco, Liberation Mono, or Lucida Console
Sans-serif: BlinkMacSystemFont, Segoe UI, Roboto, Ubuntu, or Helvetica Neue
Serif: Iowan Old Style, Apple Garamond, Baskerville, Times New Roman, Droid Serif, Times, or Source Serif Pro
Troubleshooting tools
You can use the following tools to investigate your online store's speed.
If you're a developer, then you can further optimize your theme for performance using Shopify tools and best practices. Learn more on Shopify.dev.
Lighthouse
Shopify's Online store speed report uses Lighthouse to measure the speed of your store. You can run your own Lighthouse report using Google PageSpeed Insights to view more detailed metrics for pages in your store. To learn about what these metrics mean, refer to the Google Lighthouse performance scoring documentation. You can also hire a Shopify expert to help you understand the metrics and suggest improvements.
Caution
Because the test conditions are different when run from Google PageSpeed Insights, your score might be different from the score listed in the Online store speed report. Learn about the Shopify test environment.
Shopify Theme Inspector for Chrome
The Shopify Theme Inspector for Chrome is a profiling tool that uses a flame graph to display Liquid render performance. This tool helps you to identify the lines of code that slow down pages in your online store. Learn how to use the Shopify Theme Inspector.
Caution
This extension is intended for merchants and Partners who are comfortable with reading and editing code. If you're not comfortable with reading or editing code, then you can hire a Shopify expert to guide you. A Shopify expert can also help you to improve your store performance using the results of this tool.
Get support with online store speed
If you use a free theme from Shopify, then Shopify support might be able to assist you with basic performance improvements.
If you use a third-party theme and need assistance, then you must contact your theme developer or hire a Shopify expert.
If you have a development team or agency partner, you can also reach out to them for further assistance.
文章内容泉源：Shopify商户官方网站