Webサイトの高速表示に注目が集まっています。日本で有名なところと言えば日経新聞のサイトがありますが、PWAやSPAといった技術を活用することで表示を高速化できるようになります。 そんなPWAを駆使してGitHub Trendsを高速化にチャレンジしたソフトウェアがTrendsです。

Trendsの使い方

最初の表示です。APIのレスポンス次第ですが、表示は速いです。

言語を変えるとヘッダーの色が変わります。

期間を変更することもできます。

TrendsはGitHubのGraph APIを使っており、そのキャッシュを活用することで表示を高速化しています。全体の表示も快適で、さくさくと動作します。PWAを実現する上で参考になるテクニックも多数使われていることでしょう。

TrendsはJavaScript製のオープンソース・ソフトウェア(MIT License)です。

Trends hanford/trends: ultra high performance github trending application