pagespeed concern Options

[JimiB]

Using https://developers.google.com/speed/pagespeed/insights/ to check on my pages i get this.....
Consider Fixing:
Eliminate render-blocking JavaScript and CSS in above-the-fold content
Your page has 1 blocking CSS resources. This causes a delay in rendering your page.
None of the above-the-fold content on your page could be rendered without waiting for the following resources to load. Try to defer or asynchronously load blocking resources, or inline the critical portions of those resources directly in the HTML.
Optimize CSS Delivery of the following:

http://www.mysite.ie/style.css

Now, please correct me if i am wrong but, isnt style.css intentionally a render blocking file?

[pandy]

You mean that an external CSS file always is "render-blocking"? Yes, I think so if it's intended for screen. Oh my, google optimization makes things so complicated. They recommend the opposite to what we usually recommend here, inline CSS and whatnot.

[Frederiek]

Try by reading:
https://varvy.com/pagespeed/render-blocking.html
https://varvy.com/pagespeed/render-blocking-css.html

[Christian J]

Optimize CSS Delivery of the following:

http://www.mysite.ie/style.css[/b]

That file doesn't exist.

FWIW, http://www.mysite.ie/ doesn't link to any external stylesheets either.

[Christian J]

google optimization makes things so complicated. They recommend the opposite to what we usually recommend here, inline CSS and whatnot.

I wouldn't say that. We recommend avoiding lots of javascript libraries and bloated HTML/CSS templates, which makes the issue moot, since the loading time of a lean page will be almost instantaneous.

To me, Google's advice is just an ad hoc solution for sites using bloated script libraries and HTML/CSS templates.

[pandy]

We recommend external style sheets, don't we?

Regarding libraries, if google doesn't like them, maybe they shouldn't provide them.

[Christian J]

We recommend external style sheets, don't we?

Yes, but not lots of very large ones.

Regarding libraries, if google doesn't like them, maybe they shouldn't provide them.

Google likes its own libraries, it's the rest of the web that must adapt.

[JimiB]

Optimize CSS Delivery of the following:

http://www.mysite.ie/style.css[/b]

That file doesn't exist.

FWIW, http://www.mysite.ie/ doesn't link to any external stylesheets either.

That specific file doesn't exist as "mysite.ie" is not my domain and was just provided as an example.
I am unsure if i am allowed to provide my actual sites link on here as most forums frown upon it as "spam linking".
(have already been ip blocked from a forum on that same issue)

[Christian J]

I am unsure if i am allowed to provide my actual sites link on here as most forums frown upon it as "spam linking".
(have already been ip blocked from a forum on that same issue)

Relevant links is usually OK (unless the post is considered spam by a moderator, of course).

[JimiB]

I am unsure if i am allowed to provide my actual sites link on here as most forums frown upon it as "spam linking".
(have already been ip blocked from a forum on that same issue)

Relevant links is usually OK (unless the post is considered spam by a moderator, of course).

Then i shall chance it.
the reason i stated mysite.ie/style.css is that i was hoping there was a simple resolve to google marking my main stylesheet as render blocking.
my domain is http:www.jimbreslin.ie

[Christian J]

I see nothing wrong with that CSS file or its LINK element. The file size is about 7kB, which should load fast enough not to be a problem for neither Google nor site visitors.

Consider Fixing:
Eliminate render-blocking JavaScript and CSS in above-the-fold content
Your page has 1 blocking CSS resources. This causes a delay in rendering your page.
None of the above-the-fold content on your page could be rendered without waiting for the following resources to load.

While the quoted text is technically correct, it seems completely exaggerated in this case, since the delay is minimal.

[pandy]

That's what I'm saying. They basically don't like external style sheets that don't use media queries.

I wouldn't care, if I were the OP. I think Google misses a point here, namely caching. A style sheet will slow down page loading, yes, but only the first time the page is visited. Next time the style sheet is typically taken from cache.

[Christian J]

Using https://developers.google.com/speed/pagespeed/insights/ to check on my pages

How high PageSpeed score did your page get? Apparently 85-100 is OK according to Google: https://developers.google.com/speed/docs/insights/about

[Christian J]

They basically don't like external style sheets that don't use media queries.

Seems it depends on the CSS file size:

"if the CSS file is large, completely inlining the CSS may cause PageSpeed Insights to warn that the above-the-fold portion of your page is too large via Prioritize Visible Content. In the case of a large CSS file, you will need to identify and inline the CSS necessary for rendering the above-the-fold content and defer loading the remaining styles until after the above-the-fold content."
https://developers.google.com/speed/docs/in...mizeCSSDelivery

There's also difference between using a single CSS file of moderate size, and using dozens of large ones.

I think Google misses a point here, namely caching. A style sheet will slow down page loading, yes, but only the first time the page is visited. Next time the style sheet is typically taken from cache.

They do have a point if visitors get tired of waiting for a slow page to load even the first time.

[pandy]

Does that happen often to you? I don't see them saying anything about the size of the OPs style sheet.

[Christian J]

Does that happen often to you?

What happen?

I don't see them saying anything about the size of the OPs style sheet.

No I meant that they don't like any large stylesheets, neither external nor embedded, unless the stylesheet loading is deferred to after the above-the-fold content. To defer loading of a stylesheet they suggest creating the LINK element with javascript (awful complexity IMHO), while if the stylesheet is small they suggest embedding it.

(BTW, note that the quoted page does not recommend inline STYLE attributes.)

[Christian J]

OT: pandy, I see that you signature has changed. Is the sling removed now?

[pandy]

If the large style sheet is small?

As said, my impression is that they complain about all external style sheets that don't use media queries. Maybe I'm wrong.

What happen?

That you have to wait for a page to load because of the style sheet.

OT: pandy, I see that you signature has changed. Is the sling removed now? smile.gif

Yes. Thanks for asking. It's been off about a month but I'm not allowed to lift more than a kilogram. Healing has gone well and is probably considered completed after the next x-ray in a couple of weeks. Alas rehab is slow and the doctor said I shouldn't expect full recovery. Not because of the injury but because they let me wear the plaster for too long, almost double the recommended time. Reason: they were a little behind in their schedule... I didn't know about the critical time, I was just to wait to be summoned, or I would have gone somewhere else to get the darn thing off. So the elbow stiffened more than necessary. I can straighten the arm almost all the way out now, but that was the easy part. Bending it is worse. Can't wash my face with two hands and need to use an sponge when washing, can't reach the other armpit without it. Needless to say I'm not too thrilled over having a not fully usable arm because of their negligence. Not to speak of that I don't exactly enjoy the about 2½ hours a day I put into trying to force the arm to bend. Nothing to do but to keep trying and I will have to do that for a long time.

[Christian J]

What happen?

That you have to wait for a page to load because of the style sheet.

I don't know. Usually there's a lot of other external files (javascripts, images, etc) on a slow page too. I find it hard to believe a single CSS file would cause much of a delay, unless the file is huge.

they let me wear the plaster for too long, almost double the recommended time. Reason: they were a little behind in their schedule...

Doctors...

Nothing to do but to keep trying and I will have to do that for a long time.

That's the spirit, exercise can do wonders. At least when you don't hurt yourself while exercising, like I use to do.

[pandy]

I don't know. Usually there's a lot of other external files (javascripts, images, etc) on a slow page too. I find it hard to believe a single CSS file would cause much of a delay, unless the file is huge.

Exactly.

Doctors...

The doctors (I've met 5 now and about as many physiotherapists...) were actually good. This is some sloppy secratary's or nurse's fault, a nitwit that couldn't keep track of things.

That's the spirit, exercise can do wonders. At least when you don't hurt yourself while exercising, like I use to do.

I've also begun to enjoy exercise. Not this kind though.