如何提升Amplify DataStore.save()速度？附DynamoDB操作最佳实践

我正在开发一个使用Amplify DataStore访问和修改数据库表及条目的React JS Web应用。相关代码如下：

Object
    .entries(modelFields)
    .forEach(([key, value]) => {
        if (typeof value === "string" && value.trim() === "") {
            modelFields[key] = undefined;
        }
    });

setLoading(true);
console.log("Attempting Save. ");
await DataStore.save(new Company(modelFields)); // 此操作耗时过长，导致UI需长时间阻塞以防止重复提交，体验极差。

请问有什么方法可以提升await DataStore.save(Model)的执行速度？同时希望获取向DynamoDB发送查询和保存条目的最佳实践。

我是Web开发新手，不确定如何优化该模块。DataStore由亚马逊开发，虽然我能访问库代码，但不知从何入手，或许存在更高效的条目创建方式。

我认为理论上该操作应该更快，因为使用Amplify Studio GUI添加条目时是即时完成的。

我已尝试的方法：

• 创建自定义Lambda函数调用，但实际速度提升不明显
• 尝试React并发操作
• 尽可能记录日志以排查问题根源

解决方案与最佳实践 #

一、优化DataStore.save速度的具体方法 #

1. 切换API_ONLY模式
   DataStore默认会同步本地缓存，这会带来额外开销。如果你不需要离线支持，可以初始化时关闭本地同步，直接调用云端API——这也是Amplify Studio能即时完成操作的原因：

import { DataStore } from '@aws-amplify/datastore';

DataStore.configure({
  syncMode: 'API_ONLY'
});

2. 简化字段清理逻辑
   当前的forEach会修改原对象，换成reduce创建新对象，减少不必要的对象操作：

const cleanedFields = Object.entries(modelFields).reduce((acc, [key, value]) => {
  acc[key] = typeof value === "string" && value.trim() === "" ? undefined : value;
  return acc;
}, {});

await DataStore.save(new Company(cleanedFields));

3. 优化UI防阻塞逻辑
   不要依赖长时间的loading状态防止重复提交，改用useRef记录提交状态，同时提前更新UI：

import { useRef, useState } from 'react';

const isSubmitting = useRef(false);
const [loading, setLoading] = useState(false);

const handleSubmit = async () => {
  if (isSubmitting.current) return;
  isSubmitting.current = true;
  setLoading(true);
  
  try {
    await DataStore.save(new Company(cleanedFields));
    // 保存成功后的逻辑（如提示、跳转）
  } catch (err) {
    console.error(err);
    // 错误提示
  } finally {
    setLoading(false);
    isSubmitting.current = false;
  }
};

4. 检查模型配置冗余
   查看Company模型是否有不必要的关联字段、触发器或复杂解析逻辑——DataStore会自动同步关联数据，冗余配置会大幅增加操作耗时，尽量只保留业务必需的字段和关联。

二、DynamoDB查询与保存最佳实践 #

1. 合理设计主键
   DynamoDB的性能依赖主键（分区键+排序键）设计，将常用查询字段设为分区键，避免全表扫描；如果有多维度查询需求，按需创建全局二级索引（GSI），但注意控制索引数量以降低维护成本。

2. 批量操作减少请求
   如果需要保存多个条目，用DataStore.batchSave替代循环调用save，减少网络请求次数：

const companyList = [new Company(field1), new Company(field2)];
await DataStore.batchSave(companyList);

3. 限制查询返回字段
   查询时只请求业务需要的字段，减少数据传输量：

// 仅获取id和name字段
const companies = await DataStore.query(Company, c => c, {
  fields: ['id', 'name']
});

4. 优先使用最终一致性读取
   DynamoDB默认是最终一致性读取，性能远高于强一致性读取，除非业务必须，否则不要设置consistentRead: true。

5. 启用DAX缓存热点数据
   如果应用有高并发读写需求，可启用DynamoDB加速（DAX），缓存高频访问的数据，大幅提升响应速度。

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