Question

Hello Google PageSpeed Insights告诉我以下CSS文件正在呈现阻止：

@charset "UTF-8";

.woocommerce_de_scrollable_textarea {
    height: 150px !important;
    width: 98% !important;
    overflow: auto !important;
    border: 1px solid #DDD !important;
    background-color: whiteSmoke !important;
    padding: 8px !important;
    display: block !important;
    color: #000 !important;
}

.products .woocommerce-de_price_taxrate {
    display: block;
}

.woocommerce-de_price_taxrate {
    font-size: 0.8em;
}

.woocommerce-de_price_shipping_rate {
    font-size: 12px;
}

.widerruf {
    clear: both;
}

.wgm-second-checkout input.wgm-place-order {
    float: right;
}

.checkout_productdesc {
    font-size: smaller;
    margin-left: 10px;
}

.form-row .terms {
    float: left;
}

.price-per-unit {
    display: block;
}

.woocommerce_de_versandkosten {
    font-size: 0.8em;
    display: block;
}

.product-tax {
    font-weight: normal;
}

.product-total .amount,
.product-subtotal .amount {
    font-weight: bold;
    text-align: left;
}

.product-total .product-tax {
    display: block;
    text-align: left;
}

.wgm-tax,
.wgm-tax .amount,
.product-total .product-tax .amount,
.product-subtotal .product-tax .amount {
    font-weight: normal !important;
}

.wgm-tax,
.product-total .product-tax,
.product-subtotal .product-tax {
    font-size: smaller;
    white-space: nowrap;
}

.total .includes_tax,
.order-total .includes_tax {
    /*display: block;*/
}

.shipping_de.shipping_de_string {
    margin-bottom: 15px;
}

.wgm-break {
    display:block;
}

.wgm-order-table-tr {
    text-align:left; border: 1px solid #eee;
}

.wgm-order-table-tr-cond {
    border-top-width: 4px;
}

.wgm-kleinunternehmerregelung {
    font-size: 0.8em;
    display: block;
}

.wgm-kur-notice {
    font-size: 0.8em;
    margin-bottom: 10px;
}

.wgm-kur-notice-review {
    font-size: 0.8em;
}

.wgm-virtual-notice {
    background-color: #ff0000;
    color: #ffffff;
    padding: 0 5px;
}

.wgm-digital-checkout-notice {
    color: #ff0000;
    display: block;
    font-size: smaller;
    margin-top: 1em;
    margin-bottom: 1em;
}

.wgm-digital-variation-notice {
    display: block;
    font-size: smaller;
    margin-top: 1em;
}

.wgm-digital-attribute-list {
    font-size: smaller;
    margin-top: 1em;
    margin-bottom: 1em;
}

.wgm-digital-attribute-list li {
    background: #f0f0f0;
    display: inline-block;
    margin: 0 10px 10px 0;
    padding: 0 10px;
}

.wgm-product-prerequisites-label {
    display: block;
    font-size: smaller;
    margin-top: 1em;
}

.wgm-product-prerequisites {
    background: #f0f0f0;
    display: block;
    margin-top: 1em;
    margin-bottom: 2em;
    padding: 10px;
}

.single-product .wgm-product-prerequisites {
    font-size: smaller;
}

.wgm-extra-costs-eu {
    display: block;
    margin-bottom: 1em;
}

.wc-terms-and-conditions .required{
    display:none;
}

它包含在页面中：

<link rel='stylesheet' id='woocommerce-de_frontend_styles-css'  href='https://www.example.com/wp-content/plugins/woocommerce-german-market/css/frontend.css?ver=1.0' type='text/css' media='all' />

我看不出为什么css会渲染阻塞，你能告诉我吗？它包含在该部分中，但也有其他css文件，并且这些文件未标记为“渲染阻止”......

如果有人提示，那就太好了。

谢谢！

Google PageSpeed Insights：为什么这个css文件呈现阻止？

0 个答案: