问题标签 [page-load-time]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
3 回答
4610 浏览

performance - 在保持元素/样式/脚本关系的同时缩小整个目录?

当前是否存在可以缩小整个项目目录的解决方案?更重要的是,是否存在任何可以缩短类名、id 并在所有文档中保持一致的解决方案?

可以改变这个的东西:

索引.html ---

样式.css ---

索引.js ---

进入这个:

索引.html ---

样式.css ---

索引.js ---

0 投票
4 回答
3608 浏览

html - 哪种 CSS 组织方式最快?

如果我有以下 HTML:

我应该如何组织 CSS 以实现最快的页面加载时间?

我可以通过 HTML 元素来组织它,如下所示:

或通过 CSS 样式,如下所示:

如果有的话,哪个会被更快地读取和处理?

编辑:我应该提到,我现在正在与 GreaseMonkey 合作,这意味着两件可能很重要的事情:

1) 我不能编辑任何 HTML,只能编辑 CSS

2) 页面正常加载完成后,我的所有 CSS 都会被读取。

0 投票
4 回答
168 浏览

browser - 最近我的网站速度很慢,而且我在浏览器中收到超时消息 - 怎么了?

如何诊断我的网站的超时问题和页面加载缓慢,我在 Firefox 中有 ySlow 插件,它显示大多数页面的 A/B 级,所以我希望页面能够快速加载。我应该联系我的托管公司吗?我从哪个公司购买了我的域名?目前服务器上没有太多负载,我正在使用快速连接来连接到互联网。

从哪里开始?当我们开始看到更多流量时,我该如何监控?托管公司应该这样做吗?

0 投票
3 回答
1713 浏览

javascript - 即使页面完全呈现后,浏览器也会显示一半的进度条

如果浏览器显示进度条(卡在一半),就好像它仍在尝试加载某些内容一样,即使在页面呈现之后,这可能是什么原因。这是一个内部网 ASP.NET 网站。我怎样才能找出原因?浏览器是IE8。实际上这是在浏览器从 IE6 升级到 IE8 之后开始的。不确定此问题是否与浏览器升级有关。像 Fiddler 这样的工具可以帮助找出它仍在尝试加载的内容吗?提前致谢。

0 投票
3 回答
3668 浏览

internet-explorer-8 - Internet Explorer 8 waits until page is completely rendered and javascript is executed

We have a pretty big web page with a bunch of javascript. When loading it in Firefox/Chrome, the page gets loaded gradually. First the html that already is received is rendered and shown and then the javascript gets executed.

Internet Explorer 8 however waits until the request is completely received and its javascript executed before it shows. This gives the impression that the application is unresponsive for a short period.

We have one laptop on which IE8 loads the page like Firefox/Chrome and we've been searching for a setting on IE8 to indicate that it doesn't have to wait until all javascript is executed before showing the page or part of it.

Does anyone have a clue if there is such a setting and where it can be found? We checked that the Chrome frame for Internet Explorer is not installed.

Update: For more clarification, as @Thariama points out in the comments I also thought that IE8 always waits to render the entire page but seeing this laptop render it I am pretty sure that it loads the 'Firefox-way'. The laptop had half the RAM and CPU power a comparable desktop had and it looked and feeled faster (because of the rendering).

0 投票
1 回答
2819 浏览

performance - 用于 IE 的 Firebug 网络面板?

IE 8 上可以像Firebug 网络面板一样工作的替代方案是什么?

0 投票
2 回答
1189 浏览

javascript - 如何在完成所有 Javascript 执行之前强制 IE 显示页面内容?

在 Ruby on Rails 开发环境中,在 Firefox 上 30 秒后会显示一个页面,但在 IE 8(使用 IE 7 兼容模式)上需要 90 秒。

进一步调查显示,应该是 Javascript 导致页面变慢,因为如果关闭 Javascript,那么页面内容也会在 30 秒后显示。

因为可能有 7 或 8 个 jQuery 插件、Facebook 脚本和 Google Analytics 脚本,所以将所有 Javascript 代码移动到 HTML 文件的末尾需要相当长的时间,(这应该会加快页面内容查看速度,以便内容30 秒后显示,就像 Firefox 一样),有没有办法强制 IE 在执行完所有 Javascript 代码之前显示页面内容?

我认为 IE 可能正在等待所有 Javascript 代码首先完成,因为如果有document.write()语句,应该在 HTML 中...... Firefox 或 Chrome 不会等待,而是立即显示内容。

(在生产服务器上,页面将在 5 到 7 秒后显示在 Firefox 上,因为缓存了很多“部分”(HTML 子组件)。IE 8 也需要更长的时间,大约 40 秒左右。 )

PS Javascript 嵌入整个 HTML 的一个重要原因可能是,如果有一个“图像轮播”,那么 HTML 代码是在一个“部分”中,这是一个由 HAML 文件生成的 HTML 文件,所有HTML 和 Javascript 代码都在这个文件中,为了更好的封装,而不是将 HTML 放在一个文件中,而将 Javascript 放在另一个文件中,但我想知道如果所有这些 Javascript 代码块都只使用 jQuery 的$(document).ready(function() { ... }),那么这些代码会怎样阻止减慢IE上的页面显示?

0 投票
1 回答
1220 浏览

javascript - 如果 Javascript 代码块不在 HTML 文件的末尾,而是使用 jQuery 的 $(document).ready(function() {...}),它会减慢页面显示速度吗?

据说 Javascript 代码应该全部放在 HTML 文件的末尾,以便首先显示页面内容,让用户看到一些东西(让用户满意地看到一些东西而不是再等待 12 秒,因为例子)。

但是为了更好地封装 HTML 并匹配 Javascript 代码,例如“图像轮播”,通常将 HTML 和 Javascript 放在一个文件中,因此在整个最终 HTML 文件中都有 Javascript 代码块与 HTML 代码混合在一起。

但是如果所有这些 Javascript 代码块都使用 jQuery$(document).ready(function() { ... })来执行任务,那么页面显示会不会也很快呢?我认为不如将 Javascript 实际放置在 HTML 文件末尾时那么快,但足够接近,因为它只是向就绪事件队列添加了一个函数。

0 投票
5 回答
2894 浏览

php - 用 PHP 测试服务器加载时间?

有没有办法确定使用 PHP 加载网页及其所有内容需要多长时间?

我已经尝试过这个:

但是,这个问题(据我所知)是我只计算执行 php 脚本所需的时间。这不考虑页面上的任何图像或视频。

有没有办法确定使用 php 加载包括图像或视频在内的网页需要多长时间?

基本上我想要做的是测试我的服务器的速度,而不考虑我的连接速度。

0 投票
4 回答
23892 浏览

javascript - 如果将脚本动态添加到 DOM,“异步”属性/属性是否有用?

这个问题与哪些浏览器支持 <script async="async" />有点相切?.

我最近看到一些脚本做这样的事情:

这是将脚本动态添加到 DOM 的常用方法,来自 Steve Souders 的书“ Even Faster Web Sites ”的 IIRC 提示所有现代浏览器异步加载脚本(即,不阻止页面渲染或后续资产的下载) .

如果我是正确的,那么该s.async = true声明有什么用吗?即使对于支持该属性的浏览器,这不是多余的吗,因为动态附加的脚本应该已经触发异步下载?