Image Compression with WebP and AVIF: A Practical Guide
How to implement modern image formats on your site without breaking browser compatibility. Includes real performance metrics from Hong Kong projects and step-by-step implementation.
Performance Engineering
Derek Wong
Senior Performance Engineer at Swift Load HK Limited
14 years optimizing web speed for Hong Kong and Asia-Pacific markets. Specializing in WebP/AVIF compression, lazy loading, and strategic CDN implementation.
The Journey Into Performance
Derek’s path to becoming one of Hong Kong’s leading performance engineers wasn’t planned. Back in 2010, he was working as a frontend developer at a local digital agency. Thing is, he kept noticing the same pattern: clients were losing users because their sites were slow. Users would bounce, revenue would drop, and nobody seemed to be treating it as the urgent problem it actually was.
That frustration sparked something. He decided to dig deeper into what made sites fast—really fast. Not just theoretical knowledge, but practical, measurable improvements. Over the next 14 years, he’s optimized over 200 projects. Government agencies. Fintech startups. Major e-commerce platforms. Each one taught him something new about how to squeeze performance out of modern web infrastructure.
What drives Derek most isn’t the technical challenge, though he loves that part. It’s the impact. He’s helped dozens of Hong Kong businesses recover lost revenue just by making their sites faster. He’s watched conversion rates climb. He’s seen users actually stay and engage. That’s the real win.
200+
Projects optimized
14
Years in performance engineering
40-60%
Average Core Web Vitals improvement
HK, Asia-Pacific
Primary focus regions
What He Does
Core Areas of Expertise
Deep technical knowledge combined with practical solutions for Asia-Pacific infrastructure challenges.
Image Compression & Modern Formats
WebP and AVIF compression strategies that reduce image file sizes by 30-50% without quality loss. Derek’s worked with photographers, e-commerce sites, and media publishers to implement these formats across their entire image libraries.
Lazy Loading & Deferred Resources
Strategic lazy loading for below-the-fold media that actually improves user experience. Not just loading images later—prioritizing what matters first and handling native lazy loading across modern browsers.
Code Minification & Optimization
CSS, JavaScript, and HTML minification combined with tree-shaking and code splitting. Derek’s seen sites cut their bundle sizes by 40-50% just by being intentional about what code actually ships to users.
CDN Strategy for Asia-Pacific
Leveraging Asia-Pacific CDN nodes to reduce latency for Hong Kong users specifically. Derek understands the regional infrastructure challenges and knows which CDN providers actually perform well in this region.
Core Web Vitals Measurement
Moving beyond PageSpeed Insights scores to real user monitoring. Derek sets up comprehensive measurement strategies that track Largest Contentful Paint, First Input Delay, and Cumulative Layout Shift in production.
Performance Architecture
Building systems designed for speed from the ground up. This isn’t about quick fixes—it’s about making performance decisions that compound over time and scale with your platform.
Professional Background
Education & Experience
2010
Graduated from University of Hong Kong
Computer Science degree. Started his career as a frontend developer at a digital agency, where he first noticed the critical link between site speed and user retention.
2012-2016
Frontend Developer to Performance Specialist
Transitioned from general frontend work into dedicated performance optimization. Started measuring real user metrics, not just lab scores. Worked with 30+ clients on speed improvements.
2016-2020
Performance Engineer at Major Hong Kong Tech Company
Led performance optimization for high-traffic platforms. Implemented Asia-Pacific CDN strategy, WebP compression at scale, and Core Web Vitals monitoring for millions of users. Reduced median page load time by 45%.
2020-Present
Senior Performance Engineer at Swift Load HK Limited
Consulting and optimization services for Hong Kong and regional businesses. Works with government agencies, fintech startups, e-commerce platforms, and media companies. Regular speaker at tech conferences across Asia-Pacific.
“Speed isn’t a feature—it’s a fundamental requirement for responsible web design. Every millisecond matters when you’re competing for user attention.”
Why Hong Kong Projects Are Unique
Derek’s seen a lot of performance optimization advice that doesn’t apply to Hong Kong specifically. He understands that our infrastructure is different. Our users are different. The expectations are different. That’s why he doesn’t use one-size-fits-all approaches.
Hong Kong users expect fast sites. Really fast. They’re used to local digital services that load instantly. They’ll bounce from a slow site without hesitation. Plus, you’re competing with regional players who’ve already optimized their infrastructure. That’s the competitive reality.
What Derek brings is local expertise combined with global best practices. He knows which CDN providers actually work well in Hong Kong. He understands the mobile-first behavior of HK users. He’s tested compression strategies with real traffic from this region. That practical knowledge makes the difference.
Featured Content
Articles by Derek Wong
In-depth guides on page speed optimization techniques for Hong Kong web projects.
Minifying CSS, JavaScript, and HTML: Step-by-Step
Reducing file sizes isn’t complicated once you know what to actually minify. Derek walks through the tools, the strategies, and the gotchas he’s discovered across 200+ projects.
Setting Up a CDN for Hong Kong Users: What Actually Works
Not all CDNs perform equally in Asia-Pacific. Derek shares which providers deliver the lowest latency to Hong Kong users and how to configure them properly.
Measuring Core Web Vitals: From PageSpeed Insights to Real Data
Lab scores and real-world performance tell different stories. Learn how Derek measures actual Core Web Vitals with real users and uses that data to drive optimization decisions.
Have a Performance Question?
Whether you’re struggling with Core Web Vitals, trying to implement WebP across your site, or building a CDN strategy for Hong Kong users—Derek’s here to help. Get in touch with your specific challenge.