HTTP/2 Push not working for woff2 & webp files

Hey guys,

I have HTTP/2 push working when not using CloudFlare, via Litespeed and the following rules:

Header add Link "</fonts/SearchCandyBold.woff2>; rel=preload;  as=font; type=font/woff2; crossorigin"
Header add Link "</fonts/SearchCandyRegular.woff2>; rel=preload; as=font; type=font/woff2; crossorigin"
Header add Link "</images/seo-dashboard.webp>; rel=preload; as=image/webp; crossorigin"

Unfortunately when I turn on CloudFlare, only the CSS/JS files seem to be pushed.

I’m using LSCache WordPress plugin.

Does anyone have any insight into this?

I have tried reading other threads but don’t see a solution.

Thanks in advance.

Bump!

Bumpini bump bump

I think @eva2000 is doing a lot of the pushy thingies :slight_smile:

Thanks Sandro! Hopefully they can contribute :slight_smile:

I’d also post the domain, otherwise one cant debug anything.

try removing crossorigin and type for fonts - yeah not to spec

3 Likes

Big thanks for the help @eva2000!

Ahhh, so close but so far! I remember now having this issue when I first got push working via Litespeed only.

If you remove “type=font/woff2;” push technically works, but not properly, adds a big speed delay as Chrome double loads the files:

Perhaps this is the same duplicate issue I realise now: HTTP2 Server Push + WOFF2 files

So I guess the problem is with CloudFlare’s implementation…

@Zol did you ever solve your issue?

Apologies, it is https://www.searchcandy.uk/

So looks like the issue is with CloudFlare’s implementation.

Other’s have the same issue it seems.

Hopefully someone at CloudFlare can help, have submitted a ticket.

Solution found: Move to Quic[.]Cloud.

HTTP/2 push works out of the box on every file type I tested.

CloudFlare simply does not have a working HTTP/2 push implementation.

This topic was automatically closed after 30 days. New replies are no longer allowed.