Shopify平台
了解Shopify提供的基础设施,使在线商店和您的主题更快。欧宝体育官网入口首页
Shopify CDN
锚链接到标题为“Shopify CDN”的部分Shopify为商家提供世界级的内容分发网络(CDN)Cloudflare.使用CDN意味着您的在线商店将在全球范围内快速加载。欧宝体育官网入口首页
通过Shopify CDN传送的文件会自动使用Brotli,Zopfli,gzip,减少浏览器必须下载的文件大小。请求使用HTTP / 3和TLS 1.3进一步提高请求性能和安全性。
商店中图像的短暂延迟
锚定链接到标题为“商店中图片的短暂延迟”的部分使用CDN意味着您所有的在线商店图像都缓存在世界各地的数千台服务器上。欧宝体育官网入口首页当你对图片进行更改时,Shopify会通知CDN图片已经更改。为此,Shopify使用asset_url
过滤器,它会自动将版本号附加到它生成的所有url。例如,在url的末尾添加一个版本号可能是这样的:? v = 1384022871
.
如果您链接到图像而没有使用asset_url
过滤并上传同一图像的新版本,那么在线商店中的图像可能一天或更长时间都不会更改为新版本。欧宝体育官网入口首页
CSS语法,确保自动更新
锚点链接到标题为“确保自动更新的CSS语法”的部分如果你直接在CSS中引用图像,那么url将是静态的,并且不会携带Shopify自动更新的资产版本。
要确保图像自动更新,请更改CSS语法以包含asset_url
过滤器。
例如,如果你的CSS看起来像这样:
然后把它改成这样:
服务器端呈现
锚点链接到标题为“服务器端渲染”的部分店面渲染器(SFR)是处理店面请求的服务器端渲染器。SFR致力于尽可能快地服务店面请求。
我们的店面渲染器显著提高了缓存丢失的性能——当页面或其他请求的数据在缓存内存中找不到,必须从其他缓存级别或主内存中检索时。
Shopify自动缩小CSS文件,以及使用ES5有效语法的JavaScript文件,当它们被店面请求时。缩小的JavaScript和CSS文件被缓存,直到下次更新文件。
最小化允许浏览器下载更少的数据,从而缩短加载时间。
Shopify提供JavaScript或CSS文件的原始版本,如果它满足以下条件之一:
- 缩小后的文件将比原始文件大。如果文件已经通过更好的压缩进行了缩小,则可能会发生这种情况。
- 它有扩展
.min.js
或.min.css
.