zero1limited/module-pagebuilder-web-vitals

提供功能,将图片尺寸、链接标签和懒加载选项添加到图片中,以帮助提高谷歌的Web Vitals审计分数

安装数: 2,036

依赖项: 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:33 UTC


README

适用于Magento 2.4.3

描述

截至2.4.3版本,Magento的页面构建器是一个出色的核心模块,它使创建内容丰富的页面变得容易,但还有一些元素是缺失的

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

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

谷歌的Web Vitals审计包含改进建议,有助于提高性能和可访问性指标。与Magento页面构建器相关的2个建议是

  • 图片元素没有明确的宽度和高度
  • 链接没有可识别的名称

图片元素没有明确的宽度和高度

一旦安装此模块,您将有两个新字段,允许您为通过页面构建器上传的每个图片添加宽度和高度。添加这些尺寸将确保您上传的图片通过谷歌Web Vital审计

链接没有可识别的名称

谷歌建议当a标签不包含文本时进行此操作。当添加带链接的图片时,a标签仅包含图片,但确保此a标签通过Web Vitals审计的一种方法是在链接本身上添加aria-label标签。一旦安装此模块,您将有一个新字段,允许您为链接标签添加标签,这将确保链接通过审计。

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

安装...

composer require zero1/module-pagebuilder-web-vitals

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