使用GTmetrix优化网站速度：外部小型JS转内联脚本疑问

嘿，我来给你理清楚这个问题～GTmetrix建议把小型外部JS改成内联，核心逻辑是替换而非添加，也就是说你需要做两个关键步骤，而不是直接在现有script标签里塞内容：

第一步：移除原来的外部JS引用 #

假设你现在页脚的代码是这样的（常见的外部引用写法）：

<!-- 原来的外部脚本引用 -->
<script src="/assets/js/small-script.js"></script>

你要把这行引用代码删掉，不然会同时加载外部文件和内联代码，反而多了一次无效请求，完全违背优化的初衷。

第二步：将外部JS的代码内联到页脚的script标签中 #

新建一个<script>标签（或者复用你原本就有的空script标签，如果有的话），把那个小型JS文件里的全部代码粘贴进去，比如：

<!-- 替换成内联脚本 -->
<script>
  // 这里粘贴small-script.js里的所有代码
  function initSmallFeature() {
    // 你的脚本逻辑...
  }
  initSmallFeature();
</script>

额外要注意的细节 #

• 要是你的外部JS是压缩过的（比如后缀是.min.js），直接粘贴压缩后的代码就行，不用格式化，这样能进一步减少代码体积。
• 如果这个脚本依赖其他库（比如jQuery），一定要保证内联脚本在依赖库的script标签之后加载，不然会出现“未定义”的报错。
• 改完之后记得用GTmetrix再跑一遍检测，确认这个优化项已经被标记为完成。

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