CSS Optimization Analysis - Cabinet CreArte

Executive Summary

Date: 2026-02-27
Original File: assets/css/styles.css (1.4MB)
Optimized File: assets/css/core-styles.css (9.5KB)
Reduction: 99.3% (1,397,892 bytes removed)

Phase 1: Analysis Results

1.1 File Analysis

File Size Status
styles.css (original) 1,407,390 bytes (1.4MB) ✅ Backed up as styles.css.backup
core-styles.css (new) 9,498 bytes (9.5KB) ✅ Active
home.css 8,011 bytes (8KB) ✅ Unchanged

1.2 Font Analysis

Finding: The site uses Google Fonts via HTML <link> in base.njk, NOT local @font-face declarations.

<link href="https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;700&family=Raleway:wght@500&family=Montserrat:wght@400;500;700&display=swap" rel="stylesheet">

Fonts Used:

In styles.css: 69 @font-face declarations for Montserrat, Open Sans, PT Sans, and Raleway in multiple languages/variants - NOT NEEDED

1.3 Form Analysis

Finding: The site uses Formspree for contact forms, NOT WPCF7.

Evidence: _includes/contact-form.njk

<form action="https://formspree.io/f/mwpajrlo" method="POST" class="contact-form">

In styles.css: ~180 lines of WPCF7 styles (lines 1-181) - NOT NEEDED

1.4 Fusion Classes Found in base.njk

The following Avada/Fusion theme classes are used in the HTML:

Category Classes
Header fusion-header-wrapper, fusion-header-v1, fusion-header, fusion-header-sticky-height
Logo fusion-logo, fusion-logo-link, fusion-standard-logo
Navigation fusion-main-menu, fusion-menu, fusion-bar-highlight, fusion-megamenu-menu, fusion-dropdown-submenu, fusion-caret
Mobile fusion-mobile-menu-icons, fusion-mobile-nav-holder, fusion-icon, mobile-menu-toggle, hamburger-icon
Footer fusion-footer, fusion-footer-widget-area, fusion-columns, fusion-columns-2, fusion-column, fusion-column-last, fusion-footer-widget-column
Social fusion-social-networks, fusion-social-networks-wrapper, social-link, social-icon
Button fusion-button, button-flat, button-large, button-custom, fusion-button-text
Copyright fusion-footer-copyright-area, fusion-copyright-content, fusion-copyright-notice, fusion-legal-info
Utilities fusion-clearfix, fusion-row, fusion-alignright, fusion-wrapper

Phase 2: What Was Removed

2.1 Unused CSS (99.3% of original)

Category Lines Reason
WPCF7 styles ~180 Forms use Formspree
@font-face ~69 declarations Using Google Fonts via HTML
Avada Builder Thousands Page builder styles not needed
Blog/Portfolio Thousands Not used in static site
FAQ styles Thousands FAQ page uses different design
Slider/Revolution Thousands Not used
Testimonials Thousands Not used
WooCommerce Thousands E-commerce not used
Fusion Builder Thousands Not used

Phase 3: Deliverables

3.1 New CSS Files Structure

assets/css/
├── core-styles.css     (9.5KB) - Essential Avada legacy styles
├── home.css            (8KB)    - Homepage specific styles  
└── styles.css.backup  (1.4MB)  - Original backup (DO NOT DELETE)

3.2 HTML Update

Updated _includes/base.njk:

<!-- Core CSS - Optimized from Avada theme (1.4MB -> ~12KB) -->
<link rel="stylesheet" href="/assets/css/core-styles.css">

Phase 4: Migration Plan

4.1 Immediate Actions (DONE ✅)

4.2 Testing Phase

4.3 Post-Testing (Optional)

Performance Impact

Before:

After:

Estimated improvement: 98.8% faster CSS loading

Rollback Plan

If issues occur:

  1. Revert _includes/base.njk to use styles.css
  2. Or copy styles.css.backup back to styles.css

Notes