PageSpeed Insights and Bootstrap

Hi everybody.
I've finally decided to face the annoying problem of SEO optimization. I'm using PageSpeed Insights and there are some things which are confusing me a bit.

The one I want ask about here is this: PSI tells me to Eliminate render-blocking JavaScript and CSS in above-the-fold content; I've put anything but bootstrap.min.css in the footer but I still receive the same message. I've put even bootstrap.min.css in the footer and not only I've got a horrible effect loading page (it appears without any css attached for a fraction of second) but the message is still here.

They suggest to optimize CSS delivery. If I understand correctly, I should have to extract from bootstrap the essential rule to give my page a decent aspect and the using the suggested javascript (https://developers.google.com/speed/docs/insights/OptimizeCSSDelivery) function to defer the loading of the rest of the css. Is this correct?

Thank you
LVL 32
Marco GasiFreelancerAsked:
Who is Participating?
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:
PageSpeed makes some recommendations that are ridiculous if carried to the extreme.  Google doesn't even try that hard to follow those suggestions.  I have just made some basic mods to my pages and left it at that.
0

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
Marco GasiFreelancerAuthor Commented:
Thank you Dave for your response. I tend to agree with you but I0m just playing now to understand bettersome things have always been obscure to me. For instance: I use a small function to minify the html on the fly but it looks like Pagespeed wants it be minified the "phisical" file which resides on the server. In fact if I use View source tool in the browser I see the html minified but Pagespeed still tells me to minify it.
0
Dave BaldwinFixer of ProblemsCommented:
No, PageSpeed wants you to gzip the files.  But that is something your server does, not you.  This page describes it.  https://varvy.com/pagespeed/enable-compression.html
0
Ultimate Tool Kit for Technology Solution Provider

Broken down into practical pointers and step-by-step instructions, the IT Service Excellence Tool Kit delivers expert advice for technology solution providers. Get your free copy now.

Marco GasiFreelancerAuthor Commented:
Yes. I tried both the suggestion for the .htaccess but PageSpede insists telling me that I have to minify HTML.
btw, I really don't understand a thing. I use bootstrap as many do, so the basic website layout depends on bootstrap rules (container, rows and columns, the carousel and so on). PageSpeed before makes me defer the css loading then complains that the above-the-fold section of the page depends on deferred styleshhets to be correctly displayed!

Do they really want I extract parts of the bootstrap.css to load them before and load the rest later? I'm almost sure which if I did, PageSpeed tell me to defer event the partial bootstrap file...

In addition, though stylesheets be lazy loaded through loadCSS() function, still I'm asked to eliminate render-blocking files, that is the css which are loaded through loadCSS.

Everytime I try to understand PageSpeed I end up leaving it away :) Probably this means you're right.

Do you think vary.com tools are better? Anyway they too suggest to prioritize content... And they notify about render-blocking files but they don't tell which files are render-blocking:

Summary
CSS and JS ok
I'll follow your suggestion: just don't care too much ;)

Thank you
0
Marco GasiFreelancerAuthor Commented:
Thank you Dave
0
Dave BaldwinFixer of ProblemsCommented:
Try this site:  https://gtmetrix.com/  I think it gives you more info about what's happening.
0
Marco GasiFreelancerAuthor Commented:
Thank you for the link. I'm gong to check it right now. Cheers
0
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
Web Development

From novice to tech pro — start learning today.

Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.