Above the fold content

[melodie]

I’m trying to speed up my site and I’m getting a message on both Gmetrix and Google Page speed that tells me to: “Eliminate external render-blocking Javascript and CSS in above-the-fold content.”

I’ve researched this a bit and finally found a plug-in that I think is helping (http://wordpress.org/plugins/async-js-and-css/).

One of the options this plugin offers is an area to add exceptions, which leads me to my question.

The only change this plugin made that I don’t like is a change to the main menu’s background and font colors for sub-categories. The color scheme I had put in place has reverted back to the default color scheme. see screenshot.

So my question is, where do I find the code that indicates my color scheme choices so I can add it to the exceptions area for this plug-in?

Here’s a link to my site:

http://www.asktheastrologers.com

thanks!

[melodie]

The image failed to upload. Here it is:
ATAcategories.png

Attachments:

You must be logged in to view attached files.

[Sushil Adhikari]

For the menu, styling is done from the theme’s theme-customizer.php file (in the “includes” folder) and then the theme’s function.php that inserts inline css into the of the page. There is one other area that does the structure of the menu, which is found in the theme’s style.css file and begins around line 1959 and starts with:

/**
 * 4.2 Navigation
 * ----------------------------------------------------------------------------
 */

You will have to be careful with some of these plugins that do what this one does but also scripts that “minify” css or js, as well move them because they can cause problems. It’s a bit tricky to pinpoint what will work and what won’t with the number of scripts and css that themes and plugins also have, in addition to what is loaded in with WP.

[melodie]

thank you. I’m going to try to add them as exceptions and yes I’m paying attention to see if anything else becomes a problem with this plugin.

[melodie]

Just an update on this… I discovered today that this plugin “broke” both my “home” page and my “shop” page.

it minimized a plugin I had that disabled categories so clicking on any of the images on the home page led to a 404 error. It also messed up the custom gallery on my shop page so that if you clicked on an image, rather than showing the thumbnail it took you to the image itself…

I disabled that plugin and it’s back to the drawing board. Gaining a little speed isn’t worth all the problems that plugin ended up creating.

[Sushil Adhikari]

Understandable….these kinds of plugins can sometimes cause issues as some stylesheets and scripts don’t work well when they are minimized, moved, or even combined with other files of the same format. There’s good optimizing plugins and some bad ones, so it’s a case of trying them out and finding out which one works best for your needs.

[Author]

Posts