[Resolved] Css loading problems

[Author]

Posts

[SteffenM1628]

I am trying to:

everytime a page loads it gets the regular style and then loads the css styles in toolet:

this css in a view:

#sorting tr div{
	text-align:center;
	
}
#sorting tr td{
	text-align:center;

here is a short video with some page refreshes:
hidden link

hope you can help.

[Shane]

Hi Steffen,

Thank you for contacting our support forum.

Could you send me a link to the page so that I can see if this issue occurs on my end as well ?

Thanks,
Shane

[SteffenM1628]

Hey Shane,

Great to hear from you.
It is on this page:
hidden link

You still habe the login Informationen to my site to check it.

I have checked it on my phone and the slow css loading is not there.

Cheers

[Shane]

Hi Steffen,

Seems I need to log in to view the exact page.

The issue could be from your browser as well as to how fast it can process all the CSS changes.

The private fields have been enabled so you can send me an account that would allow me to see this.

Thanks,
Shane

[Shane]

Hi Steffen,

I can confirm from my end that this issue doesn't occur on my end.

It seems to be just with your browser.

Thanks,
Shane

[SteffenM1628]

Hey Shane,

i have swapped the css to be in the yellow pencil plugin. now the css loads fast without the problem.

but i do have a jquery plugin sorter on this page and the same happens like with the css in the view.
First it loads the whole site than the jquery is executed.

lets sum it up: everytime a css code or javascript code is in the view. the site is loading and then the code comes in. So everytime the page is loading it jumps like in my video in my first post.

[Shane]

Hi Steffen,

Thanks for the additional information.

Since you mentioned that when you view the site on your mobile there isn't any issue and when I view it I wasn't able to observe the issue then its something with the browser you are using.

If you were to try loading the site from a different PC does the same issue occur ? as checking on a local install that I have with css added, I was not able to see the issue at all.

I tried looking at the page again to see if I could spot any difference but it seems your view is now displaying No Items Found.

Could you check on this and let me know.

Thanks,
Shane

[SteffenM1628]

hey shane,

yes it occurs also on others pc´s. Mobile devices still works great.
i use Chrome.

Here i have set up a test page with a simple html card and css in a content template:
hidden link

Here is a short video how it behaves on my site in my browser:
hidden link

pretty nasty.

hope you can help.

cheers

[Shane]

Hi Steffen,

Yes I can see the issue now. Sometimes this is due to how quickly the server can load everything up.

What I recommend doing is to use caching, this way the custom css would already be loading and should load the styles instantly. A plugin that you can use is the WP-Super Cache plugin.

If this doesn't work for you we can investigate further to try providing some other solutions for this issue.

Looking forward to hearing from you.

Thanks,
Shane

[SteffenM1628]

Hey Shane,

One step further - great that you see the problem now on your side, too.

I am afraid to say that we have to dig deeper in. Because my hoster has caching as a built in feature. So there is no need for caching plugins.

Cheers

[Shane]

Hi Steffen,

Would you mind providing me with a copy of the site so that I can setup locally here ?
To provide the copy please follow the instructions in the link below.
https://toolset.com/faq/provide-supporters-copy-site/

Thanks,
Shane

[SteffenM1628]

Hey Shane here are the files.

how can i send you the login informations?

cheers

[Shane]

Hi Steffen,

I'll enable the private fields for your next reply

[Shane]

Hi Steffen,

So i checked on this link again here:
hidden link

Could you tell me if you're still able to see the issue ?

You mentioned that your hosting has inbuilt caching, it seems they have built a cache for this page so its no longer loading without the css first. Instead everything is loading up fine.

Please let me know as soon as you check.

Thanks,
Shane

[SteffenM1628]

hey Shane,

i played around storing the css code in different locations (WP Customizer, Toolset views, Yellow Pencil Plugin).

This Problem occurs only when i use the Toolset Views/ Content Template Css section. the same is with js.

Please login in to my site (you can use the login informations a sent to you in this thread) and go to this:
Dashboard-> Meine Jobs.
There you will find a view with a table that lists all jobs. Here you can see the problem again.
The view with the css to check is called: Stellenanzeigen Übersicht Tabelle

cheers