hidro/core-web-vitals

提升Magento 2网站、Magento 2.4的核心Web Vitals评分

维护者

详细信息

github.com/hieuhidro/core-web-vitals

来源

问题

安装次数: 2,352

依赖项: 0

建议者: 0

安全性: 0

星星: 16

关注者: 2

分支: 2

开放问题: 0

类型:magento2-module

2.4.4 2024-03-07 04:41 UTC

Requires

  • php: >=5.6
  • magento/framework: *

GPL-3.0 8db830c5ec0a44148aa2d8c367e966434e110637

  • Hieu Le <info.woop@solutiontutorials.com>

This package is auto-updated.

Last update: 2024-09-17 09:56:00 UTC

README

  • 版本模式: [Magento版本].x.x
    • 例如：版本格式 2.4.x.x（此模式适用于Magento 2.4）。

此模块允许您修改HTML、JavaScript、CSS，更新位置，优化CWV（核心Web Vitals）评分。

作者：Hidro Le. 网站：https://www.solutiontutorials.com

请支持我一杯咖啡

#更多包

- 主要功能

  • 压缩HTML代码。
  • 添加https/2推送。
  • 预加载字体
  • 懒加载Iframe、图片。（您可以选择行为：原始浏览器或JavaScript）
  • 将JavaScript移动到页脚。
  • 延迟JavaScript代码。
  • 使用javascript/browser预加载延迟/预加载CSS文件。
  • 压缩内联CSS、JavaScript。
  • 激活Owl Carousel的第一个项目。

- 规格

  • 如果您想使用CSS修饰函数，必须禁用合并 css。

安装

类型1：Zip文件

  • 将zip文件解压缩到app/code/Hidro
  • 运行php bin/magento module:enable Hidro_CoreWebVitals启用模块
  • 运行php bin/magento setup:upgrade应用数据库更新*
  • 运行php bin/magento cache:flush刷新缓存

类型2：Composer

  • https://packagist.org.cn/packages/hidro/core-web-vitals
  • 将模块在composer仓库中可用，例如
    • 公共仓库 packagist.org
    • 公共GitHub仓库作为vcs
  • 运行composer require hidro/core-web-vitals安装模块
  • 运行php bin/magento module:enable Hidro_CoreWebVitals启用模块
  • 运行php bin/magento setup:upgrade应用数据库更新
  • 运行php bin/magento cache:flush刷新缓存

安装模块后

  • bin/magento config:set dev/js/minify_files 1 -l;
  • bin/magento config:set dev/js/enable_js_bundling 1 -l;
  • bin/magento config:set dev/css/minify_files 1 -l;
  • bin/magento config:set dev/css/merge_css_files 0 -l;
  • bin/magento config:set dev/template/minify_html 1 -l;
  • bin/magento deploy:mode:set production;

开发

  • app/code/Hidro/CoreWebVitals/Model/Asset/CriticalCss.php:109
    • 为特殊body类添加自定义critical css
  • 覆盖default.css以更新整个默认critical css
  • 覆盖core_vital.css以添加特殊自定义css
  • 覆盖fonts.css以更新webfont。