问题标签 [page-load-time]

我开发了一个使用 1 个本地和 1 个远程 MySQL 数据库的 HTML5、PHP/MySQL 网站。当用户登录该站点时，他会看到一个“主页”，其中显示（取决于用户）1 到 10 个 jQuery选项卡。

每个选项卡执行一个 PHP 包含命令以包含一个自包含的代码块，该代码块打开远程数据库的数据库句柄，获取 SQL 结果，处理并关闭它，打开本地数据库的句柄，获取 SQL 结果，处理并关闭它，然后输出一个 HTML 表格。然后该表将显示在选项卡中。

问题是显示多个标签（4+）时，页面加载时间有点慢，有时长达 10 秒。该站点位于托管服务器上，我认为该服务器与远程数据库有快速连接（与我的 XAMPP 开发设置不同）。

有没有办法加快页面加载时间？

我正在考虑使每个选项卡的内容成为 iframe，这将打开该选项卡的关联“表格制作”代码块。当然，这意味着对于具有 5 个选项卡的主页，浏览器将有效地打开 6 个页面（主页和 5 个选项卡本身是独立的页面）。

还是有更聪明的方法来实现更快的页面加载？

在注意到我的一个网站上的加载时间非常缓慢后，我开始在 Pingdom 上运行一些测试 - http://tools.pingdom.com/

我一直在比较 2 个站点，最大的区别是“连接”时间。在较慢的站点上，它大约为 2.5 秒，而在我的其他站点上，它下降了大约 650 毫秒。我想值得一提的是，速度较慢的网站是由另一家公司托管的。

Pingdom 提供的唯一定义是“Web 浏览器正在连接到服务器”。我希望

1. 有人可以为我详细说明一下，并且
2. 为我指明解决问题的方向。

提前致谢

如果我的页面包含以下内容：

有人可以澄清一下我的理解是否正确，首先加载哪个？

1. 加载所有 HTML 和图像。
2. 加载 CSS 并应用 CSS 样式
3. 然后，调用 $.ajax 调用。
4. 渲染整个页面。

我被要求开发一个包含 6 个选项卡的选项卡面板，每个选项卡有 30 到 40 个元素。每个选项卡都充当累积个人详细信息的表格，最后一个选项卡是摘要页面，显示在前五个选项卡中输入的所有值。我被要求提供摘要作为选项卡，因为用户可以在任何情况下导航到摘要选项卡并查看他/或查看摘要输入的详细信息。我正在关注 ExtJs MVC 模式。有效负载来自/去往 Spring MVC 应用程序。(JSON)

在控制器中使用选项卡更改事件，如果新选项卡是摘要，我将使用显示隐藏功能呈现页面。

方法 1：在控制器中，我使用了 Ext.getCmp('选项卡内每个元素的 ID') 并根据用户输入的值显示隐藏摘要选项卡中的组件。这杀死了我在 IE8 中的应用程序，弹出一条消息说“脚本很慢，等等等等……”我必须点击 NO 5 到 6 次才能让摘要选项卡呈现和显示页面。

方法 2：在控制器中，我使用 ref 和 selectos 来访问选项卡中的所有项目。我已经为摘要选项卡中的每个字段使用了 itemId。喜欢this.getXyz().show()。我以为会很快。是的，它在谷歌浏览器中。但与 goolge chrome/firefox 相比，我在 IE8 中的应用程序很慢

有关此的任何建议并计划减少页面呈现时间。摘要页面有1000多个字段。请随时发表您的想法或对此提出一些想法。

谢谢你！！

为什么 PHP 在 Javascript 之前完成并返回结果加载时间？

所以 PHP 的返回速度比 Javascript 快得多，我相信这对你们大多数人来说是一个快速的方法。让我知道。

我很好奇为我的社交媒体图标使用 CSS 图像精灵与使用自定义 UI 字体的优缺点。

哪一个将在页面加载速度方面提供卓越的性能？

在我看来，CSS sprite 可能会更好——因为只有一个 HTTP 请求，并且文件大小可能比社交图标的自定义 UI 字体小。

有人对此有见识吗？

这就是我的一个页面的典型加载时间如何分成：-

这些值由 chrome 扩展Page Rank Status显示。现在显然请求和 DOM 部分是最耗时的部分。谁能解释一下 Request、Response、DOM、Interactive、Load Event 到底对应什么？这将帮助我优化我的网站并减少整体页面加载时间。

谢谢 ！

I'm working with a web site that has a very long load time (~10 seconds full load). The page is making around 20 separate server calls for several hundred items each on page load, and using the JQuery DataTables plugin to display them. The page will half load, then wait for the response from the server on each call, and then bind the jquery to the results. Right now the data is NOT stored on the page source, the only evidence of it is in the response headers (I do not know where this kind of stuff is stored..)

One solution i have come up with is to perform all of the service calls on the server side before sending the page loads, and then binding the datatable jquery to the html tables. Since the data is being loaded no matter what, i would be eliminating the 20 server requests and simplifying the code.

My question is about performance; will adding the data to the html source make the page load/perform slower than storing the data wherever the browser sticks it?

This is an example of the type of call it is making. the response is in XML and it converts it to JSON.

我只是好奇在标头中使用带有脚本和样式标签的（缩小版本的）javascript和css与通过指向css的链接和指向javascript的脚本将它们从单独的文档中包含它们是否有任何优势？

由于会有额外的页面请求，理论上不是第二种方式增加了页面加载时间吗？

所以这：

与此：

我创建了一个带有文本“Hello”的单页静态网站。当我使用其他第三方网站打开页面时，他们报告的加载时间约为 15 毫秒。当我从我的位置打开网站时，加载需要 500 毫秒 - 2 秒。

我正在尝试确定这是否与我的 ISP、拥塞、我所在地区的 DNS 服务器或我用来打开此网站的计算机上的设置有关。我的互联网连接是 4Mbps，所以它应该能够快速打开这样的小页面。

我如何诊断为什么同一个网站在世界其他地方需要 15 毫秒，但在我的办公室需要 500 毫秒？