Saleor 3版本渲染速度远低于2.11版本的原因及解决方法问询

性能差异核心原因 #

• 架构层变更：Saleor 3.x全面迁移到GraphQL优先的架构设计，默认启用了全量权限校验、字段级权限审计逻辑，相比2.11版本的REST+部分GraphQL的混合架构，单请求默认多了30%~50%的权限校验开销
• 多租户逻辑默认加载：3.x原生支持多租户部署，默认每个请求都会走租户上下文校验逻辑，本地单租户场景下这部分逻辑属于冗余开销
• ORM查询逻辑变更：3.x重构了商品、目录相关的ORM关联查询逻辑，为了支持多仓库、多渠道功能，默认新增了多表关联查询，未做预加载的场景下会产生N+1查询问题，这部分是响应变慢的核心诱因
• 默认配置未优化：3.x默认开启了调试模式下的GraphQL查询日志、schema内省校验、DraftOrder临时数据自动序列化逻辑，本地调试环境下这些默认开启的功能会额外增加400~600ms的响应开销
• 前端渲染逻辑变更：3.x默认的Storefront采用了Next.js的SSG+ISR混合渲染模式，本地开发环境下默认关闭了页面缓存，每次请求都会重新执行组件渲染与数据拉取逻辑，相比2.11的传统服务端渲染模式天然有额外开销

针对性优化方案 #

• 关闭本地调试冗余功能：修改配置文件settings.py，将DEBUG = False，关闭GRAPHQL_DEBUG、ENABLE_DRAFT_ORDER_VALIDATION等调试参数，可直接降低400ms左右的响应耗时
• 关闭冗余的多租户校验：本地单租户测试场景下，在配置中设置MULTITENANT_ENABLED = False，跳过租户上下文校验逻辑，可降低100~200ms的固定开销
• 启用ORM预加载配置：开启3.x自带的QUERY_DEBUG日志定位N+1查询点，在对应的GraphQL解析器中添加select_related、prefetch_related预加载逻辑，针对多渠道、多仓库关联查询做字段裁剪，不需要的关联字段直接在GraphQL请求中移除
• 启用GraphQL查询缓存：在本地部署时添加内置的查询缓存配置，给高频查询添加缓存标记，缓存有效期设置为60秒，可降低重复查询的响应耗时70%以上
• 调整前端本地开发配置：修改Storefront的next.config.js，开启开发环境下的页面缓存、组件缓存，禁用默认的热重载全量校验逻辑，可降低前端渲染开销30%左右
• 精简默认启用的插件：3.x默认启用了10+内置插件，本地测试时可以在配置中关闭不需要的支付、物流、通知类插件，减少请求生命周期中的钩子执行开销

内容的提问来源于stack exchange，提问作者Vu Hoang GIang