[wordpress插件] CSS JS Manager, Async JavaScript, Defer Render Blocking CSS supports WooCommerceCSS JS管理器,异步JavaScript,延迟渲染阻止CSS支持WooCommerce

wordpress 插件 文章 2020-04-06 03:10 452 0 全屏看文

AI助手支持GPT4.0

评分
94
描述

Documentation

文档

    • Load / remove css or js if the request is from a mobile device
    • 如果请求来自移动设备,则加载/删除CSS或js

    • Load / remove css or js if the request is from a desktop device
    • 如果请求来自桌面设备,则加载/删除css或js

    • Load any CSS file asynchronous
    • 异步加载任何CSS文件

    • Load any JS file Async or Defer
    • 加载异步或延迟的任何JS文件

    • Remove any JS from all the pages, or on some pages based on various conditional rules
    • 从所有页面或基于各种条件规则的某些页面上删除任何JS

    • Remove any CSS file from all the pages, or on some pages based on various conditional rules
    • 从所有页面或基于各种条件规则的某些页面上删除任何CSS文件

    • Async any JS file on all the pages or on selective pages
    • 在所有页面或选择性页面上同步任何JS文件

    • You can remove or add JS file based on post type
    • 您可以根据帖子类型删除或添加JS文件

    • You can remove or add CSS file based on post type
    • 您可以根据帖子类型删除或添加CSS文件

    • You can remove or add JS file based on page id
    • 您可以根据页面ID删除或添加JS文件

    • You can remove or add CSS file based on page id
    • 您可以根据页面ID删除或添加CSS文件

    Manage critical css

    管理关键CSS

    Now you can load different critical css for different pages or post or custom post type and optimize your site for speed

    现在,您可以为不同的页面或帖子或自定义帖子类型加载不同的关键CSS,并优化网站的速度

    Step 1: Go to CSS JS Manager >> Critical CSS setting

    步骤1:转到CSS JS Manager >>关键CSS设置

    select the post type where you want to use the Critical CSS,

    选择要使用Critical CSS的帖子类型,

    Say you want to use it on Post, Product

    假设您要在Post,Product上使用它

    Step 2: go to Critical CSS >> Add New Critical css

    第2步:转到Critical CSS >>添加新的Critical CSS

    you can add as many critical css as you want

    您可以根据需要添加任意数量的关键CSS

    Say you want to have Different critical css for home page, and post, and product

    假设您要为首页,发布和产品使用不同的关键CSS

    so you will create 3 different critical css and load the critical css There

    因此您将创建3个不同的关键CSS并在其中加载关键CSS

    Use this to generate critical css https://www.sitelocity.com/critical-path-css-generator

    使用它来生成关键的CSS https://www.sitelocity.com/critical-path-css-generator

    Step 3: Go to respective post or page where you will like to use those critical css and select them

    第3步:转到您要使用这些关键CSS的相应帖子或页面,然后选择它们

    How to Defer Render Blocking CSS using CSS JS Manager?

    如何使用CSS JS管理器推迟渲染阻止CSS?

    "}];jQuery(function(){$("#article_content").find("a").each(function(){var url =$(this).attr("href");for(var i=0;i"+c+"

    ");} } }) })