1 つのローカルおよび 1 つのリモート MySQL データベースを使用する HTML5、PHP/MySQL Web サイトを開発しました。ユーザーがサイトにログインすると、(ユーザーに応じて) 1 ～ 10 個の jQueryタブが表示される「ホームページ」が表示されます。
各タブは、PHP の include コマンドを実行して、リモート DB への DB ハンドルを開き、SQL 結果をフェッチし、それを処理して閉じ、ローカル DB へのハンドルを開き、SQL 結果をフェッチし、それを処理する自己完結型のコード ブロックを含めます。閉じて、HTML テーブルを出力します。このテーブルがタブに表示されます。
問題は、show に複数のタブがある場合 (4+)、ページの読み込み時間が少し遅くなり、場合によっては最大 10 秒になることです。サイトはホストされたサーバー上にあり、リモート DB への高速接続があると想定しています (私の XAMPP 開発セットアップとは異なります)。
ページの読み込み時間を高速化する方法はありますか?
私は、各タブのコンテンツを iframe にする方法に沿って考えていました。これにより、そのタブの「テーブル作成」コードの関連ブロックが開きます。もちろん、これは、5 つのタブを持つホームページの場合、ブラウザは実質的に 6 つのページを開くことを意味します (ホームページと 5 つのタブは独立したページです)。
または、ページの読み込みを高速化するよりスマートな方法はありますか?