Applying filtering

lipatovroman
Topic Author
Offline
Platinum Boarder

4 months 2 weeks ago #74914 by lipatovroman

Replied by lipatovroman on topic Applying filtering

ggppdk wrote: Probably
you have a flexicontent module in these pages

Yes, you are right.
I disabled Search Module and issue is gone.
But this is not filtering module, this is Search module.
So, it's not clear, why it integrate inline filtering script in head of page...

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

ggppdk
Offline
Administrator

4 months 2 weeks ago #74915 by ggppdk

Replied by ggppdk on topic Applying filtering

Hello

so this particular code is causing JS / CSS compression to fail ?

-- Flexicontent is Free but involves a big effort on our part.
Like the our support? (for a bug-free FC, despite having a long list of functions) Like the features? Like the ongoing development and future commitment to FLEXIcontent?
-- Add your voice to the FLEXIcontent JED listing with a 5-star review. Thanks!

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

lipatovroman
Topic Author
Offline
Platinum Boarder

4 months 2 weeks ago - 4 months 2 weeks ago #74916 by lipatovroman

Replied by lipatovroman on topic Applying filtering

I think yes.
When this option CSS Delivery option enabled in JCH Optimize
(The plugin will attempt to extract the critical CSS that is required to format the page above the fold and put this in a <style> element inside the <head> section of the HTML to prevent 'render-blocking'. The combined CSS will then be loaded asynchronously via javascript. Select the number of HTML elements from the top of the page that you want the plugin to find the critical CSS for. The smaller the number, the faster your site but you might see some jumping of the page if the number is too small.)

FC displays text "Applying filtering" at the top of page.
Watch video:
monopics.s3.amazonaws.com/2018-10-04_10-17-37.mp4

Last edit: 4 months 2 weeks ago by lipatovroman.

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

ggppdk
Offline
Administrator

4 months 2 weeks ago - 4 months 2 weeks ago #74918 by ggppdk

Replied by ggppdk on topic Applying filtering

Hello

if it is this particular code
then we have something that is -testable-

i see if i can
- replicate this
- and change / replace this

Last edit: 4 months 2 weeks ago by ggppdk.

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

lipatovroman
Topic Author
Offline
Platinum Boarder

3 months 4 weeks 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 Boarder

3 months 3 weeks ago #75092 by lipatovroman

Replied by lipatovroman on topic Applying filtering

Hello.

Solution:

1. Add in your template inline style

#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

3 months 3 weeks 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.