New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

How to correct include loadCss #243

Open
Mike667 opened this Issue Nov 4, 2017 · 5 comments

Comments

Projects
None yet
5 participants
@Mike667

Mike667 commented Nov 4, 2017

Hi, how to correct include loadCss. Google PI say: Your page has 3 blocking CSS resources. This causes a delay in rendering your page.

But css will loaded after page load. What is wrong?

https://developers.google.com/speed/pagespeed/insights/?hl=en&url=https%3A%2F%2Fdev.erive.net%2Feconometrica%2Fpage-solutions.html&tab=desktop

Before body close tag i use loadCss and loadCss polyfill scripts from this example https://master-origin-loadcss.fgview.com/test/preload.html

@rfgamaral

This comment has been minimized.

Show comment
Hide comment
@rfgamaral

rfgamaral Nov 6, 2017

I have a feeling that I'm having a similar issue as I posted here: addyosmani/critical#251.

rfgamaral commented Nov 6, 2017

I have a feeling that I'm having a similar issue as I posted here: addyosmani/critical#251.

@shrpne

This comment has been minimized.

Show comment
Hide comment
@shrpne

shrpne Nov 14, 2017

Pagespeed Insights has had trouble identifying loadCSS as async in some implementations.

According to #193 (comment)

BTW, I'm experiencing same issue and wonder if it can be fixed

shrpne commented Nov 14, 2017

Pagespeed Insights has had trouble identifying loadCSS as async in some implementations.

According to #193 (comment)

BTW, I'm experiencing same issue and wonder if it can be fixed

@rsteinwand

This comment has been minimized.

Show comment
Hide comment
@rsteinwand

rsteinwand Dec 4, 2017

I don't have this issue but didn't have it with Google's script either.

I inline my critical css in the head, followed by my postloaded style sheet. My external script loads deferred just before the closing head tag.

My CssRelPreload script is with the rest of my inlined scripts just before my closing body tag.

rsteinwand commented Dec 4, 2017

I don't have this issue but didn't have it with Google's script either.

I inline my critical css in the head, followed by my postloaded style sheet. My external script loads deferred just before the closing head tag.

My CssRelPreload script is with the rest of my inlined scripts just before my closing body tag.

@JMPerez

This comment has been minimized.

Show comment
Hide comment
@JMPerez

JMPerez Jan 8, 2018

@Mike667 According to pagespeed there are only 2 blocking CSS.

Your page has 2 blocking CSS resources. This causes a delay in rendering your page.

Did you update anything?

JMPerez commented Jan 8, 2018

@Mike667 According to pagespeed there are only 2 blocking CSS.

Your page has 2 blocking CSS resources. This causes a delay in rendering your page.

Did you update anything?

@Mike667

This comment has been minimized.

Show comment
Hide comment
@Mike667

Mike667 Jan 9, 2018

@JMPerez im return old style

<link rel="stylesheet" href="css/style.css">

because i have issues with JS in old and mobile browsers and styles don't include to page.

Now i paste <link rel="stylesheet" href="css/style.css"> in head or after body and its okay for me. Google page insigns show 90+ bal.

Mike667 commented Jan 9, 2018

@JMPerez im return old style

<link rel="stylesheet" href="css/style.css">

because i have issues with JS in old and mobile browsers and styles don't include to page.

Now i paste <link rel="stylesheet" href="css/style.css"> in head or after body and its okay for me. Google page insigns show 90+ bal.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment