A quick technical overview of the Breeze module for Magento.

Breeze — is a performant frontend javascript stack built to be equally flexible to its predecessor.

Before we take a deep dive into the Breeze implementation details, let’s step aside for a moment and quickly examine how Magento frontend works and why it’s so painfully slow.

Luma stack

Lighthouse score (mobile) for the Luma theme.

Here is a shortened example of a Magento page source that the browser will parse and execute to bring a ready-to-use page for each visitor:

<html>
<head>
<script src="require.js"/>
<script src="requirejs-config.js"/>
</head>
<body>

<div data-mage-init='{"component": {}}'></div>

<script type="text/x-magento-init">
{
"*": {
"Magento_Ui/js/core/app": {
"components": {}
}
}
}

</script>
</body>
</html>

vova.yatsyuk

I create Magento modules at SwissupLabs and play with the Laravel ecosystem on my own.

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store