Render-blocking CSS

Hello Vineet,
Looks like you are trying to enqueue a CSS stylesheet improperly.
Can you please share the content within your functions.php file?

Hi Walter

Thanks for looking into this

Below is the functions.php file of my website –

[code moderated - follow the forum guidelines for posting code - https://codex.www.ads-software.com/Forum_Welcome#Posting_Code - and use the https://pastebin.com/%5D

Hello Vinjain,
I don’t see the issue here.
Can you paste here the content of the ‘/inc/styles.php’ file please?
Please make sure you use backticks when pasting code.

Please DO NOT post giant chunks of code — use gist.github.com or wpbin.io and paste a link here. (Just sayin’)

apologies for pasting the code directly here…didn’t know about backticks option. But will ensure from now that it won’t happen again

Thanks Steve & Walter

Walter – I have added the inc/styles.php file in gist.github as suggested by Steve.
Please find that file here in this link below
https://gist.github.com/anonymous/f4c2fb125fcf99cd59690b1bb0f30078

Since I am using this github for the first time so I hope I’ve done everything right and you are able to see what you asked for

In Google page speed test online tool, my website scores are not bad..
Mobile – 91/100 & Desktop – 97/100…..but still when anyone open our website, it takes too long to load or open on their device (desktop or mobile both).

I did everything I could but seems like it only improves the score but doesn’t make any effect in latency or loading issue (which is the main point of concern for me)

Any help would be really appreciated

Thanks
Vineet Jain

Hello Vineet,
From my end, your website load perfectly.
What I’m trying to find is why you have this enqueue of CSS incorrectly:

https://www.ilampion.compath_to_style.css/?ver=4.5.3

Do you have installed a plugin to insert custom CSS?
Do you use any caching plugin?

Regards,

If I had to guess, a sample wp_enqueue_style() function has been added somewhere. It would look something like:

wp_enqueue_style( 'mystyle', 'path_to_style.css' );

Can you try searching your theme files for

wp_enqueue_style('mystyle

or

wp_enqueue_style( 'mystyle

Hello Walter

Yes, I’ve installed a TJ Custom CSS Plugin to insert custom css.
and also using W3 Total Cache Plugin

Regards
Vineet

Hello vinjain,
Try temporary deactivating TJ Custom CSS Plugin and clear W3 Total Cache Plugin cache and run a new test and let us know please.

Hi Walter

I temporary deactivatdc TJ Custom CSS Plugin, cleared Cache via W3 Total Cache plugin…and after some time when i run the test..unfortunately it was just the same result

kindly let me know what else I must do next in order to fix this error

When you use the Chrome or Firefox code inspector, do you spot errors / conflicts with CSS and JS files ? (right click on page > inspect in chrome > then go to console tab – around same in Firefox).

CSS rules can conflict sometimes, but i doubt it’s the real issue.

Hi Digico

Here is what i get when I clicked on “Console Tab” in Inspect Chrome.

Failed to load resource: net::ERR_NAME_NOT_RESOLVED
https://www.ilampion.compath_to_style.css/?ver=4.5.3

JQMIGRATE: Migrate is installed, version 1.4.1
autoptimize_6eb6ee0….js?050962:5

and when I click on compath_to_style.css file link, it shows nothing inside. I took a snapshot of it and saved it in JPEG format but don’t see any option to share it in the post here..so I copy-paste the message here to share it with you.

@vinjain, did you do the search I asked you to in my previous post. I’m sure that’s the issue, you just need to find the offending code.

The file doesn’t exist, but a theme or plugin has tried to load ‘path_to_style.css’ because it’s left behind some tutorial or placeholder code.

EDIT: A search for “path_to_style.css” on Google shows that the “ultimate hover effects” plugin has this issue:
https://github.com/wp-plugins/ultimate-hover-effects/blob/master/ultimate-hover-effects.php#L49

Are you running that plugin?