Hi,
I purchased and installed newspaper theme but i am facing an issue with the CSS.
On the first load of the page, without any cache for example in icognito mode, i see a white page with just the text and after a while the css is being loaded. See attached image for reference.
Also, when trying to generate the critical CSS, i am seeing the following console errors and the generate button does nothing.
Error: <svg> attribute viewBox: Expected number, "\\\"0".
xe @ jquery.min.js?ver=3.6.0:2
He @ jquery.min.js?ver=3.6.0:2
append @ jquery.min.js?ver=3.6.0:2
u @ js_files_for_plugin_analyze_css.min.js?ver=381db5cebf26144e1b1ab5f0477be694:3
u @ js_files_for_plugin_analyze_css.min.js?ver=381db5cebf26144e1b1ab5f0477be694:6
(anonymous) @ js_files_for_plugin_analyze_css.min.js?ver=381db5cebf26144e1b1ab5f0477be694:24
z @ js_files_for_plugin_analyze_css.min.js?ver=381db5cebf26144e1b1ab5f0477be694:21
(anonymous) @ js_files_for_plugin_analyze_css.min.js?ver=381db5cebf26144e1b1ab5f0477be694:34
dispatch @ jquery.min.js?ver=3.6.0:2
v.handle @ jquery.min.js?ver=3.6.0:2
c @ rocket-loader.min.js:1
load (async)
t.addEventListener @ rocket-loader.min.js:1
add @ jquery.min.js?ver=3.6.0:2
s.event.add @ jquery-migrate.min.js?ver=3.3.2:2
(anonymous) @ jquery.min.js?ver=3.6.0:2
each @ jquery.min.js?ver=3.6.0:2
each @ jquery.min.js?ver=3.6.0:2
Ee @ jquery.min.js?ver=3.6.0:2
on @ jquery.min.js?ver=3.6.0:2
success @ js_files_for_plugin_analyze_css.min.js?ver=381db5cebf26144e1b1ab5f0477be694:34
c @ jquery.min.js?ver=3.6.0:2
fireWith @ jquery.min.js?ver=3.6.0:2
l @ jquery.min.js?ver=3.6.0:2
(anonymous) @ jquery.min.js?ver=3.6.0:2
load (async)
send @ jquery.min.js?ver=3.6.0:2
ajax @ jquery.min.js?ver=3.6.0:2
s.ajax.s.ajax @ jquery-migrate.min.js?ver=3.3.2:2
(anonymous) @ js_files_for_plugin_analyze_css.min.js?ver=381db5cebf26144e1b1ab5f0477be694:32
dispatch @ jquery.min.js?ver=3.6.0:2
v.handle @ jquery.min.js?ver=3.6.0:2
c @ rocket-loader.min.js:1
jquery.min.js?ver=3.6.0:2 Error: <circle> attribute cx: Expected length, "\\\"50\\\"".
xe @ jquery.min.js?ver=3.6.0:2
He @ jquery.min.js?ver=3.6.0:2
append @ jquery.min.js?ver=3.6.0:2
u @ js_files_for_plugin_analyze_css.min.js?ver=381db5cebf26144e1b1ab5f0477be694:3
u @ js_files_for_plugin_analyze_css.min.js?ver=381db5cebf26144e1b1ab5f0477be694:6
(anonymous) @ js_files_for_plugin_analyze_css.min.js?ver=381db5cebf26144e1b1ab5f0477be694:24
z @ js_files_for_plugin_analyze_css.min.js?ver=381db5cebf26144e1b1ab5f0477be694:21
(anonymous) @ js_files_for_plugin_analyze_css.min.js?ver=381db5cebf26144e1b1ab5f0477be694:34
dispatch @ jquery.min.js?ver=3.6.0:2
v.handle @ jquery.min.js?ver=3.6.0:2
c @ rocket-loader.min.js:1
load (async)
t.addEventListener @ rocket-loader.min.js:1
add @ jquery.min.js?ver=3.6.0:2
s.event.add @ jquery-migrate.min.js?ver=3.3.2:2
(anonymous) @ jquery.min.js?ver=3.6.0:2
each @ jquery.min.js?ver=3.6.0:2
each @ jquery.min.js?ver=3.6.0:2
Ee @ jquery.min.js?ver=3.6.0:2
on @ jquery.min.js?ver=3.6.0:2
success @ js_files_for_plugin_analyze_css.min.js?ver=381db5cebf26144e1b1ab5f0477be694:34
c @ jquery.min.js?ver=3.6.0:2
fireWith @ jquery.min.js?ver=3.6.0:2
l @ jquery.min.js?ver=3.6.0:2
(anonymous) @ jquery.min.js?ver=3.6.0:2
load (async)
send @ jquery.min.js?ver=3.6.0:2
ajax @ jquery.min.js?ver=3.6.0:2
s.ajax.s.ajax @ jquery-migrate.min.js?ver=3.3.2:2
(anonymous) @ js_files_for_plugin_analyze_css.min.js?ver=381db5cebf26144e1b1ab5f0477be694:32
dispatch @ jquery.min.js?ver=3.6.0:2
v.handle @ jquery.min.js?ver=3.6.0:2
c @ rocket-loader.min.js:1
jquery.min.js?ver=3.6.0:2 Error: <circle> attribute cy: Expected length, "\\\"50\\\"".
xe @ jquery.min.js?ver=3.6.0:2
He @ jquery.min.js?ver=3.6.0:2
append @ jquery.min.js?ver=3.6.0:2
u @ js_files_for_plugin_analyze_css.min.js?ver=381db5cebf26144e1b1ab5f0477be694:3
u @ js_files_for_plugin_analyze_css.min.js?ver=381db5cebf26144e1b1ab5f0477be694:6
(anonymous) @ js_files_for_plugin_analyze_css.min.js?ver=381db5cebf26144e1b1ab5f0477be694:24
z @ js_files_for_plugin_analyze_css.min.js?ver=381db5cebf26144e1b1ab5f0477be694:21
(anonymous) @ js_files_for_plugin_analyze_css.min.js?ver=381db5cebf26144e1b1ab5f0477be694:34
dispatch @ jquery.min.js?ver=3.6.0:2
v.handle @ jquery.min.js?ver=3.6.0:2
c @ rocket-loader.min.js:1
load (async)
t.addEventListener @ rocket-loader.min.js:1
add @ jquery.min.js?ver=3.6.0:2
s.event.add @ jquery-migrate.min.js?ver=3.3.2:2
(anonymous) @ jquery.min.js?ver=3.6.0:2
each @ jquery.min.js?ver=3.6.0:2
each @ jquery.min.js?ver=3.6.0:2
Ee @ jquery.min.js?ver=3.6.0:2
on @ jquery.min.js?ver=3.6.0:2
success @ js_files_for_plugin_analyze_css.min.js?ver=381db5cebf26144e1b1ab5f0477be694:34
c @ jquery.min.js?ver=3.6.0:2
fireWith @ jquery.min.js?ver=3.6.0:2
l @ jquery.min.js?ver=3.6.0:2
(anonymous) @ jquery.min.js?ver=3.6.0:2
load (async)
send @ jquery.min.js?ver=3.6.0:2
ajax @ jquery.min.js?ver=3.6.0:2
s.ajax.s.ajax @ jquery-migrate.min.js?ver=3.3.2:2
(anonymous) @ js_files_for_plugin_analyze_css.min.js?ver=381db5cebf26144e1b1ab5f0477be694:32
dispatch @ jquery.min.js?ver=3.6.0:2
v.handle @ jquery.min.js?ver=3.6.0:2
c @ rocket-loader.min.js:1
jquery.min.js?ver=3.6.0:2 Error: <circle> attribute r: Expected length, "\\\"50\\\"/".
website: http://www.agrinio-sports.gr
Hi,
I just checked your website and this is now loading faster, I think that you have now set a cache. If you want to check some pagespeed indications, you can check our guide https://forum.tagdiv.com/how-to-make-the-site-faster/
About generate critical css, from what is see in the screen that you provided seems to be some js problems. It can be because a plugin conflict, if you want, you can make a test only with tagDiv plugins, the problem should no longer persist. In case that the problem persists, please let me know.
Thank you!
Hello,
I managed to fix the issue with the JS it was related to cloudflare cdn.
But the issue with the shifting layout still exists. You can see the video attached where the unstyled page is shown for a second.
Hi andreaskas,
I see that you are still using cdn, please disable the Rocket loader from it -> https://forum.tagdiv.com/cloudflare-cdn/ and check again.
Let me know the results!
Hello,
I disabled rocket loader but the issue still persists.
Thanks
Another issue i noticed is that although i have sign-in & join disabled from the header options through theme settings, i can still see the login/register link on the header. The same applies for the comments section within a post. Comments are disabled but the comments section is shown without the form.
Hi,
For the problem with slow css, we’ll like to take a closer look. If you agree, please make a full backup and contact us via email at contact@tagidv.com please provide wp-admin and cPanel access. We’ll check it as soon as possible.
I think that you are referring to this https://i.imgur.com/hMpDRnH.png this login need to be removed using tagDiv Composer, edit the homepage and use the right click on that element to delete it.
You need to do the same on posts, edit the single post template with tagDiv composer,
select the comments section and using the right lick delete that element.
Thank you!
email has been sent
