CSS and font issues

We are working on significantly improved CSS parser and optimizer, so there are many related issues will be fixed in the next release (we are hope to release it at the end of this week, or on the next week in the worst case).

As to Google fonts, do you see this issue in all browsers, or in certain one(s) only?

I’ve had the same problem re loading Google fonts using Chrome (I haven’t tested other browsers.).

Also, when I activate CSS minifying, my site’s pages display unstyled content for about one second before CSS styling takes effect. Again, I used only Chrome for my tests.

The problem largely disappears when I deactivate the WooCommerce plug-in.

Aside from these two issues, I love your plug-in.

• This reply was modified 7 years, 4 months ago by mikegamble.
• This reply was modified 7 years, 4 months ago by mikegamble.
• This reply was modified 7 years, 4 months ago by mikegamble.

Thanks a lot for the detailed feedback Mike! We’re about to release the new update and hope that will solve most of these issues.

Despite your recent updates to version 0.9.15, I still have the same problems I described 2 weeks ago in the above comments. Any suggestions?

Thanks in advance for your help!

Mike Gamble

I’ve just installed the latest Firefox browser. Just like Chrome, PageSpeed Ninja still does not pull Google fonts.

New webfonts loader is our aim for the next release (or one of the next releases).

I just ran some more tests using Windows 10, Chrome and Firefox, with the same result, even after removing all references to Google fonts from my style.css file and my header file. Specifically,

1. After removing all references to Google Fonts, my site will load the fallback default font (Proxima Nova) after about one second. But during the first second, my site loads completely unstyled content.

2. The Google Raleway font will not load even after I add back the Google font info to my header and stylesheet. Instead, I get the same unstyled content that I described in #1 above.

I hope that you’ll be able to fix the problems soon. Aside from these problems, I love your plug-in.

I latest releases of PageSpeed Ninja we made some fixes to Google Fonts loading, so that it should work better (i.e. more stable) and faster. You can choose between FOIT (flash of invisible text, default behavior in browsers) and FOUT (flash of unstyled text).

As to unstyled content, it may be related to above-the-fold CSS. In some cases above-the-fold CSS is generated incorrectly, or the page requires some javascript execution before rendering. In such cases “Above-the-fold CSS” feature should be disabled (see “Eliminate render-blocking JavaScript and CSS in above-the-fold content” section in the “Advanced” settings tab).

I’ve found a huge problem with my site’s internal posts.

My homepage speed using PageSpeedNinja is 99 for mobile and 99 for desktop. This is confirmed by using Google’s Page Speed Insights (100 for mobile and 99 for desktop). That’s fantastic!

However, when I test an internal post, my results are dramatically different (PageSpeedNinja is 78 for mobile and 92 for desktop) and (Google’s Page Speed Insights is 57 for mobile and 85 for desktop).

What’s happening?

Thanks in advance for your help!

• This reply was modified 7 years, 2 months ago by mikegamble.

Another PageSpeed Ninja user (Jakub Zieliński) stated on Facebook, “Hey, I really love PageSpeed Ninja, but I don’t understand one thing. I applied all settings. My homepage pagespeed is now 91 (before it was 55). When I try to test post pages, pagespeed is still about 50-60. Can somebody help me?.”

• This reply was modified 7 years, 2 months ago by mikegamble.