0

有没有办法在<title>标签后包含内联样式，如图所示：

在此处输入图像描述

如果我编辑文件default_head_blocks.xml，我只能在合并的 css 文件之后显示它，这违背了使用关键 css 的目的。一种可能的方法是将这段代码添加到其中default.xml，然后将内联 css 呈现<head>在所有<meta>标签之前的顶部，所以我不确定这是否是不好的做法

<referenceBlock name="require.js">
       <action method="setTemplate">
           <argument name="template" xsi:type="string">Magento_Theme::/header/inline-css.phtml</argument>
       </action>
</referenceBlock>
4

1 回答 1

0

由于 Magento 2.3（或 2.2？） Magento 有一个用于关键 Css 的选项，这里是文档

在您的（自定义）主题中，您可以定义web/css/critical.css并启用关键 CSS。

bin/magento config:set dev/css/use_css_critical_path 1

这个 css 文件将作为内联样式注入到头部，其余样式将异步加载。

AFAIK，将关键的 css 放在头部的任何位置都可以完成这项工作。关键是异步加载其他样式。否则浏览器仍然会等到所有 css 文件都加载完毕后再加载内容（body 标签）。请参考这个和这个

于 2021-05-02T20:49:07.343 回答