我开发了一个使用 1 个本地和 1 个远程 MySQL 数据库的 HTML5、PHP/MySQL 网站。当用户登录该站点时,他会看到一个“主页”,其中显示(取决于用户)1 到 10 个 jQuery选项卡。
每个选项卡执行一个 PHP 包含命令以包含一个自包含的代码块,该代码块打开远程数据库的数据库句柄,获取 SQL 结果,处理并关闭它,打开本地数据库的句柄,获取 SQL 结果,处理并关闭它,然后输出一个 HTML 表格。然后该表将显示在选项卡中。
问题是显示多个标签(4+)时,页面加载时间有点慢,有时长达 10 秒。该站点位于托管服务器上,我认为该服务器与远程数据库有快速连接(与我的 XAMPP 开发设置不同)。
有没有办法加快页面加载时间?
我正在考虑使每个选项卡的内容成为 iframe,这将打开该选项卡的关联“表格制作”代码块。当然,这意味着对于具有 5 个选项卡的主页,浏览器将有效地打开 6 个页面(主页和 5 个选项卡本身是独立的页面)。
还是有更聪明的方法来实现更快的页面加载?