|
anotheropus
|
February 3, 2017 at 10:17 am
When I run GT Metrix I get an F grade for Inline small CSS.
There are others besides Event Espresso, and I’m talking to those plugin developers also.
Here’s the one you can help with.
Inline small CSS
The following external resources have small response bodies.
Inlining the response in HTML can reduce blocking of page rendering.
https://tannergunshow.com/ should inline the following small resources:
https://tannergunshow.com/wp-content/plugins/eea-events-social-sharing/assets/espresso_social_buttons.css?ver=1.0.p
I want to optimize the speed of all my sites and my client’s sites.
Please help me understand how to resolve this issue.
Thank you,
Chris
|
|
Tony
|
February 3, 2017 at 10:34 am
Hi Chris,
This:
The following external resources have small response bodies.
Inlining the response in HTML can reduce blocking of page rendering.
In other words means:
‘The content of those files is small, add them inline rather than including them in a separate resource’
I tested your site in GT Metrix and can see the various plugins (and the theme) resource files that the warning is being thrown for, however they are all completely independent files containing styles specifically for their plugin output, so the question is how else would you like for us (and the others) to output those resources?
One option you have is to minify the CSS and JS files in use in your site into a single file, for example using:
https://en-gb.wordpress.org/plugins/bwp-minify/
However note that doing so can often cause problems with some plugins/functions that relay on the JS to be a certain way, for example using the above will break the EE4 Calendar, so you need to exclude the calendars scripts from being minified, see:
https://eventespresso.com/topic/event-calendar-add-on-will-not-display/#post-163025
Optimizations such as these are all well and good be you’ll need to fully test the system when doing so to confirm everything continues to work as expected with each optimization you make.
|
|
anotheropus
|
February 3, 2017 at 11:05 am
Thank you Tony.
As always, you guys are the fastest to respond. Amazing customer service!
I use CloudFlare and compared performance vs. using several WordPress speed optimization plugins. No matter which mix of plugins, one or more, in different combinations, CloudFlare always outperforms them). I have CloudFlare set to Auto Minify JavaScript, CSS, and HTML.
I was hoping, with your experience, I’d learn a new trick to help give me a better grade for both Inline CSS and Query Strings in Static Resources.
While I’m digging in and learning how to increase website speeds, and so improve their GTMetrix and YSlow scores, I’m hoping to find a universal solution.
Would you advise to ignore these scores and focus on easier things to fix?
Thank you,
Chris
|
|
Josh
|
February 3, 2017 at 11:11 am
Hi Chris,
If the CSS stylesheets are getting properly concatenated into one file, why are you getting test results that say they’re in separate files? You’ll need to make the call on whether you want to concatenate the CSS into one file, use minification, or both.
|
