首页 文章

Wordpress:在主题的style.css的首屏内容中消除渲染阻止JavaScript和CSS

提问于
浏览
0

我正在使用Twenty Seventeen主题并试图在Google Page Speed测试中取得好成绩 . 我正面临着二十七主题的style.css的“ Eliminate render-blocking JavaScript and CSS in above-the-fold " and " Leverage browser caching ”问题 .

我尝试使用.htaccess文件消除此问题,但仍然遇到同样的问题 .

这是我的.htaccess文件:

# WordPress
    <IfModule mod_rewrite.c>
    RewriteEngine On
    RewriteBase /
    RewriteRule ^index\.php$ - [L]
    RewriteCond %{REQUEST_FILENAME} !-f
    RewriteCond %{REQUEST_FILENAME} !-d
    RewriteRule . /index.php [L]
    </IfModule>
    # END WordPress
    ExpiresActive On
    ExpiresByType image/gif A2592000
    ExpiresByType image/jpeg A2592000
    ExpiresByType image/jpg A2592000
    ExpiresByType image/png A2592000
    ExpiresByType image/x-icon A2592000
    ExpiresByType text/css A86400
    ExpiresByType text/javascript A86400
    ExpiresByType application/x-shockwave-flash A2592000
    #
    <FilesMatch "\.(gif¦jpe?g¦png¦ico¦css¦js¦swf)$">
    Header set Cache-Control "public"
    </FilesMatch>

我不想使用任何优化插件或缓存插件 .

为了修复js文件的“ Eliminate render-blocking JavaScript and CSS in above-the-fold ”,我在function.php文件中添加了一个代码 .

这是代码:

function defer_parsing_of_js ( $url ) {
        if ( FALSE === strpos( $url, '.js' ) ) return $url;   
        if ( strpos( $url, 'jquery.js' ) ) return $url;
        return "$url' async defer='defer";
    }
    add_filter( 'clean_url', 'defer_parsing_of_js', 11, 1 );

谁能建议我在不使用插件的情况下修复此问题?

1 回答

  • 0
    ExpiresActive On
    ExpiresByType image/gif A2592000
    ExpiresByType image/jpeg A2592000
    ExpiresByType image/jpg A2592000
    ExpiresByType image/png A2592000
    ExpiresByType image/x-icon A2592000
    ExpiresByType text/css A86400
    ExpiresByType text/javascript A86400
    ExpiresByType application/x-shockwave-flash A2592000
    #
    

相关问题