如何避免Heroku上Ruby on Rails的tracking pixel在服务器重启时阻塞关联网站？

嘿，这个问题我之前帮好几个做追踪工具的开发者搞定过——核心原因就是你的tracking请求是同步阻塞式的，当Heroku重启实例（尤其是单实例套餐）时，新的请求会被挂起直到实例完全就绪，浏览器会一直等着这个请求完成，导致页面卡在加载状态。下面给你几个从易到难的解决方案，按需选择：

1. 把Tracking Pixel改成异步加载（最快实现） #

浏览器会默认等待同步加载的资源（比如直接写在HTML里的<img>或<script>）完成后才会完成页面渲染。改成异步加载后，浏览器会在后台发起请求，不会阻塞页面：

方案A：动态创建Image元素 #

把原来的静态<img>标签换成JS动态创建的方式，最好放在window.load事件里，确保页面其他资源加载完再发起追踪请求：

window.addEventListener('load', function() {
  // 创建1x1像素的追踪图片
  const trackingPixel = new Image(1, 1);
  // 带上你的追踪参数
  trackingPixel.src = 'https://your-heroku-app.com/track?user_id=xxx&page_url=' + encodeURIComponent(window.location.href);
  
  // 清理资源，避免内存泄漏
  trackingPixel.onload = trackingPixel.onerror = function() {
    trackingPixel = null;
  };
});

方案B：给脚本标签加async属性 #

如果你的追踪逻辑是通过JS脚本实现的，直接给<script>标签加async属性：

<script async src="https://your-heroku-app.com/track.js"></script>

这样浏览器会异步加载并执行脚本，不会阻塞页面渲染。

2. 用静态CDN托管Tracking Pixel（彻底隔离服务器重启影响） #

把你的1x1透明GIF像素文件放到CDN或者静态资源托管服务（比如Heroku的Static Assets插件、Cloudflare R2等），让关联网站直接引用CDN地址，而不是你的Rails服务器地址。

这样就算你的Rails服务器重启，静态像素请求会直接从CDN返回，完全不受动态服务重启的影响。如果需要传递追踪参数，依然可以通过URL参数传递，然后在CDN的边缘函数或者你的后端异步处理参数（比如用CDN把参数转发到你的后端，不阻塞页面）。

3. 在Rails端实现快速响应的追踪端点 #

如果必须用动态端点处理追踪逻辑，确保你的端点能立刻响应，不要让请求等待数据库操作或其他耗时任务：

直接返回静态像素，后台处理逻辑 #

在你的追踪控制器里，直接返回预定义的1x1透明GIF（用Base64编码避免文件读取），然后把实际的追踪数据处理放到后台任务（比如Sidekiq）：

class TrackingController < ApplicationController
  skip_before_action :verify_authenticity_token, only: [:pixel]

  def pixel
    # 设置响应头，避免缓存
    response.headers['Cache-Control'] = 'no-cache, no-store, must-revalidate'
    response.headers['Pragma'] = 'no-cache'
    response.headers['Expires'] = '0'

    # 返回1x1透明GIF的Base64解码内容
    render plain: Base64.decode64('R0lGODlhAQABAIAAAMLCwgAAACH5BAAAAAAALAAAAAABAAEAAAICRAEAOw=='),
           content_type: 'image/gif',
           status: 200

    # 把追踪任务放到后台处理，不阻塞响应
    TrackingJob.perform_later(request.query_parameters, request.user_agent, request.ip)
  end
end

这样就算服务器刚启动，只要路由能响应，就会立刻返回像素，浏览器不会一直等待。

4. 启用Heroku滚动部署（消除单实例重启的 downtime） #

如果你的应用是Heroku免费/基础套餐的单实例，重启时会有短暂的服务中断。升级到至少两个实例，然后在Heroku控制台开启滚动部署：

• 进入你的Heroku应用 → 部署 → 滚动部署 → 启用
  这样Heroku会先启动新实例，等新实例就绪后再关掉旧实例，始终有可用的实例处理请求，追踪像素的请求不会被挂起。

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