OpenLayersのraster sourceを使ってRGBを操作し色味を変更する

OpenLayersを使ったWebGISを開発中。背景地図をグレースケール化したいため、以下のサンプルをいじってみた。

https://openlayers.org/en/latest/examples/color-manipulation.html

クライアントサイドで画像のRGMを操作し色合いの変更を動的に行うサンプル。

クライアントで画像操作をするので実行速度が気になったので自分でも実装してみた。
地理院タイルをグレースケール化したサンプル。

明らかに表示速度が悪化しました。これでは製品には使えません。