Tag: Performance

  • Core Web Vitals in 2026: five fixes that move the needle

    Core Web Vitals in 2026: five fixes that move the needle

    Most slow sites share the same handful of problems. These five fixes give the biggest gains.

    The five fixes

    • Serve the largest image in modern formats with the right size and priority.
    • Load fonts with swap and only the weights you use.
    • Send less JavaScript: remove what the page does not need.
    • Cache pages and data close to the visitor.
    • Reserve space for images and embeds to stop layout shift.

    Measure on real devices

    Lab scores are a start. Check real-user data and a mid-range phone, because that is what your customers hold.

  • GSAP animation that stays fast: a practical checklist

    GSAP animation that stays fast: a practical checklist

    Good motion guides attention. Bad motion gets in the way. This is the checklist I follow on every project.

    Animate cheap properties

    Stick to transform and opacity so the browser can animate on the GPU, and avoid animating layout properties like width or top.

    Respect the visitor

    • Honour prefers-reduced-motion.
    • Never hide content behind an animation that can fail.
    • Keep durations short and purposeful.

    Clean up

    Kill timelines and ScrollTriggers when a component unmounts so pages stay smooth after many navigations.