DX 0.4.0-beta.36

Pages that score on PageSpeed, pages from the live site, and Claude Design handoffs read as they are.

Pages from the live site (DX › Site): each new page keeps the live page's words, pictures, address and order, in the new Home's look. The live site's menu is read beside the design's, and the design's own links (menus, footer, Home) are pointed at the pages made for them. Questions, figures and forms are read as what they are.

Faster pages — measured with the mobile profile pagespeed.web.dev uses. On a fresh import of Taylored Restoration with 13 pages from its live site: Home 99, the service pages 100, every other page 99 (Accessibility 94–100, Best Practices and SEO 100).

• A design's JPEG and PNG pictures are stored as WebP, its photographs at the highest quality that is as light as Lighthouse asks, and the plugin's own pictures get their sizes from WordPress.
• Pictures, map frames and CSS background pictures below the first screen wait for it; the picture the page opens on is asked for first; nothing above the first screen is hidden for an entrance.
• The plugin's small stylesheets are written into the page; a design's web fonts come after the first paint, drawn until then in fallback faces of their size, so nothing moves when they arrive (dxai_ui_late_fonts turns it off).

Search and accessibility: a meta description for a design's pages (unless an SEO plugin writes them); markup served as assistive technology reads it; text colours that nearly read brought to 4.5:1, and a colour per background where the theme's colours leave a text unreadable.

Claude Design handoffs whose page is index.html (template + component script, support.js, assets) are read as Claude Design exports: their states run, pictures named through the export's resource helper get their files, and the header and footer are installed as Menus and Widgets. A page that opens with a skip link keeps its header as the site's.

For developers: bin/page-speed.cjs (Lighthouse's mobile profile; --warm measures a local site as a good host serves it), bin/live-parity.cjs, bin/gutenberg-audit.php; new CI suites (page head, WebP, image quality, font fallbacks, late fonts, legible text, accessible markup, composer roles, site pages, HTML chrome); 13 new filters in docs/HOOKS.md.

Install: download dxai-ui-0.4.0-beta.36.zip below (Plugins › Add New › Upload), or let Dashboard › Updates offer it on a site that runs beta.34 or later.