动态加载JS文件是否值得，否则只需“延迟”即可

Question

• 我们假设有一个带有按钮的页面。
• 单击按钮时-需要显示带有地图的对话框。
• 创建地图对话框的脚本大小压缩为50kb。
• 并非总是单击按钮（例如访问次数的15％）。

我需要包括地图脚本（JS文件），而不会影响页面性能。

• 第一种方法：将<script>添加到具有defer属性的页脚中。
• 第二种方式：仅在单击按钮后动态加载JS文件（创建<script>元素，附加它，等待onload）。

我应该使用哪种方法？如果我使用defer方法-解析/执行此JS文件是否会影响性能（尤其是在移动设备上）？