みなさん、こんにちは！Tiper.live運営チームです。 今回は、最近私たちが取り組んだサイトのパフォーマンス改善についてお話します。特に、トップページの表示速度を劇的に改善できたので、その内容を共有したいと思います。
問題：ページの読み込みが遅い
以前のTiper.liveのトップページは、読み込みに時間がかかっていました。原因を調べたところ、なんとJavaScriptのファイルサイズが約39MBもあることが判明！これは、一般的なウェブサイトのファイルサイズと比較して、非常に巨大です。
この巨大なファイルが、ユーザーのスマートフォンやPCに表示されるたびにダウンロードされていたため、ページの表示が遅くなっていたのです。
解決策1：JavaScriptの軽量化
私たちはこの問題を解決するため、LaravelのビルドツールであるViteを導入し、JavaScriptファイルを分割することにしました。
- 変更前: すべての機能をまとめた約39MBの巨大なファイル
- 変更後: ページごとに必要な機能だけをまとめた、小さなファイル
この改善により、トップページで必要だったJavaScriptファイルは、わずか208KBまで軽量化されました。これは約200分の1のサイズです。
これにより、ページの読み込み時間が大幅に短縮され、皆さんがより快適にサイトを閲覧できるようになりました。
解決策2：データベースの高速化
JavaScriptの軽量化と同時に、もう一つの大きな課題に取り組みました。それは、データベースの処理速度です。
サイトのランキングや新着動画を表示するためのデータベースのクエリが非常に遅く、ページの表示に時間がかかっていました。
この問題を解決するため、頻繁に使われるデータに**「データベースインデックス」**を追加しました。インデックスは、本の索引のようなもので、目的の情報に素早くたどり着くための仕組みです。
この改善により、データベースから情報を取得する時間が劇的に短縮され、サイト全体のレスポンスが向上しました。
まとめ：より快適なサイトを目指して
今回の改善により、Tiper.liveは以前よりはるかに速く、快適に使えるようになりました。しかし、私たちのサイト改善はこれで終わりではありません。
今後も、より良いサービスを提供できるよう、開発を続けていきます。何かご意見やご要望があれば、ぜひコメントでお知らせください。
今後ともTiper.liveをよろしくお願いいたします！