How to optimize Optimize CSS Delivery [Google Fonts]?

Community Forums Forums Design Tips and Tricks How to optimize Optimize CSS Delivery [Google Fonts]?

This topic is: not resolved

This topic contains 5 replies, has 3 voices, and was last updated by  maheshone 5 months, 3 weeks ago.

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #103722

    maheshone
    Participant
    Post count: 76

    Hello,

    My blog URL is http://www.minterest.org. I’m using Google PageSpeed Service CDN to optimize the performance of the blog. However the PageSpeed Insights is recommending the optimization of CSS delivery.

    It says:

    “Your page has 1 blocking script resources and 4 blocking CSS resources. This causes a delay in rendering your page.”

    Screenshot:

    I can see the code:

    /*
    Imports
    ---------------------------------------------------------------------------------------------------- */
    
    @import url(//fonts.googleapis.com/css?family=Lato:300,700);

    in Genesis: Stylesheet (style.css)

    And the following hook that executes in the document <head>

    <link href='http://fonts.googleapis.com/css?family=Droid+Sans:400,700' rel='stylesheet' type='text/css'>

    So how can I do that?

    Thanks!


    http://www.minterest.org/
    #104014

    Tom
    Participant
    Post count: 968

    WPbeginner has a nice article on this, suggesting you could at least combine the calls to Google.

    88 is a fairly respectable speed from Google. You’re minifying html and css. Next steps would include trying a caching plugin and/or CDN. You’ve already got Jetpack loaded so you could use Photon, or try Cloudflare’s free program.


    Choose your next site design from over 350 Genesis themes.
    Updates via GenesisThemes.ca | Twitter | Google+ | Tumblr

    #104015

    maheshone
    Participant
    Post count: 76

    Hi Tom,

    Thanks for the reply…

    Earlier today I optimized little bit.. I was able to find the unused Google Font code and removed it… So now I can see only one reference to Google Font API website and that’s for the current font.

    And yes, I’m already using a caching plugin (W3 Total) and a CDN (Google PageSeed Service) to optimize the content. So all the images and content is delivered from the Google server.


    #104016

    maheshone
    Participant
    Post count: 76

    One more thing…

    Yes, I understand that 88 is a good score… but the question was about the reference to unused Google Fonts.. But then I noticed the same in Functions.php and removed it.. So now it’s clean…


    #104040

    Lauren @ OnceCoupled
    Member
    Post count: 616

    Ah, you didn’t mention that the fonts were unused and you wanted to remove them completely. Good to hear you got it accomplished. :)

    Best,
    Lauren


    I do custom WordPress work! http://oncecoupled.com
    Contact me directly: lauren@oncecoupled.com

    #104044

    maheshone
    Participant
    Post count: 76

    Hi Lauren,

    Actually I didn’t know that those fonts were unused. I thought it was used by the theme to show some text at some parts of the blog… So I checked all font styles manually and realized that it was unused. :)

    That’s how I realized that the one I removed was the default google font used by the theme. So I replaced it with my custom google font.


Viewing 6 posts - 1 through 6 (of 6 total)

You must be logged in to reply to this topic.