Eliminate render-blocking JavaScript and CSS in above-the-fold content


I am using Google's PageSpeed to test my site.  I am getting a message:

Eliminate render-blocking JavaScript and CSS in above-the-fold content

Are there any clear and simple (browser caching for dummies kind of thing) so I can at least get started and understand.

The site is on an Apache (Linux) server and I have the expire and header modules running.  I am not running WordPress.

Please advise and thank you for your time.

Have a great day,

Who is Participating?

[Product update] Infrastructure Analysis Tool is now available with Business Accounts.Learn More

I wear a lot of hats...

"The solutions and answers provided on Experts Exchange have been extremely helpful to me over the last few years. I wear a lot of hats - Developer, Database Administrator, Help Desk, etc., so I know a lot of things but not a lot about one thing. Experts Exchange gives me answers from people who do know a lot about one thing, in a easy to use platform." -Todd S.

Dave BaldwinFixer of ProblemsCommented:
Are you actually having a problem?  If you are not careful, Google's PageSpeed will make you crazy.  I don't think even they can make their own pages meet their 'standards'.

"render-blocking JavaScript" is like the tracking codes that Google and others use that contact another site.  I see them listed frequently in the lower left corner of the browser window while they are waiting to finish.  If you put them up higher in the page, then the part of the page after them has to wait for that code to finish before it is 'rendered'.

There is no "for dummies" on this.  You're dealing with the details of how the browser and the server interact.  The Google pages on the subject are probably your best guide.

Experts Exchange Solution brought to you by

Your issues matter to us.

Facing a tech roadblock? Get the help and guidance you need from experienced professionals who care. Ask your question anytime, anywhere, with no hassle.

Start your 7-day free trial
Lucas BishopClick TrackerCommented:
Before you invest time in this, specifically what script/css file(s) is PSI telling you to fix?

There are certain things you may not want to fix. For example, often they'll include jquery or a css file that references font packages. If you were to load the site before these files, then you'd give the visitor a FOUT, which is actually a worse experience than the microsecond of load time being sacrificed.
GEMCCAuthor Commented:
I would enable PageSpeed and then sometimes the sites would have rendering issues.  As soon I disabled it, the rendering issue would go away.
GEMCCAuthor Commented:
Opted not to "fix" what Google says are issues.
Dave BaldwinFixer of ProblemsCommented:
Good choice.  Thanks for the points.
It's more than this solution.Get answers and train to solve all your tech problems - anytime, anywhere.Try it for free Edge Out The Competitionfor your dream job with proven skills and certifications.Get started today Stand Outas the employee with proven skills.Start learning today for free Move Your Career Forwardwith certification training in the latest technologies.Start your trial today
Search Engine Optimization (SEO)

From novice to tech pro — start learning today.