hawksama / magento-2-performance-optimization
使用RequireJS加载CSS。这有助于通过异步加载CSS来加快网站速度。需要生产模式。
v1.0.6
2023-02-24 07:15 UTC
Requires
- php: >=7.3.0
- magento/framework: ^102.0 || ^103.0
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