Html 在谷歌地图中，如果我们不使用'sync'和'defer'会发生什么

我正在研究谷歌地图API。我添加了

sync

和

defer

以减少加载时间。但是在添加

async

之后，它将影响到其他部分

<script src="https://maps.googleapis.com/maps/api/js?key=YOUR_API_KEY&callback=initMap" 
async defer></script>

---

如果我们不使用async并延迟将会发生什么。有人能给我指出正确的方向吗？

如果在脚本中不使用异步，则浏览器将同步加载脚本。但地图仍将加载，不会出现任何问题。 如谷歌文档所述

async属性允许浏览器在加载Maps JavaScript API时呈现网站的其余部分。当API准备就绪时，它将调用使用回调参数指定的函数。

延迟的解释：

此布尔属性设置为向浏览器指示脚本将在解析文档之后、但在加载DOMContentLoaded之前执行。
带有defer属性的脚本将阻止触发DOMContentLoaded事件，直到脚本加载并完成计算。