Magento 2.3.3前后端页面加载缓慢 后端操作及前端图片购物车加载异常

后端操作卡顿优化 #

• 确认运行模式为生产模式：执行命令 bin/magento deploy:mode:show 查看当前模式，若为默认/开发模式，执行 bin/magento deploy:mode:set production 切换，开发模式会实时编译代码，是后端卡顿的常见诱因。
• 替换文件缓存为Redis缓存：文件缓存IO性能极低，编辑保存操作会触发大量缓存读写，直接在app/etc/env.php中配置Redis作为默认缓存、页面缓存、会话存储，配置完成后执行bin/magento cache:enable开启所有系统缓存，禁止长期关闭缓存运行站点。
• 修改索引更新策略：进入后台系统 > 工具 > 索引管理，将所有索引的更新模式从实时更新调整为按计划更新，同时配置系统Cron任务确保bin/magento cron:run正常执行，避免每次保存内容都触发全量索引重构。
• 排查第三方模块冲突：临时禁用所有非官方第三方模块，测试后端操作速度，若速度恢复则逐个启用模块定位异常模块，质量不达标的第三方模块通常会在保存逻辑中插入多余的数据库查询、接口请求操作。

前端页面加载异常优化 #

• 优化图片加载配置：进入后台商店 > 设置 > 配置 > 高级 > 系统 > 图片上传配置，开启JPEG、PNG、WebP格式的内置压缩功能，同时给所有非首屏图片的img标签添加loading="lazy"属性启用懒加载，可降低图片加载总耗时60%以上。
• 开启静态资源压缩合并：进入后台商店 > 设置 > 配置 > 高级 > 开发人员 > 静态文件设置，开启JavaScript合并、JavaScript压缩、CSS合并、CSS压缩、JavaScript Bundling功能，配置完成后执行bin/magento setup:static-content:deploy -f重新生成静态资源，大幅减少页面请求数和资源体积。
• 修复图片闪现问题：给所有图片外层容器添加固定宽高的CSS样式，避免浏览器加载图片时出现布局偏移，首屏关键图片添加rel="preload"属性做预加载即可解决闪现问题。

购物车页面专项优化 #

• 裁剪不必要的模块输出：进入后台商店 > 设置 > 配置 > 销售 > 结账 > 购物车，关闭不需要的相关产品、交叉销售、最近查看商品展示模块，减少购物车页面的查询和渲染开销。
• 优化JS加载逻辑：检查购物车页面加载的第三方统计、转化追踪代码，给非关键JS添加async/defer属性改为异步加载，避免阻塞页面主逻辑渲染。
• 多商品场景优化：若购物车默认展示10件以上商品，可改造为分页或滚动懒加载模式，避免一次性加载过多商品数据拖慢页面速度。

内容的提问来源于stack exchange，提问作者Test Test