当前位置: 首页 > news >正文

wordpress更改语言设置八宿县网站seo优化排名

wordpress更改语言设置,八宿县网站seo优化排名,口碑好的网站设计制作价格,网站建设滨江performance.timing 是 Web 性能 API 的一部分,用于获取页面加载过程中的各个时间戳。这些时间戳可以帮助开发者分析页面加载性能,找出潜在的瓶颈。performance.timing 返回一个 PerformanceTiming 对象,该对象包含了多个属性,每个…

performance.timing 是 Web 性能 API 的一部分,用于获取页面加载过程中的各个时间戳。这些时间戳可以帮助开发者分析页面加载性能,找出潜在的瓶颈。performance.timing 返回一个 PerformanceTiming 对象,该对象包含了多个属性,每个属性代表页面加载过程中的某个特定事件的时间戳。

以下是一些常用的 performance.timing 属性及其含义:

  • navigationStart: 页面导航开始的时间戳。
  • unloadEventStart: 卸载前一个页面的事件开始时间。
  • unloadEventEnd: 卸载前一个页面的事件结束时间。
  • redirectStart: 第一个重定向开始的时间。
  • redirectEnd: 最后一个重定向结束的时间。
  • fetchStart: 浏览器开始获取文档的时间。
  • domainLookupStart: DNS 查询开始的时间。
  • domainLookupEnd: DNS 查询结束的时间。
  • connectStart: TCP 连接开始的时间。
  • connectEnd: TCP 连接结束的时间。
  • secureConnectionStart: 安全连接开始的时间(仅 HTTPS)。
  • requestStart: 浏览器向服务器发送请求的时间。
  • responseStart: 浏览器从服务器接收第一个字节的时间。
  • responseEnd: 浏览器从服务器接收最后一个字节的时间。
  • domLoading: 解析器开始解析 DOM 的时间。
  • domInteractive: DOM 解析完成,但资源(如图片、样式表)可能仍在加载的时间。
  • domContentLoadedEventStartDOMContentLoaded 事件开始的时间。
  • domContentLoadedEventEndDOMContentLoaded 事件结束的时间。
  • domComplete: DOM 和所有子资源都已完全加载的时间。
  • loadEventStartload 事件开始的时间。
  • loadEventEndload 事件结束的时间。

示例代码

以下是一个简单的示例,展示如何使用 performance.timing 获取页面加载时间:

// 获取 PerformanceTiming 对象
const timing = performance.timing;// 计算页面加载时间
const loadTime = timing.loadEventEnd - timing.navigationStart;console.log(`Page load time: ${loadTime} ms`);// 计算 DNS 查找时间
const dnsLookupTime = timing.domainLookupEnd - timing.domainLookupStart;console.log(`DNS lookup time: ${dnsLookupTime} ms`);// 计算 TCP 连接时间
const tcpConnectTime = timing.connectEnd - timing.connectStart;console.log(`TCP connect time: ${tcpConnectTime} ms`);// 计算请求响应时间
const responseTime = timing.responseEnd - timing.requestStart;console.log(`Response time: ${responseTime} ms`);// 计算 DOMContentLoaded 事件时间
const domContentLoadedTime = timing.domContentLoadedEventEnd - timing.domContentLoadedEventStart;console.log(`DOMContentLoaded event time: ${domContentLoadedTime} ms`);

注意事项

  1. 兼容性performance.timing 在大多数现代浏览器中都是支持的,但在一些较旧的浏览器中可能不可用。
  2. 隐私: 由于 performance.timing 可以用于精确测量网络请求的时间,可能会引发隐私问题。因此,某些浏览器可能会限制或修改这些时间戳,以防止指纹识别攻击。
  3. 废弃警告performance.timing 的某些属性在未来的浏览器版本中可能会被废弃,建议使用 PerformanceNavigationTiming 接口来获取更详细的性能数据。

替代方案

如果你需要更详细和准确的性能数据,可以考虑使用 PerformanceObserverPerformanceNavigationTiming 接口:

new PerformanceObserver((list) => {list.getEntries().forEach((entry) => {console.log(entry.name, entry.startTime, entry.duration);});
}).observe({ entryTypes: ['navigation'] });

这将提供更丰富的性能数据,并且更加符合现代 Web 性能测量的最佳实践。

http://www.dt0577.cn/news/37289.html

相关文章:

  • 服务器密码能给做网站的吗小红书怎么推广引流
  • 最简单网站开发软件做一套二级域名网站怎么做
  • 百度网站前三名权重一般在多少seo优化的主要内容
  • 网页设计视频网站建设seo 培训教程
  • 做网站项目时 需求分析的内容昆明seo案例
  • 做学术研究的网站百度推广平台首页
  • 杭州网站制作蒙特百度搜索热词排行榜
  • 如何提高外贸网站排名百度帐号登录入口
  • 网络营销是什么基础类型网络推广seo是什么
  • 互助盘网站怎么做的怎么在线上推广自己的产品
  • 网站开发架构网络营销方法和手段
  • 如何做文献ppt模板下载网站宁波seo行者seo09
  • 免费在线网站建设公司网页怎么做
  • 自己做的视频可以传别的网站去吗网络舆情监测专业
  • 网站建设公司studstu百度推广培训
  • 站长之家查询网站现在推广用什么平台
  • 公司销售网站怎么做磁力狗bt
  • 做资料网站违法产品seo基础优化
  • 做网站开发有前途么seo流量增加软件
  • 行业网站策划方案今天
  • 做网站优化给业务员提成百度网址链接
  • 专门做财经的网站软文什么意思
  • 免费wordpress中文主题下载地址重庆百度seo代理
  • 纪念币商城网站建设网络营销案例及分析
  • 海南教育学会网站建设营业推广是一种什么样的促销方式
  • 上海web网站建免费建网站平台
  • 在百度做网站怎么做代运营公司
  • 如何做免费音乐网站市场推广方案怎么做
  • 大型网站开发实例信息流广告公司排名
  • 做电子请柬的网站百度联盟官网登录入口