Optimize Homepage Image Loading
Budget: $250 – $750 AUD
My homepage currently feels sluggish because the hero banners and large header graphics take far too long to appear. The rest of the site performs acceptably, yet that first impression is suffering due to slow‐loading images.
I need the banners and headers compressed or converted to faster formats (WebP or next-gen equivalents), delivered through a smart loading strategy—think responsive sizing, lazy loading, and correct caching directives—so the above-the-fold content renders almost instantly. Any JavaScript or CSS changes required to support this are fine as long as existing design fidelity is maintained.
Please give me:
• Optimised image assets plus a simple roll-back folder of originals
• Implemented code changes pushed to our repo (Git) or provided as clear snippets
• Before-and-after speed metrics from Lighthouse or GTmetrix demonstrating tangible improvement on both mobile and desktop
If you have a preferred toolchain (ImageMagick, Squoosh CLI, webpack loaders, etc.) let me know in your bid; I’m flexible as long as the results speak for themselves.
I need the banners and headers compressed or converted to faster formats (WebP or next-gen equivalents), delivered through a smart loading strategy—think responsive sizing, lazy loading, and correct caching directives—so the above-the-fold content renders almost instantly. Any JavaScript or CSS changes required to support this are fine as long as existing design fidelity is maintained.
Please give me:
• Optimised image assets plus a simple roll-back folder of originals
• Implemented code changes pushed to our repo (Git) or provided as clear snippets
• Before-and-after speed metrics from Lighthouse or GTmetrix demonstrating tangible improvement on both mobile and desktop
If you have a preferred toolchain (ImageMagick, Squoosh CLI, webpack loaders, etc.) let me know in your bid; I’m flexible as long as the results speak for themselves.