Applying filtering

lipatovroman
Topic Author
Offline
Platinum Member

6 years 1 month ago #75062 by lipatovroman

Replied by lipatovroman on topic Applying filtering

Hello!
I posted ticket in JCH-Optimize helpdesk.

I use default Joomla template and FlexiContent on my site.
When I enable Optimize CSS Delivery option - first time and after each hard reloading page displays text "Applying Filtering"

Watch this video
monopics.s3.amazonaws.com/2018-10-23_11-29-28.mp4

When JCH disabled we can see inline code from FlexiContent:

monopics.s3.amazonaws.com/2018-10-23_11-33-13.jpg

How we can fix this behavior when Optimize CSS Delivery option is enabled?

And I've got this answer

Nothing we can do about it actually. The text sits in the element shown in the browser's development tool below:
monopics.s3.amazonaws.com/2018-10-24_18-47-39.jpg

This was added there by javascript. I can tell because you're not seeing it in the actual HTML source:
monopics.s3.amazonaws.com/2018-10-24_18-48-50.jpg

This means the plugin wouldn't have had that HTML tag to work with to find the CSS for to include in the critical CSS inlined in the HEAD of the document while the page loads.

When the plugin is disabled you can see that there is some CSS in the flexcontent.css file that hides this element:
monopics.s3.amazonaws.com/2018-10-24_18-50-12.jpg

This was not included in the critical CSS because this element was not in the HTML on the server, but added in the browser by javascript. You could try copying this CSS in a STYLE declaration block in the HTML of the page and exclude it from the JCH Optimize plugin.

So, I'm not sure, what to do now and how to fix it...

Please Log in or Create an account to join the conversation.

lipatovroman
Topic Author
Offline
Platinum Member

6 years 1 month ago #75092 by lipatovroman

Replied by lipatovroman on topic Applying filtering

Hello.

Solution:

1. Add in your template inline style

Code:

#fc_filter_form_blocker {
	display: none;
	z-index: 2000;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

Exclude this style in JCH Optimize

Problem solved.

Please Log in or Create an account to join the conversation.

micker
Offline
Administrator

6 years 1 month ago #75121 by micker

Replied by micker on topic Applying filtering

thanks for return

FLEXIcontent is Free but involves a very big effort on our part.
Like the our support? (for a bug-free FC, despite being huge extension) Like the features? Like the ongoing development and future commitment to FLEXIcontent?
-- Add your voice to the FLEXIcontent JED listing reviews. Thanks![/size]

Please Log in or Create an account to join the conversation.