Performance and Lead-Gen Optimization for Villa ASA Energy Park
AtSpisek d.o.o.
Year2024
RoleWeb Performance Engineer and Front-End Developer
Tools
Google PageSpeed InsightsLighthouseWordPressreCAPTCHACloudflareHTMLJS
Background and Objectives
Villa ASA Energy Park provides an exclusive, fully personalized VIP experience on a sumptuous Croatian estate. When they approached us, their site was:
- Underperforming on Google PageSpeed Insights (especially on mobile, failing nearly every metric)
- Conversion-light, with a basic booking form that lacked key fields and spam protection
Goals
- Boost Pagespeed scores to target “Good” (90+) across Desktop & Mobile
- Enhance user experience by implementing modern performance best practices
- Increase lead quality by revamping the booking form (add date-range validation, spam protection)
Optimization Strategy and Execution
Full Backup and WordPress Hardening
- Created a snapshot of files and database before any changes
- Removed obsolete plugins and themes to reduce attack surface
Core and Plugin Updates
- Upgraded WordPress to the latest stable release
- Updated all remaining plugins and theme components
Server-Side Caching
- Installed and configured an advanced caching layer
- Tuned cache rules for HTML, CSS/JS aggregation
Image Optimization
- Converted all JPEG/PNG assets to WebP format
- Generated responsive “Largest Contentful Paint” (LCP)-optimized images for desktop vs. mobile
- Implemented lazy-loading and loading="lazy" fallbacks
- Deployed a CDN for global asset delivery
JavaScript and CSS Auditing
- Deferred non-critical scripts and inline CSS where possible
- Eliminated unused JS from the theme and plugins
- Split critical CSS for above-the-fold content
Performance Testing & Iteration
- Benchmarked via PageSpeed Insights, Lighthouse and WebPageTest
- Tweaked CDN caching rules, server-config headers, and preconnect hints
Lead-Gen Form Enhancements
Custom Date Picker
- Added “Arrival” & “Departure” fields with validation to only allow future dates
- Ensured date ranges cannot overlap past stays
Spam Protection
- Integrated Google reCAPTCHAv2
UX Improvements
- Streamlined form layout for mobile-first usability
- Added conditional fields (e.g., number of guests, special requests)
Form URL:https://asaresidence.eu/book-now/
Results and Impact
Metric | Before | After |
Google PageSpeed (Desktop) | 84 / 100 | 92 / 100 |
Google PageSpeed (Mobile) | 52 / 100 | 86 / 100 |
Largest Contentful Paint (LCP) (Desktop) | 2.6s | 1.8 s |
Largest Contentful Paint (LCP) (Mobile) | 11.1 s | 2.2 s |
Speed Index (SI) (Desktop) | 1.7 s | 0.9 s |
Speed Index (SI) (Mobile) | 5.4 s | 2.4 s |