zero1 / module-pagebuilder-web-vitals

提供包含图像尺寸、链接标签和懒加载选项到图像的功能,以帮助提高Google的Web Vitals审核评分

安装数: 11,867

依赖项: 0

建议者: 0

安全: 0

星标: 12

关注者: 4

分支: 1

开放问题: 3

语言:HTML

类型:magento2-module

1.0.4 2023-10-18 08:45 UTC

This package is auto-updated.

Last update: 2024-09-07 14:45:56 UTC


README

适用于Magento 2.4.3

描述

Magento的Page Builder是一个优秀的核心模块(截至2.4.3),它使创建内容丰富的页面变得容易,但仍有一些元素缺失

  • 图像尺寸
  • 链接标签
  • loading="lazy" 标签

为什么这些很重要?...

Google的Web Vitals审核包含改进建议,有助于提高性能和可访问性指标。与Magento的Page Builder相关的有两条

  • 图像元素没有显式的宽度和高度
  • 链接没有可识别的名称

图像元素没有显式的宽度和高度

一旦安装此模块,您将有两个新字段,允许您通过Page Builder添加您上传的每个图像的宽度和高度。添加这些尺寸将确保您上传的图像通过Google Web Vital审核

链接没有可识别的名称

当a标签不包含文本时,这是Google的建议。当添加带有链接的图像时,a标签只包含图像,但确保此a标签通过Web Vitals审核的一种方法是在链接本身添加aria-label标签。一旦安装此模块,您将有一个新字段,允许您添加到链接标签的标签,这将确保链接通过审核。

添加图像尺寸和链接标签将确保这些元素通过审核,但这也可能产生连锁反应,有助于提高您的CLS分数(内容布局位移)

安装...

composer require zero1/module-pagebuilder-web-vitals

© Zero-1 Ltd | www.zero1.co.uk