Download the PHP package elgentos/module-lightspeed without Composer
On this page you can find all versions of the php package elgentos/module-lightspeed. It is possible to download/install these versions without Composer. Possible dependencies are resolved automatically.
Download elgentos/module-lightspeed
More information about elgentos/module-lightspeed
Files in elgentos/module-lightspeed
Package module-lightspeed
Short Description Magento 2 Lightspeed optimizations
License Unlicense
Informations about the package module-lightspeed
Magento 2 - Lightspeed for Lighthouse optimizations
Process your Google Lighthouse feedback using sane defaults. This module defines several sections where you can define common feedback from Google Lighthouse.
Installation
Run this in your Magento 2 project root;
Features
Javascript handling
Move all script
tags before body end. This is the default after installing this module, no exceptions.
Connection optimization (layout.xml)
Allow modern browsers to use DNS prefetching and preconnecting.
DNS prefetching only does a DNS lookup, preconnecting already connects to the remote server and does SSL handshake.
Preconnecting is limited to a few connections which is defined in your browser, we have fallback to DNS-prefetching,
but think before you add everything to preconnect
.
Fonts (layout.xml)
Load external fonts to the head section.
Styles (layout.xml)
Inline CSS in the head or before body end for critical CSS.
External CSS (layout.xml)
We have several options for optimizing external CSS;
- Directly in the head;
- Before body end;
- Defer till all other stuff is done.
Javascript (layout.xml)
Javascript via XML before body end via layout XML.
Usage
Preferred usage to keep everything together is to add a handle to layout/default.xml
.
You can also add controller specific rules, add them in the controller specific handles, for instance layout/catalog_category_default.xml
You can also add specific rules and bind them to your module, instead to the theme.
app/design/frontend/your/theme/Magento_Theme/layout/default.xml
After that all default lighthouse feedback can go into layout/default_lightspeed.xml
app/design/frontend/your/theme/Magento_Theme/layout/default_lightspeed.xml
Block quick references
References HEAD
lightspeed.head.dns-prefetch
lightspeed.head.preconnect
lightspeed.head.fonts
lightspeed.head.inline-styles
References (before body end)
lightspeed.body.defer-styles
lightspeed.body.no-defer-styles
lightspeed.body.inline-styles
lightspeed.body.footer-js
Block code reference
You can also use \Elgentos\Lightspeed\Block\ItemsWithPattern
to add your own references.
Public:
addItem(string $value): void
addItems(array $values): void
getItems(): array
hasItems(): bool
removeItem(string $value): void
setPattern(string $pattern): void
render(): string
Custom block definition
default.xml
Authors
- Gideon Overeem
- Jeroen Boersma