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:

  1. Underperforming on Google PageSpeed Insights (especially on mobile, failing nearly every metric)
  2. Conversion-light, with a basic booking form that lacked key fields and spam protection

Goals

  1. Boost Pagespeed scores to target “Good” (90+) across Desktop & Mobile
  2. Enhance user experience by implementing modern performance best practices
  3. Increase lead quality by revamping the booking form (add date-range validation, spam protection)

Optimization Strategy and Execution

Full Backup and WordPress Hardening

  1. Created a snapshot of files and database before any changes
  2. Removed obsolete plugins and themes to reduce attack surface

Core and Plugin Updates

  1. Upgraded WordPress to the latest stable release
  2. Updated all remaining plugins and theme components

Server-Side Caching

  1. Installed and configured an advanced caching layer
  2. Tuned cache rules for HTML, CSS/JS aggregation

Image Optimization

  1. Converted all JPEG/PNG assets to WebP format
  2. Generated responsive “Largest Contentful Paint” (LCP)-optimized images for desktop vs. mobile
  3. Implemented lazy-loading and loading="lazy" fallbacks
  4. Deployed a CDN for global asset delivery

JavaScript and CSS Auditing

  1. Deferred non-critical scripts and inline CSS where possible
  2. Eliminated unused JS from the theme and plugins
  3. Split critical CSS for above-the-fold content

Performance Testing & Iteration

  1. Benchmarked via PageSpeed Insights, Lighthouse and WebPageTest
  2. Tweaked CDN caching rules, server-config headers, and preconnect hints

Lead-Gen Form Enhancements

Custom Date Picker

  1. Added “Arrival” & “Departure” fields with validation to only allow future dates
  2. Ensured date ranges cannot overlap past stays

Spam Protection

  1. Integrated Google reCAPTCHAv2

UX Improvements

  1. Streamlined form layout for mobile-first usability
  2. Added conditional fields (e.g., number of guests, special requests)

Form URL:https://asaresidence.eu/book-now/

Results and Impact

MetricBeforeAfter
Google PageSpeed (Desktop)84 / 10092 / 100
Google PageSpeed (Mobile)52 / 10086 / 100
Largest Contentful Paint (LCP) (Desktop)2.6s1.8 s
Largest Contentful Paint (LCP) (Mobile)11.1 s2.2 s
Speed Index (SI) (Desktop)1.7 s0.9 s
Speed Index (SI) (Mobile)5.4 s2.4 s

Mobile Results

Before

After

Desktop Results

Before

After