Remove render-blocking JS and Optimize CSS delivery

  • Resolved mpark_aks

    (@mpark_aks)


    12 years, 2 months ago

    Alexander,

    Best things are always free. Hueman is an incredible theme. Thanks for making your theme available to all.

    I have been using you theme on my new website. I ran Google’s PageSpeed Insights and got Eliminate render-blocking JavaScript and CSS in above-the-fold content. I have done everything possible to find a solution to this. But, I can’t get this fixed. I have already installed WP Total cache. Google says:

    Remove render-blocking JavaScript:

    /…-includes/js/jquery/jquery.js?ver=1.10.2
    /…s/jquery/jquery-migrate.min.js?ver=1.2.1
    /…hemes/hueman/js/jquery.flexslider.min.js

    Optimize CSS Delivery of the following:

    http://fonts.googleapis.com
    /…300italic,300,600&subset=latin,latin-ext
    /…t/plugins/author-hreview/style/style.css
    /…t-form-7/includes/css/styles.css?ver=3.6
    /…nt/plugins/light/css/jquery.fancybox.css
    /wp-content/themes/hueman/style.css
    /wp-content/themes/hueman/responsive.css
    /…themes/hueman/fonts/font-awesome.min.css
    /…ns/wp-pagenavi/pagenavi-css.css?ver=2.70

    Please let me know what should be done!!!

    PS- I am new to WordPress and don’t know coding.

Viewing 4 replies - 1 through 4 (of 4 total)
  • Alexander Agnarson

    (@alxmedia)

    12 years, 2 months ago

    Remove render-blocking JavaScript:

    /…-includes/js/jquery/jquery.js?ver=1.10.2
    /…s/jquery/jquery-migrate.min.js?ver=1.2.1
    /…hemes/hueman/js/jquery.flexslider.min.js

    Those things should be nothing to worry about. Flexslider is loading in head instead of footer to be as fast as possible. Standard jQuery in header is also normal.

    As for the CSS files, you can disable pagnavi-css.css in Settings > WP-PageNavi. The other ones are no big deal, and should be just fine for the site.

    If you still wish to optimize it, use a plugin like W3 Total Cache and use the CSS minify option.

    Thread Starter mpark_aks

    (@mpark_aks)

    12 years, 2 months ago

    Thanks for getting back so quickly. I was able to resolve most of the issues with W3 Total Cache and Autoptimizer. Now, I would like to set my font style to Arial everywhere. I tried following your recommedation on http://wordpress.org/support/topic/web-font-type-latin-extended

    The problem I’m having is I can’t find the Titillium Web font link in header.php. I deleted the lines as you stated in the above support question. I have added the following on styles.css

    body, input, textarea, button, select, label { font-family: Arial, sans-serif; }

    But, nothing happens. The output is still Titillium. I would also like to remove titillium font style from header.php.
    Thanks

    Alexander Agnarson

    (@alxmedia)

    12 years, 2 months ago

    If you go to Theme Options > Styling, first enable the checkbox at the top, then under “Font” select Arial and see if that works.

    Thread Starter mpark_aks

    (@mpark_aks)

    12 years, 2 months ago

    My mistake. I checked the box and it works. Thanks for the quick reply…

Viewing 4 replies - 1 through 4 (of 4 total)

The topic ‘Remove render-blocking JS and Optimize CSS delivery’ is closed to new replies.