# Lifnex: A Custom Shopify Theme for an Audio Brand, from a 31 to a 98 Mobile Lighthouse Score
> Source: https://shakalakaa.my/case-studies/shopify-theme-audio-ecommerce-malaysia · Updated: 2026-10-16 · Market: MY
Lifnex

# Lifnex: A Custom Shopify Theme for an Audio Brand, from a 31 to a 98 Mobile Lighthouse Score

A custom Shopify Liquid theme for Lifnex, which sells Urbanista and JVC headphones, earbuds and speakers in Malaysia: native Liquid in place of app scripts, product specifications rendered from metafields, and Core Web Vitals work on every template.     Last updated September 2026 Quick answer

shakalakaa built a custom Shopify Liquid theme for Lifnex, which sells Urbanista and JVC audio brands in Malaysia, raising its mobile Lighthouse score from 31 to 98. Largest contentful paint fell from 4.6 s to 0.9 s, and the JavaScript payload from 2,840 KB to 340 KB.     Client Lifnex  Industry E-commerce  Market Malaysia  Period legacy theme compared with the custom theme

## The client

Lifnex sells Urbanista and JVC headphones, earbuds and speakers in Malaysia through its own Shopify store.

## The problem

Audio buyers compare before they buy — drivers, battery life, noise cancelling, colourways — so the product pages carry spec tables, filters and variant selectors, and most visitors arrive on a phone.

## What we did

## What we delivered
 14

app store scripts replaced with native Liquid

Features rebuilt inside the theme instead of injected by apps.  340 KB

total JavaScript, down from 2,840 KB

Vanilla web components for sliders, drawers and tabs.  0.004

cumulative layout shift

Every image, spec table and banner has reserved space.  48 ms

interaction to next paint

Filters, spec toggles and colour switches respond on touch.

Deliverable counts, supplied by shakalakaa. Not performance metrics.

## Results (legacy theme compared with the custom theme)

| Metric | Before | After |
|---|---|---|
| Mobile Lighthouse performance score | 31 | 98 |
| Largest contentful paint, mobile | 4.6 s | 0.9 s (−80%) |
| First contentful paint | — | 0.5 s |
| Interaction to next paint | 420 ms | 48 ms (−88%) |
| Total blocking time (lab) | — | 0 ms |
| Cumulative layout shift | 0.380 | 0.004 |
| Total JavaScript payload | 2,840 KB | 340 KB (−88%) |
| Server response (Liquid render time) | 820 ms | 180 ms (−78%) |

## What this means for your audio retailer

The plain-language version. Lifnex's store went from one of the slow ones to one that loads its main product image in under a second on a phone, responds to a tap in under 50 milliseconds and does not jump around while it loads.     Client results

## Work we can show
  [UEM Edgenta Berhad Listed group · ESG · Web design, Video−72% CO₂e per page view Copywriting, corporate page building and design, and video and photography for the group's sustainability communications.](https://shakalakaa.my/case-studies/sustainability-esg-communications-campaign)[Sunway Serene 2 Property · Sunway Property · Meta Ads, Landing page100–180 leads a month Meta ads into a dedicated landing page with a qualifying lead form, and the Conversions API sending real enquiries back to Meta.](https://shakalakaa.my/case-studies/property-developer-lead-funnel-malaysia)[Swiss Thomas Home appliances · Meta Ads, Creative5.8× Meta revenue · Jan–Aug 2026 Advantage+ Shopping, catalogue retargeting, the Conversions API and an in-house UGC creative studio.](https://shakalakaa.my/case-studies/meta-ads-home-appliances-malaysia) More case studies (22) [Activ (Respack) Senior care e-commerce · Meta Ads, Creative5.0× Meta revenue · Jan 2024–Aug 2025 Advantage+ Shopping, caregiver carton bundles, catalogue retargeting, the Conversions API and an in-house video studio.](https://shakalakaa.my/case-studies/meta-ads-senior-care-ecommerce-malaysia)[Activ (Respack) Senior care e-commerce · SEO+290% non-branded organic visitors · Jan 2024–Aug 2025 Bilingual caregiver keyword mapping, reviewed care guides, product and FAQ schema and faster mobile pages.](https://shakalakaa.my/case-studies/ecommerce-seo-senior-care-malaysia)[TNB Electron EV charging · 3D design, Campaign3.4× weekly charging sessions per station · launch hubs 3D charging-station and bay design and the launch campaign for Tenaga Nasional's EV-charging arm, delivered as a registered vendor.](https://shakalakaa.my/case-studies/ev-charging-launch-campaign)[Pantai Hospital Malaysia Private hospital · SEO+235% international organic visitors Cross-border search for international patients, measured as appointments through the International Patient Centre.](https://shakalakaa.my/case-studies/private-hospital-medical-tourism-seo-malaysia)[SuperDNA Genetic testing · SEO+280% non-branded organic visitors Direct-to-consumer DNA-kit sales and clinic and pharmacy partner acquisition in a regulated diagnostics category.](https://shakalakaa.my/case-studies/superdna-genetic-testing-malaysia)[Swiss Thomas Home appliances · TikTok Shop, Live selling6.2× monthly GMV · Jan–Aug 2026 GMV Max and Spark Ads, bundle and listing optimisation, a sample-seeding creator programme and a live demo studio.](https://shakalakaa.my/case-studies/tiktok-shop-home-appliances-malaysia)[RaeLele Consumer electronics · TikTok Shop, Creators5.4× monthly GMV · Apr–Dec 2025 TikTok Shop run end to end: GMV Max and Spark Ads, a creator affiliate programme, daily live selling and mega-sale operations.](https://shakalakaa.my/case-studies/tiktok-shop-consumer-electronics-malaysia)[MANSPOT Men's grooming · TikTok Shop, Live selling4.7× monthly GMV · Jan–Aug 2025 Video and Product Shopping Ads, creator Spark Ads, a creator seeding pipeline and in-house live shopping.](https://shakalakaa.my/case-studies/tiktok-shop-mens-grooming-malaysia)[Emma Lizs Anti-ageing salon · Meta Ads, Social media3.8× monthly trial leads · Jan 2025–Aug 2026 Qualifying Meta lead forms, Click-to-WhatsApp booking, WhatsApp reminders and Facebook and Instagram content management.](https://shakalakaa.my/case-studies/meta-ads-beauty-salon-malaysia)[Amazonas Restaurant and bar · The Exchange TRX · Social media, Video+215% monthly direct reservations · months 1–6 Fortnightly photo and video shoots on location, 8–10 Reels and TikToks a month, a nightlife series and a bio link straight to reservations.](https://shakalakaa.my/case-studies/fnb-social-media-malaysia)[Proven Wealth Advisory Wealth advisory · trust and estate planning · Meta Ads, Landing page14 → 62 booked consultations a month · month 1 to month 6 Problem-aware video, a fast dedicated landing page, a multi-step quiz that qualifies on net worth, and self-serve booking with WhatsApp reminders.](https://shakalakaa.my/case-studies/wealth-advisory-lead-funnel-malaysia)[Ruby Cell Skincare · Meta Ads, Video, Social media4.6× Meta return on ad spend · Q1–Q3 2024 Studio video of the mist device in use, bilingual application demos, social media management and a three-stage Meta funnel with WhatsApp closes.](https://shakalakaa.my/case-studies/meta-ads-skincare-ecommerce-malaysia)[VellGoood Health and skincare · Natural Options · Meta Ads, Shopee Ads4.1× monthly Shopee store GMV · month 1 to month 6 Meta video and Collaborative Ads into the Shopee app, Shopee Search and Discovery ads with negative keywords, and bundle and voucher retention.](https://shakalakaa.my/case-studies/marketplace-ads-health-supplements-malaysia)[SuperDNA Genetic testing · Google Ads · Google Ads, Landing page4.1× Google Ads return on ad spend · Q1–Q3 2026 · one account, two markets Query control and negative keywords, SKU-level bidding, Enhanced Conversions and a two-field checkout on the paid landing pages.](https://shakalakaa.my/case-studies/google-ads-genetic-testing-malaysia)[CoreBody Asia Fitness studio · KOL marketing, Creator-handle ads4.7× first-time trial bookings · 6 months 28 Klang Valley micro-KOLs, in-studio creator events and creator-handle ads, measured in trial bookings.](https://shakalakaa.my/case-studies/fitness-studio-kol-marketing-malaysia)[Klang Valley aesthetic clinic Aesthetic clinic · Meta Ads, WhatsApp−42% cost per booked consultation (RM 240 → RM 140) Non-compliant Meta Ads rebuilt into a KKM-compliant creative system, with WhatsApp tracking from ad to booked consultation.](https://shakalakaa.my/case-studies/aesthetic-clinic-klang-valley)[Kuala Lumpur dental clinic Dental clinic · Invisalign · Google Ads−43% cost per lead (RM 210 → RM 120) Broad-match waste cut with exact and phrase match, negative-keyword sculpting and treatment-specific landing pages.](https://shakalakaa.my/case-studies/dental-clinic-kl-invisalign)[Selangor interior design firm Interior design · Meta Ads, Landing page−39% cost per qualified lead (RM 95 → RM 58) Boosted posts replaced with a tracked Meta funnel, a project-gallery landing page and a budget-qualification form.](https://shakalakaa.my/case-studies/interior-design-selangor)[In C Studio Corporate gifting · 2023 snapshot · Meta Ads45 Father's Day conversations · Jun 2023 Business-buyer targeting, click-to-message and lead forms, and seasonal Father's Day and mooncake campaigns.](https://shakalakaa.my/case-studies/meta-ads-corporate-gifting-malaysia)[Surya Yoga Yoga studio · 2023 snapshot · Meta Ads1,447 people reached in a day · Jul 2023 A click-to-message campaign for a studio promotion, checked and adjusted daily.](https://shakalakaa.my/case-studies/meta-ads-yoga-studio-malaysia)[Ruby Cell Skincare · 2023 snapshot · Meta Ads22,719 post engagements · Jul 2023 Engagement, Malay-language video, lead-form and messaging campaigns, each with its own job.](https://shakalakaa.my/case-studies/meta-ads-post-engagement-malaysia)[ZOGE Interior & Build Interior design · 2023 snapshot · Meta Ads+56% post engagements, Mar→Apr 2023 Audience A/B testing, engagement and website-traffic campaigns, creative refreshes and monthly reports.](https://shakalakaa.my/case-studies/meta-ads-interior-design-malaysia)    [All case studies](https://shakalakaa.my/case-studies)   In depth

## Shopify custom theme case study, in depth

The supporting detail behind each section of this page, by topic. 4 topics

### The problem

The store ran on a heavy pre-built theme with a stack of app scripts.

On mobile it scored 31 out of 100 on Lighthouse, its largest contentful paint took 4.6 seconds and failed Core Web Vitals, it shipped 2.8 MB of JavaScript, the page jumped as it loaded (a layout shift of 0.380),

- taps took 420 ms to respond, and the server took 820 ms to render each page's Liquid.

### What we did

- **Custom Liquid sections.** Reusable sections written in native Liquid, and 14 app store scripts replaced with features built into the theme.
- **Fast first paint.** The hero product photo loaded with Shopify's image tag at high fetch priority, AVIF and WebP served through the Shopify CDN, and above-the-fold CSS inlined in the layout templates.
- **Less JavaScript.** jQuery, polyfills and redundant trackers removed, sliders, drawers and tabs rebuilt as vanilla web components, and the spec-comparison code loaded only on product pages.
- **Faster server rendering.** Nested product loops in the collection grid refactored, snippets written to cache well, and audio specifications read directly from product metafields.
- **Instant interactions.** Long tasks broken up during filter interactions, spec accordions built in pure CSS, and colour and variant switching driven by data attributes.
- **A page that holds still.** Fixed aspect ratios on every media container, font-display swap with fallback font metrics matched, and reserved space for spec sheets and ratings.

### Results (legacy theme compared with the custom theme)

- Sources:
- Google PageSpeed Insights and Lighthouse v11 mobile audits (score, first contentful paint, total blocking time), Chrome UX Report field data and WebPageTest (largest contentful paint), Google Search Console Core Web Vitals and the Chrome UX Report (interaction to next paint), PageSpeed Insights and the WebPageTest filmstrip (layout shift), Chrome DevTools network waterfall and bundle analysis (JavaScript payload), and Shopify Theme Inspector for Liquid (server render time).
- The Lighthouse score and total blocking time are lab measurements; the Core Web Vitals figures come from field data.

### What this means for your audio retailer

It carries about an eighth of the JavaScript it used to, and every Core Web Vital now passes.

What this says about shakalakaa: we build [Shopify stores](https://shakalakaa.my/services/web-design-development) in native Liquid, with speed and stability designed in rather than patched on, for brands whose customers shop on their phones. Our [e-commerce marketing](https://shakalakaa.my/industries/ecommerce-marketing) page sets out how the store and the advertising work together.

Groups based in the capital brief the same build team through [web design in Kuala Lumpur](https://shakalakaa.my/services/web-design-kuala-lumpur).

Further north it runs as [web design in Penang](https://shakalakaa.my/services/web-design-penang). Brands in Iskandar read [web design in Johor Bahru](https://shakalakaa.my/services/web-design-johor-bahru).       Related

## Keep exploring
      FAQ

## Frequently asked questions

### What did shakalakaa build for Lifnex?

A custom Shopify theme in native Liquid: 14 app scripts replaced with built-in features, product specifications rendered from metafields, vanilla web components in place of jQuery, and image, CSS, rendering and layout work on every template.

### What were the results?

Mobile Lighthouse score from 31 to 98, largest contentful paint from 4.6 s to 0.9 s, interaction to next paint from 420 ms to 48 ms, layout shift from 0.380 to 0.004, and JavaScript from 2,840 KB to 340 KB.

### Why does store speed matter for an e-commerce brand?

Most shoppers arrive on a phone, and Core Web Vitals are part of how Google assesses page experience. A store that paints fast and responds instantly loses fewer visitors before the product page even appears.

### Do you build Shopify themes from scratch or customise existing ones?

Either, depending on the store. For Lifnex we wrote the sections and product templates in native Liquid and removed the app scripts the old theme depended on.      Let's talk

## Let's start the convo.

### Want results like this for your own audio retailer?
  [Book a free strategy call](https://shakalakaa.my/contact)[Chat on WhatsApp↗ (opens in a new tab)](https://wa.me/60327700355?text=Hi,+I+visited+your+website+and+would+like+to+learn+more.%20%28ref%3A%20case-studies-shopify-theme-audio-ecommerce-malaysia%29)