Zach’s ugly mug (his face) Zach Leatherman

Bridgy for Webmentions with Brotli

June 29, 2019

Summary: Just a fair warning if you use the amazing Bridgy service to gather webmentions from social networking sites. It won’t actually work with your site if you’re using Brotli compression. Use gzip for your HTML requests instead of Brotli and it will work fine.


On June 11, 2019 I tweeted:

Unfortunately, I would learn much later that this would cause my webmentions to stop working too!

I logged into webmention.io and had zero new webmentions from Twitter coming in. My webmentions from Twitter come from Bridgy. I logged into my Bridgy admin panel and saw a bunch of errors:

No webmention support: https://www.zachleat.com/web/css-tricks-web-fonts/

Apparently this stopped working when I added Brotli compression to my web site. Bridgy doesn’t support Brotli compression so when it fetches my site it can’t decompress my HTML content for parsing. My site does correctly fallback to uncompressed output when Brotli support is not advertised in the request’s Accept-Encoding header, but unfortunately Google App Engine assumes that all applications support Brotli compression and always includes this in request headers made on the service 😱. Star this issue to ask Google App Engine developers to fix this!

Anyway, I modified my site to compress gzip on HTML requests and use Brotli for everything else (if supported). I’ll go back to full Brotli after this issue is fixed 🏆.

Hope this helps someone else!


< Newer
Reactions to: An Honest Conversation About Burnout on JSParty
Older >
Developing a Robust Font Loading Strategy for CSS-Tricks

Zach Leatherman IndieWeb Avatar for https://zachleat.com/is a builder for the web at IndieWeb Avatar for https://fontawesome.com/Font Awesome and the creator/maintainer of IndieWeb Avatar for https://www.11ty.devEleventy (11ty), an award-winning open source site generator. At one point he became entirely too fixated on web fonts. He has given 83 talks in nine different countries at events like Beyond Tellerrand, Smashing Conference, Jamstack Conf, CSSConf, and The White House. Formerly part of CloudCannon, Netlify, Filament Group, NEJS CONF, and NebraskaJS. Learn more about Zach »

1 Repost

Adactio Links

1 Like

Riccardo Erra

1 Bookmark

IndieWeb Avatar for https://adactio.com
1 Comment
  1. Webrocker

    ‪Good catch. Thank you @zachleat for‬ the write up Just a fair warning if you use the amazing Bridgy service to gather webmentions from social networking sites. It won’t actually work with your site if you’re using Brotli compression. Use gzip for your HTML requests instead of Br… Truncated

Shamelessly plug your related post

These are webmentions via the IndieWeb and webmention.io.

Sharing on social media?

This is what will show up when you share this post on Social Media:

How did you do this? I automated my Open Graph images. (Peer behind the curtain at the test page)