hawksama/magento-2-performance-optimization

使用RequireJS加载CSS。这有助于通过异步加载CSS来加快网站速度。需要生产模式。

v1.0.6 2023-02-24 07:15 UTC

This package is auto-updated.

Last update: 2024-09-24 20:41:11 UTC


README

``hawksama/magento-2-performance-optimization``

主要功能

Google Page Speed优化器。

主要功能

  • 通过使用RequireJS异步加载CSS来消除渲染阻塞的CSS文件。
  • 最小化HTML,不影响KnockoutJs、RequireJs、jQuery或VanillaJs。
  • 将所有具有src属性或内联脚本(在源页面中加载)的脚本标签移至页面底部,在关闭</body>之前,有跳过某些页面或控制器的能力。
  • 添加自定义的critical.css文件以提高First Contentful Paint评分。扩展了Magento 2.3.3功能CSS critical path以与新的CSS异步模式兼容。

安装

* = 在生产环境中请使用--keep-generated选项

类型1:Zip文件

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

类型2:Composer

  • 通过运行composer require hawksama/magento-2-performance-optimization安装模块composer
  • 通过运行php bin/magento setup:upgrade启用并应用数据库更新*
  • 通过运行php bin/magento setup:di:compile编译模块
  • 通过运行php bin/magento cache:flush刷新缓存

如何升级

  • 通过运行composer update hawksama/magento-2-performance-optimization更新模块composer
  • 通过运行php bin/magento setup:upgrade应用数据库更新*
  • 通过运行php bin/magento setup:di:compile编译模块
  • 通过运行php bin/magento cache:flush刷新缓存

配置

模块默认启用。建议启用CSS critical path。

  • 启用(hawksama_performanceoptimization/general/enabled)

  • 最小化HTML(hawksama_performanceoptimization/general/minify_html)

  • RequireJS CSS(hawksama_performanceoptimization/general/requirejs_css)

  • 将JS移动到底部启用(hawksama_performanceoptimization/movejs/enabled)

  • 将JS移动到底部排除控制器(hawksama_performanceoptimization/movejs/home_page)

  • 将JS移动到底部排除路径(hawksama_performanceoptimization/movejs/controller)

  • 商店 > 设置 > 配置 > HAWKSAMA -> 性能优化

激活CSS critical path

  • 要启用它,请运行php bin/magento config:set 'dev/css/use_css_critical_path' 1;

规格

  • 助手

    • Hawksama\PerformanceOptimization\Helper\Data
  • 插件

    • beforeSendResponse - Magento\Framework\App\Response\Http > Hawksama\PerformanceOptimization\Plugin\Frontend\Magento\Framework\App\Response\Http
  • 观察者

    • controller_front_send_response_before > Hawksama\PerformanceOptimization\Observer\Frontend\Controller\FrontSendResponseBefore
    • Magento\Config\Block\System\Config\Form\Field\FieldArray\AbstractFieldArray

支持