loki theme for luma
Upgrade Luma to blazing performance
The default Magento theme - Magento/blank & Magento/luma - and all deritives have been called slow for more than a decade. However, the biggest culprit here is JavaScript. Loki Theme for Luma removes all legacy JavaScript and replaces it with modern JavaScript, including Alpine.js. The result: A perfect Lighthouse score.
Current status
This is open source and work-in-progress
Supported pages
- Checkout page (with Loki Checkout)
- CMS pages
- Basic category page (without swatches)
- Basic product page (without swatches)
We'll come up with demos soon.
Disclaimer: This assumes a plain Magento site with few extensions. Any extension you add on top might require additional effort.
Available components
- LocalStorage (Alpine store)
- Messages (Alpine store + component)
- Cookie notice
- Top navigation
- Mobile navigation
- Currency switcher
- Top links (customer welcome)
- Minicart
- Newsletter subscribe
- Add-to-cart (product page)
- Add-to-cart (category page)
- Add-to-wishlist (category page)
- Add-to-compare (category page)
- Tabs (product page)
Example: A Loki Checkout under Luma
With a Lighthouse performance score of 100
How to upgrade your Luma theme
Step-by-step into a faster Magento site
Create a child theme
Create a child theme based upon your current Luma theme. This serves as a cross-over theme to move your pages into Loki Theme step-by-step.
Rip out JavaScript
Configure the LokiTheme_LumaComponents module for your new theme. This removes all legacy JavaScript and replaces it with new components.
Apply per page
Use the Yireo_ThemeByRoute module to apply the theme only to the checkout, CMS pages and other pages that you wish to convert.
Let's work together
This is open source effort to upgrade Luma to new levels. Many components will still need to be written. Let's collaborate. Or just hire us.
Numbers tell a story on its own
