Compatibility with BigPipe

Postponed till everybody got enough snacks to spare.

Another problem with BigPipe:
Before blazy:2.17, Masonry with Flexbox and Native Grid, although not so great implementations, had been made to play nice with BigPipe until we have VIS or IO infinite pagers. Once we have infinite pagers along with BigPipe, they stopped working.

Since 2.17 we had to remove supporting BigPipe for infinite pagers to work with a heads up that BigPipe will now screw up Masonry:
https://git.drupalcode.org/project/blazy/-/blob/8.x-2.17/docs/TROUBLESHO...

This seems like a major issue, and a reason to avoid the current version of this module. I am using Splide 2.0.1 and it's broken when big pipe is enabled.

The purpose of this module is optimize loading of static content. Having to disable big pipe is not worth it in many cases.

Is the fix implemented in Slick 2.8? Is the issue in Blazy or the other dependent modules?

Blazy copied core/once, but the proposed fix is to update core/once? Are we waiting for that to happen, or can we implement in dBlazy.once?

I have a hunch that it's possible to implement this differently without duplicating/modifying once. If the issue is with loading the css in order, is it possible to load the required css on the first page load, instead of via ajax?

It is a bit problematic, indeed.

Details are in the links of the OP under Problem/Motivation for most of your questions.

It is not about Blazy. It is BigPipe.

You already proved it yourself;

• Enabling BigPipe caused Blazy broken.
• Disabling BigPipe Blazy works fine.

The underlying issue is the assets, JS and CSS, reorders as noted in the link above.

You will have issues when assets are re-ordered. It is a public knowledge.

For years, we tried to be compatible, but when we did, it also broke some other behaviors noted in #4.

That is why it is a bit problematic, and the issue is intentionally left open to avoid more similar dup issues.

The fix should be in the core. Blazy just tried to minimize it with some fragile workarounds while core issue is still not fixed.

For now, your preference is the way to go, if you want BigPipe, uninstall Blazy, and vice versa.

In case misunderstood, the current workarounds as noted in the OP makes Blazy compatible with BigPipe for almost 99%.
For normal usages, both should be compatible with those workarounds.

The remaining 1%, as noted in #4 and likely few more edge cases, are still screwed up, normally due to dynamic contents like AJAX which makes the workarounds screwed up, too.

The two reasons this issue is left open are:

• to avoid dup reports seen anywhere else.
• to remove workarounds if core fixes it in the linked issue.

The latest fix should remove the needs for the OP workarounds, i.e.: adding processed class ala jQuery.once.
With or without current workarounds should work without issues as seen at grids (without workarounds) and the rest left intact (with some workarounds).

We'll not backport this to avoid potential regressions.
Leaving this open till the next few releases to verify if regressions.

If anyone found any regressions or misses, feel free to update or report.

Thank you.

The last found issue is here:
🐛 Slick Media Display on Commerce Product Variations not working correctly Active

With the fix:
https://git.drupalcode.org/project/blazy/-/commit/d1bb571a4f8b553a550c7c...

    // Adds bio.ajax to fix product variation AJAX within BigPipe.
    // Views AJAX will automatically work, however to support other non-views
    // AJAX, add more conditions to your custom hook_blazy_settings_alter.
    if ($type = $blazies->get('field.entity_type')) {
      if ($type == 'commerce_product_variation') {
        $blazies->set('use.ajax', TRUE);
      }
    }

Basically non-views and variation AJAX needs to load blazy/bio.ajax library only if BigPipe is present.
Implementing a custom hook_blazy_settings_alter as above should fix the issues within BigPipe environment.

Closing this for now.

What the fix did was only touching js-related issues, not CSS.
Leaving the obvious CSS re-order issue in the OP to BigPipe since Blazy nor any other modules can solve this last bit.

Automatically closed - issue fixed for 2 weeks with no activity.