Am I using this plugin the wrong way?

  • Resolved Alvin

    (@iluminancia)


    5 years, 11 months ago

    Hi there,

    Even that this plugin seems very simple to use, I still don’t know if I’m using it the right way.

    Here is my case:

    I installed the plugin and I followed the steps to generate the style sheet.

    Then, I purged all caches with W3 Total Cache.

    But when I check in Pingdom Tools, I can still see this file name:

    https://fonts.googleapis.com/css?

    When I open that file, I see fonts which I’m not using nor I haven’t selected for download, example:

    /* cyrillic-ext */
@font-face {
  font-family: 'Arsenal';
  font-style: italic;
  font-weight: 400;
  src: local('Arsenal Italic'), local('Arsenal-Italic'), url(https://fonts.gstatic.com/s/arsenal/v3/wXKpE3kQtZQ4pF3D513sD8QvpXY.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;

    I have only selected “latin” styles.

    I also see these fonts “Montserrat” and “Questrial” which I’m not using anymore nor I haven’t selected them for download.

    Option “Enable preload for stylesheet (experimental)” is checked.

    I tried option “Remove Google fonts” with Autoptimize, and I can see that file “https://fonts.googleapis.com/css?” doesn’t show in Pingdom Tools.

    But, my selected fonts (Arsenal and Lora) don’t show in Chrome app on my phone. I can see them on a PC browser.

    I’d appreciate your kind support on this matter.

    Do I need to change/select/update anything else?

    Best regards,

    Alvin

    The page I need help with: [log in to see the link]

Viewing 4 replies - 1 through 4 (of 4 total)
  • Plugin Author DaanvandenBergh

    (@daanvandenbergh)

    Select ‘Remove Google Fonts’ in Autoptimize. And leave it like that. The fact that you can’t see it on your mobile phone, might be due to an outdated browser or a browser caching issue.

    Thread Starter Alvin

    (@iluminancia)

    Hi,

    Thanks for a quick reply.

    If a use “Remove Google Fonts” in Autoptimize and deactivate “CAOS for Webfonts | Host Google Fonts Locally”, I obtain the same result when “CAOS…” is activated:

    – Better PageSpeed Insights ranking, just a few points more.
    – No fonts.googleapis.com/css… in Pingdom Tools’ waterfall.
    – I can see custom fonts on web browsers (Chrome, Firefox, Edge).
    – I can’t see custom fonts on Chrome mobile app (I haven’t try another phone besides mine).

    So, what is “CAOS for Webfonts | Host Google Fonts Locally” good for?

    At least in my case, “CAOS for Webfonts…” doesn’t provide an advantage.

    Best regards,

    Alvin

    Plugin Author DaanvandenBergh

    (@daanvandenbergh)

    Okay, so here’s what’s going on:

    When you disable CAOS for Webfonts AND you check ‘Remove Google Fonts’ in Autoptimize, your fonts are NOT loaded. The only reason why you are seeing them, is because they are cached in your browser. The rest of the world will not be seeing them. E.g. this is what I’m seeing at this moment: https://ibb.co/S57sbRg

    Helvetica everywhere, instead of Hind.

    So yes, you’re getting the higher score this way, because the requests to google’s API aren’t made, but your layout is broken.

    So to answer your question: “What is CAOS for Webfonts good for?” With my plugin you can reach the higher score, but without your layout breaking ??

    Thread Starter Alvin

    (@iluminancia)

    Thanks a lot for the information!

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Am I using this plugin the wrong way?’ is closed to new replies.