jetpack css suggestion devs

@jeherve can you update this?

https://gist.github.com/jeherve/df4e349a209d532a7978

Hi there!

The file is minified already, and we do have some logic in place so it will not be loaded unless you use at least 3 of the features that require CSS that is present in the concatenated CSS file. In your example, if you only use 2 Jetpack features (Extra sidebar widgets and Related Posts), the concatenated jetpack.css file will not be enqueued on your site.

If it is currently loaded, it is because you use at least one other feature that includes CSS that is available in the concatenated version. For reference, the concatenated CSS file currently includes CSS from the following features:

• Carousel
• Contact Form
• Infinite Scroll
• Likes
• Related Posts
• Sharing
• Shortcode embeds
• Subscriptions
• Tiled Galleries
• Extra Sidebar Widgets

If you use a CSS concatenating plugin, I would recommend that you exclude that one file from your configuration, to avoid issues when concatenating things twice.

In the future, we may iterate on that concatenation feature some more, as you suggested, or we may remove it altogether since that type of concatenation is less important today than it was when we first introduced this feature in Jetpack years ago.

Until then, you can indeed use the jetpack_implode_frontend_css filter to disable concatenation, as explained here:

https://developer.jetpack.com/hooks/jetpack_implode_frontend_css/

You do not really anything on top of that filter, since each stylesheet is then only enqueued on pages where it is needed.

I hope this clarifies things a bit.

Hola Jeremy!
You are a genius, your are in another level.

Yes I use also Carousel, related and cookies.
With litespeed cache plugin and UCSS give me error layout when the unique CSS process UCSS with jetpack.css, no is compatible, now I understand why.

With your old filter (I use) I have the 3 css and maybe can concatenated and use the UCSS without error, I need test and time for process UCSS.

With the new filter, I can have 2 or 3 css if I have one gallery
No will work with the litespeed cache, but I can remove from concatenated with jetpack.css and /jetpack/modules/ and i will have the necessary css but with more files request.

I add for remove in the old filter some infinity scrolls for new themes, I dont no if that is correct.

wp_deregister_style( 'infinity-twentytwentyfour' ); // Infinite Scroll - Twenty 24

I reduce like 15kb the jetpack css
I think the two filters are good, the new automatic is better but no will work with litespeed cache UCSS just that.

Th best solution (my case) Is use old filter, concatenated and/or use UCSS litespeed (for no have many request files).
Or auto filter with UCSS and remove the jetpack css of concatenated css
If jetpack can add inline the css just for no have many files request, but is ok, I dont no what is better, inline UCSS or 1 or 4 files.

Maybe in javascript can be one good idea use the preload for better INP in carousel as option?

The cookie advert now is in english, before some times ago was in spanish automatically, I dont no if is me, one translation problem or script.
And is one old widget, no is one block.

If you know how change the loading circle gallery to one color and can, send me one script or the class color, because the page is white and the loading is white, I like blue color. Or add to task list, most websites are white!

Thank you for your explanation and time!
Have a nice day!

Post date, maybe i am confusing, this no work true?

function jeherve_remove_all_jp_css() {
wp_deregister_style( 'AtD_style' );                    // After the Deadline
etc

So always load the css necessary automatic and no is possible load always the 3 css for use with litespeed cache.

Yes now I understand!! sorry work perfect.
Just no is posible concatenated or put inline, but run ok.

Hi @guillermo77,

I’m glad to hear that you were able to resolve the issue! Given that everything is working now, the thread has been marked as resolved. If anything else comes up, please feel free to open a new thread, and we’ll be happy to assist.

Best!