东莞哪里有网站建设厂家,搜索引擎推广方式有哪些,图库网站建设,丽江手机网站建设对于加载页面时的缓慢速度没有明确的规定#xff0c;但有具体的指导原则来指示内容将加载#xff08;1 秒#xff09;、空闲#xff08;50 毫秒#xff09;、动画#xff08;16.7 毫秒#xff09;和响应用户输入#xff08;50 到 50 毫秒#xff09;。 200 毫秒#… 对于加载页面时的缓慢速度没有明确的规定但有具体的指导原则来指示内容将加载1 秒、空闲50 毫秒、动画16.7 毫秒和响应用户输入50 到 50 毫秒。 200 毫秒。 负载目标 “不到一秒”通常被吹捧为最佳负载但这是什么意思秒应被视为向用户指示已发出新内容的请求并将加载的最大时间量的规则例如浏览器显示页面标题和显示页面的背景颜色。 从请求中检索到的第一个资产通常是 HTML 文档然后该文档会调用其他资产。正如关键渲染路径的描述中所述收到后浏览器立即开始处理 HTML在接收到内容时渲染内容而不是等待其他资源加载。 是的一秒加载是一个目标但很少有网站能够实现这一目标。期望不同。公司网络上的“hello world”预计会在几毫秒内加载完毕但用户在西伯利亚北部的边缘网络上使用五年前的设备下载猫视频时可能会发现 20 秒的下载速度很快。如果您等待三到四秒而不通知用户正在发生负载并显示一些进度则典型的站点将失去潜在的访问者并且这些访问者如果回来将需要很长时间才能回来。 在优化性能时请务必设定雄心勃勃的首次加载目标例如通过移动 3G 网络 5 秒在办公室 T1 线路上 1.5 秒并为后续页面加载设定更雄心勃勃的页面加载目标利用服务工作人员和缓存。初始加载页面与加载其他资源、响应用户交互以及确保流畅的动画有不同的建议时间 空转目标 浏览器是单线程的尽管 Web Worker 支持后台线程。这意味着用户交互、绘画和脚本执行都在同一个线程上。如果线程正忙于执行复杂的 JavaScript主线程将无法对用户输入做出反应例如按下按钮。因此脚本执行的范围应该受到限制分成可以在 50 毫秒或更短的时间内执行的代码块。这使得该线程可用于用户交互。 动画目标 为了使滚动和其他动画看起来流畅并感觉响应灵敏内容重绘应以每秒 60 帧 (60fps) 的速度进行即每 16.7 毫秒一次。16.7 毫秒包括脚本编写、回流和重绘。意识到一个文档大约需要 6 毫秒来渲染一帧剩下大约 10 毫秒用于其余部分。任何低于 60fps 的内容尤其是不均匀或变化的帧速率都会显得卡顿。 响应能力目标 当用户与内容交互时重要的是提供反馈并确认用户的响应或交互并且在 100 毫秒内最好是在 50 毫秒内完成。50ms 秒感觉很即时。用户交互的确认通常应该是即时的例如悬停或按下按钮但这并不意味着完成的响应应该是瞬时的。虽然慢于 100 毫秒的反应可能会在用户交互和响应之间造成脱节但响应的 100 到 200 毫秒过渡可以帮助用户注意到他们的交互启动的响应例如菜单打开。如果响应时间超过 100 毫秒才能完成请提供某种形式的反馈以通知用户交互已发生。认用户的响应或交互并且在 100 毫秒内最好是在 50 毫秒内完成。50ms 秒感觉很即时。用户交互的确认通常应该是即时的例如悬停或按下按钮但这并不意味着完成的响应应该是瞬时的。虽然慢于 100 毫秒的反应可能会在用户交互和响应之间造成脱节但响应的 100 到 200 毫秒过渡可以帮助用户注意到他们的交互启动的响应例如菜单打开。如果响应时间超过 100 毫秒才能完成请提供某种形式的反馈以通知用户交互已发生。
