[wordpress插件] Autoptimize criticalcss.com power-up自动优化criticalcss.com通电

wordpress 插件 文章 2020-02-25 20:50 457 0 全屏看文

AI助手支持GPT4.0

评分
96
描述

This plugin extends Autoptimize to automatically create critical CSS rules.

此插件扩展了Autoptimize来自动创建关键的CSS规则。

These rules inject the correct critical CSS in different types of pages to ensure these pages are rendered even before the full CSS is loaded, improving the “start to render time” and user experience.

这些规则将正确的关键CSS注入到不同类型的页面中,以确保甚至在完整CSS加载之前就呈现这些页面,从而改善了“开始渲染时间”和用户体验。

For this purpose the plugin integrates with criticalcss.com, a 3rd party service, to have it generate the critical CSS (see FAQ for info on pricing).

/#faq“>有关定价信息的常见问题解答)。

Simply install and activate the plugin (you will need to have Autoptimize up and running), enter your https:/

只需安装并激活插件(您需要启动并运行Autoptimize),然后输入您的 https:/

/criticalcss.com API key and the plugin will automatically start work to create rules.

/criticalcss.com API密钥,该插件将自动开始创建规则。

If you want to change settings or review the rules, you can find these by clicking the “critical css” tab on the Autoptimize plugin settings screen.

如果要更改设置或查看规则,则可以通过单击“自动优化插件设置”屏幕上的“关键CSS”选项卡找到这些规则。

There are “installation instructions” and more info in the FAQ.

常见问题解答中有“安装说明”和更多信息。

安装步骤

    1. Install from your WordPress “Plugins > Add New” screen (search for Autoptimize)
    2. 从WordPress的“插件>添加新”屏幕上安装(搜索“自动优化”)

    3. Activate the plugin.
    4. 激活插件。

    5. You will see a “Critical CSS”-tab in Autoptimize.
    6. 您会在Autoptimize中看到一个“关键CSS”标签。

    7. Enter the API key from your https://criticalcss.com <

    8. 从您的 https://criticalcss.com 输入API密钥<

      /li>

      / li>

    9. (optional): create a default rule which can be used if no automated rule applies.
    10. (可选):创建一个默认规则,如果不应用任何自动规则,则可以使用。

    11. (optional): create manual Path-based rules for specific pages to override automated rules.

    12. (可选):为特定页面创建基于路径的手动规则,以覆盖自动规则。

      If you leave the critical CSS field of path-based rules empty, the plugin will automatically generate it.

    13. 如果您将基于路径的规则的关键CSS字段留空,则插件将自动生成它。

    14. To get critical CSS going, make sure there are requests coming in that are not served by a page cache
    15. 要使重要的CSS正常运行,请确保有一些传入请求不是页面缓存提供的服务

下载地址
https://downloads.wordpress.org/plugin/autoptimize-criticalcss.1.18.0.zip
-EOF-

AI助手支持GPT4.0