Safari Optimization for Lottie Animations

We’re using Lottie animations exported from After Effects for Webflow website. They perform well in Chrome and other major browsers, but in Safari (especially on macOS desktop), they become noticeably sluggish — stuttering scroll, low FPS, delayed rendering.

We’re looking for someone to audit and optimize these animations for better cross-platform performance, with a focus on improving Safari playback.

What you’ll do:

• Review multiple .json Lottie files and the original .aep (After Effects) project

• Identify bottlenecks: animated gradients, complex shapes, unsupported effects (glow, blur, etc.)

• Determine if optimization is realistically possible without major visual loss

• If yes — outline what changes are needed or help make them

• If not — confirm that fallback to video (MP4) is the better option

Requirements:

• Solid experience with Lottie (Bodymovin) and After Effects

• Deep understanding of Safari rendering limitations (especially on desktop/macOS)

• Ability to simplify or restructure AE compositions for web use

• Familiarity with web animation performance optimization

We’ll provide:

• json Lottie files (for responsive breakpoints)

• The original .aep project

• Example usage and animation context in the live site

This is a one-time audit & consultation. Follow-up implementation work is possible.

Budget is just a placeholder.

Job Qualifications

  • Solid experience with Lottie (Bodymovin) and After Effects
  • Deep understanding of Safari rendering limitations (especially on desktop/macOS)
  • Ability to simplify or restructure AE compositions for web use
  • Familiarity with web animation performance optimization
  • This is a one-time audit & consultation

Job Benefits

  • json Lottie files (for responsive breakpoints)
  • The original .aep project

Job Responsibilities

  • They perform well in Chrome and other major browsers, but in Safari (especially on macOS desktop), they become noticeably sluggish — stuttering scroll, low FPS, delayed rendering
  • Review multiple .json Lottie files and the original .aep (After Effects) project
  • Identify bottlenecks: animated gradients, complex shapes, unsupported effects (glow, blur, etc.)
  • Determine if optimization is realistically possible without major visual loss
  • If yes — outline what changes are needed or help make them
  • If not — confirm that fallback to video (MP4) is the better option