danishsq

Hi Frank

As I have already installed Autoptimize and stuggling with these two issues, which option should I choose to fix these issues Autoptimize pro configuration or complete speed optimization.If it is complete speed then it is out of my budget

Yes I have tried critical css; however that is also not working in eliminating this scripts and reducing the score of page speed insights.

What will be the charge to look into this issue and fix the issue.

The another one I wanted to ask is coming from one of the Doctor appointment widget which is placed on Smart Slider. That is creating a render block Javscript on the page. How to fix that and whether u can fix that in you chargeble support

https://www.practo.com/bundles/practopractoapp/js/abs_widget_helper.js

So In total I want the above two Autoptimize .css files fixed and the above .js file fixed for my website.

PS: I have a very small local business which is catering to very limited number of people therefore the budget is very limited.

I am able to fix all other issues except the autoptimize one, for Font issue I have chosen “Arial” as my header font which resolved the issue and I removed the custom CSS to resolve the third issue

Now on the page speed insight results I see these two error

https://www.dentistreebangalore.com/wp-content/cache/autoptimize/css/autoptimize_88687ef8f6f6e82b1e4dafe2f15b1614.css

https://www.dentistreebangalore.com/wp-content/cache/autoptimize/css/autoptimize_88687ef8f6f6e82b1e4dafe2f15b1614.css

Both are same, not sure why it is reflecting twice on the results. Could you please look into this issue and provide the solution to fix this last one ?

I have figured out the root cause of 2nd issue it is getting caused due to font selected in the static slide of Smart Slider Plugin ? Any Inputs you can give to correct that ?

I reached out to Autoptimize also but as the google font settings are inside the plugin Autoptimize is not able to optimize the css delivery of this google font. That is the reason why it is creating issues on google page insights

You can also see that the critical css path is just breaking after the google fonts, thats why the site is not getting optimized fully.

In Autoptimize I have already selected the option to remove google fonts, therefore all other fonts it is compressing and removing however as this is inside the plugin. Autoptimize is unable to read the font and compress it. Therefore the issues lies with font not autoptimize

And as you correctly mentioned I am using Autoptimize to optimize my website through “Inline and Defer CSS” option by deferring the css files after the page load however because of google font that is not getting completed.

Do you think using standard font like “Arial” will help in resolving this CSS issue ?

Do you think the premium solution of generating critical CSS will help through below link to resolve these issues ?

https://criticalcss.com/

Or Do you know any developer forum or support forum which can provide insights on getting resolution to these issues. As earlier mentioned I have zero technical knowledge in figuring this out myself so need some support to resolve the issues.

I tried with above link also ; however the below script is still appearing in Google page speed results ? Can you provide some insights as how to remove this now ?

These are the three scripts I see under Optimize CSS Delivery

1) https://www.dentistreebangalore.com/wp-content/cache/autoptimize/css/autoptimize_404f74ae119cca98e8edecffecebd5f0.css

2) https://fonts.googleapis.com/css?family=Bree+Serif:300,400&subset=latin

(Under Autoptimize menu I selected remove google fonts, not sure why this script is still appearing)

3) https://www.dentistreebangalore.com/?sccss=1&ver=4.9.4

Thanks Frank!! Happy holi to you too ??

I had Async Javascript plugin installed which was creating the issue of rendering .js file above the fold. I have removed the plugin and that has resolved the issue.

However, the CSS issue is still thr. This time I used the below link to generate critical path css

https://www.sitelocity.com/critical-path-css-generator

Now on the results page I have two boxes – Critical Path CSS and Load combined CSS file after page load

Should I combine both and update in Autoptimize ? Appreciate your support!!

I have the same issue for my website. For my website google page insights are showing no issues for desktop; however on the mobile results it is showing render blocking javascripts for below link

https://www.dentistreebangalore.com/wp-content/cache/autoptimize/js/autoptimize_1b28c83630b37f696a7fc30fde06a095.js

and showing Optimize CSS delivery of following
https://www.dentistreebangalore.com/wp-content/cache/autoptimize/css/autoptimize_404f74ae119cca98e8edecffecebd5f0.css

I have regenerated critical css from critical path generator; however I am still getting the problem

PS :- I am not a technical person and built all my website through watching youtube videos, any help in simple language will be much appreciated

Hi Kharis
I have installed and created my website using Sydney Theme the URL is

https://www.dentistreebangalore.com

I have added a widget below the header slider by using custom HTMLwith the help of elementor free tool

<practo:abs_widget widget=”11f7ca91a5b2fc48″></practo:abs_widget><script src=”https://www.practo.com/bundles/practopractoapp/js/abs_widget_helper.js”></script&gt;

The Practo widget is showing on the page while I am on the admin mode in wordpress; however as soon as I logout from wordpress the widget goes Away. I am attaching both the screenshots for your reference. Any help would be much appreciated

I have sent you the screeshots over email.

Thanks

Danish Siddiqui