ICode9

精准搜索请尝试: 精确搜索
首页 > 其他分享> 文章详细

性能优化

2022-06-06 09:33:36  阅读:139  来源: 互联网

标签:1654435682722 性能 1654435683043 app 1654435683227 优化 event


性能优化小记

微信小程序Liberate: 小程序复用之前H5积累的库?
指标
1. 白屏时间: 用户从点击开始,到能看到页面有展现内容为止。
1.老师的统计方式
2. 目前主流的方式
2. 首屏时间:用户看到了设备首屏幕,全部渲染完成
1. 老师的的统计方式
2. 新的统计方式
3. 用户可操作时间
4. 页面总下载时间
1. onl oad -serverGetTime
5. 80分位点
1. 80%的的性能
connectEnd: 1654435682722
connectStart: 1654435682722
domComplete: 1654435683227
domContentLoadedEventEnd: 1654435683043
domContentLoadedEventStart: 1654435683043
domInteractive: 1654435682840
domLoading: 1654435682782
domainLookupEnd: 1654435682722
domainLookupStart: 1654435682722
fetchStart: 1654435682722
loadEventEnd: 1654435683227
loadEventStart: 1654435683227
navigationStart: 1654435682658
redirectEnd: 1654435682722
redirectStart: 1654435682665
requestStart: 1654435682726
responseEnd: 1654435682776
responseStart: 1654435682774
secureConnectionStart: 0
unloadEventEnd: 0
unloadEventStart: 0

  • network

74

性能优化
缓存: 不访问服务器直接访问本地

  • cache-control :多少秒内缓存是有效的 >Expires, 浏览器站主导地位
  • Expires:服务端站主导
    Etag + if-None-Match(fllow)

image

service worker

self.addEventListener('install',event)

image
chahe:https://developer.mozilla.org/zh-CN/docs/Web/API/Cache
event.waitUntil(
caches.open(chchesDir)
.then(cahe =>{
const resouceTask = staticAssets.map(uri)
})
)

image
app.shell
image
image
image

servereorker +app shell

标签:1654435682722,性能,1654435683043,app,1654435683227,优化,event
来源: https://www.cnblogs.com/stormliu/p/16347034.html

本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享;
2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关;
3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关;
4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除;
5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

专注分享技术,共同学习,共同进步。侵权联系[81616952@qq.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有