Configuration / Settings / Stores / Magento Admin

License

License Key	Paste your SP-XXXX subscription key or a per-module/bundle key. Leave blank if using Bundle key.
Issued Key (auto)	Set automatically on first successful validation. Do not edit.
Bundle License Key	Shared key activating every ETechFlow module.
License Portal URL	eTechFlow licensing portal endpoint. Update when your portal URL changes.

General Settings

Module Enabled

Google PageSpeed Insights (Diagnostic)

One-time setup (~3 min): Go to console.cloud.google.com/apis/credentials → Create Credentials → API Key → enable PageSpeed Insights API → paste key below.

PageSpeed Insights API Key
Default Strategy
API Timeout (seconds)

Image Optimization

Convert catalog images to WebP/AVIF, emit <picture> blocks, lazy-load below-the-fold images. Use bin/magento etechflow:pso:optimize-images to bulk-convert.

Enable Image Optimization
WebP / AVIF Quality (1-100)	80 is the recommended sweet spot.
WebP Engine Priority Order	Comma-separated. Default: `cwebp,imagick,gd`. First available wins. AVIF uses its own priority: `cavif,imagick,gd`.
Bulk CLI batch size	Default 200.
Emit <picture> blocks
Lazy-loading
Lazy-Load Script	Native (loading="lazy") is the right choice in 2026 — zero JS, 98%+ browser support. Other options for legacy themes.
Product cache (pub/media/catalog/product/cache)
Category images (pub/media/catalog/category)
CMS / Page Builder (pub/media/wysiwyg)
Generate AVIF format (next-gen, ~30-50% smaller than WebP)	Requires `cavif` binary or ImageMagick/GD compiled with libavif.
Compress source JPEG/PNG/GIF files in place	Requires `jpegoptim` / `pngquant` / `gifsicle` binaries.
Auto-optimize newly uploaded product images	Observer on catalog_product_save_after. Synchronous in admin save.
Generate responsive variants (mobile + tablet)	For each source: emit `.mobile.webp` + `.tablet.webp` at configured widths. `<picture>` emits responsive `<source media>` tags. Needs Imagick or GD.
Resize Algorithm
Mobile variant width (px)
Tablet variant width (px)
Smart optimization by viewed pages	Only optimize images that frontend customers actually view (vs blanket-optimizing the entire catalog). Frontend page renders enqueue source paths; cron drains the queue every 5 min. Best for huge catalogs where most images are never viewed. Run `bin/magento etechflow:pso:process-view-queue --status` to see queue stats.
Queue batch size per cron run	Default 20. Lower if your server is CPU-constrained; higher if the queue grows faster than 4 batches/hr.

Code Optimization

Runtime HTML/CSS/JS optimizations. Test on staging first — JS defer can break themes that rely on synchronous script execution.

HTML Minification	Strips whitespace, comments, line breaks. 10-20% reduction typical.
HTML Minify — Exclude URLs	One URL substring per line.
Defer JavaScript	Adds `defer` attribute to external scripts.
JS Defer — Exclude URLs	checkout cart Default excludes checkout + cart.
Defer Fonts Loading	Adds `font-display: swap`. Fixes FOIT, improves CLS.
Defer Fonts — Exclude Families	One font-family per line. Excluded fonts use `font-display: block`.
Server Push / Resource Preload	Sets `Link: rel=preload` headers.
Server Push — Preload URLs	Absolute URLs to preload on every page.

Code Optimization (additional)

CSS Minification (inline <style> blocks)	Targets inline CSS only — external CSS files use Magento's setup:static-content:deploy.
Move Print CSS to footer	Defers `<link rel="stylesheet" media="print">` until after main content.

Back/Forward Cache (bfcache)

Allows browsers to render back/forward navigation INSTANTLY from in-memory cache.

Enable bfcache compatibility
Exclude URLs (always private)	checkout cart customer/account One URL substring per line. Defaults: checkout, cart, customer/account.

Configuration

⚙ Backend

🖥 Frontend