美文网首页
百度小程序首次加载速度优化

百度小程序首次加载速度优化

作者: ayaynas | 来源:发表于2019-08-19 15:58 被阅读0次

前言

小程序的加载速度影响流量分发,以及对现有web页面的替换,间接影响网站的搜索权重。欢迎补充指正。

1. 包体积优化

a.分包加载(优先采用,大幅降低主包体积)。

b.图片优化(1.使用tinypng压缩图片素材; 2.服务器端支持,可采用webp格式)。

c.组件化开发(易维护)。

d.减少文件个数及冗余数据。

2.请求优化

a.关键数据尽早请求(onLoad()阶段请求,次要数据可以通过事件触发再请求);整合请求数据,降低请求次数。

b.采用cdn缓存静态的接口数据(如判断用户登录状态,未登录则请求缓存接口数据),cdn稳定且就近访问速度快(针对加载总时长波动大)。

c.缓存请求的接口数据。

3.首次渲染优化

a.图片懒加载(节省带宽)。

b.setData优化。

c.DOM渲染优化

备注:细节参考百度小程序小程序官方文档

相关文章

  • 百度小程序首次加载速度优化

    前言 小程序的加载速度影响流量分发,以及对现有web页面的替换,间接影响网站的搜索权重。欢迎补充指正。 1. 包体...

  • 小程序使用分包

    分包加载 对小程序进行分包,可以优化小程序首次启动的下载时间,以及在多团队共同开发时可以更好的解耦协作 将小程序划...

  • uni-app之微信小程序分包

    因小程序有体积和资源加载限制,各家小程序平台提供了分包方式,优化小程序的下载和启动速度。所谓的主包,即放置默认启动...

  • 1.文件大小

    返回目录 小程序首次加载白屏太久? 新用户留存率太低? 可以从以下几个方面入手优化: 1.看看是不是引入了多余的插...

  • 微信小程序 之 加载提示显示和取消加载提示

    微信小程序中,往往每个小程序中会有一个列表页,首次进入时,加载数据时出现一个加载提示的信息显示,以及加载完成后,要...

  • react native 小坑之ios运行程序

    今天第一次使用xcode运行react native程序。首次加载运行程序,xcode编译速度很慢,需要等待一段时...

  • 常见面试题--js+css+vue

    1、变量提升、函数提升 2、数组的常用方法 3.优化首屏加载速度 4.Vue 首屏加载速度优化 5、Vue如何设置...

  • 前端笔记(11)提升首屏加载速度

    首屏加载速度影响着用户对整个网站的第一体验尤为关键。那么如果才能够优化首次加载时的白屏时间?上一篇文章简单介绍了在...

  • 小未程序第120次更新,广州点赞科技小未程序

    本周更新内容 功能清单: 【专业版】 小程序端 1、专业版优化,大幅提升小程序打开速度,页面切换速度; 2、会员卡...

  • Vue项目总结

    (一)vue 1.页面加载速度优化 可在页面引入组件时引入异步加载的方式使加载速度变快export default...

网友评论

      本文标题:百度小程序首次加载速度优化

      本文链接:https://www.haomeiwen.com/subject/gegssctx.html