51Testing软件测试论坛

标题: app引用h5,页面中图片有时显示有时不显示的问题 [打印本页]

作者: huangdachuan 时间: 2018-9-28 16:15
标题: app引用h5,页面中图片有时显示有时不显示的问题
先简单说一下情况：
h5页面只引入了一张图片，图片大概84kb。
这个图片有时显示有时不显示，一开始定位是图片有点大。改小后，还出现这样问题。
之后与开发协商沟通定位出，是页面引入图片的方式导致。
由于html页面上元素引入是有顺序的，html引入图片是放在页面加载最后一步的。因此，将该图片作为网页的背景提前引入图片就解决了该问题

在此做下记录，以后又多了一个思考加载慢的方向

页面加载顺序：
html → head → title → #text(网页标题) → style → 加载样式 → 解析样式 → link → 加载外部样式表文件 → 解析外部样式表 → script → 加载外部脚本文件 → 解析外部脚本文件 → 执行外部脚本 → body → div → script → 加载脚本 → 解析脚本 → 执行脚本 → img → script → 加载脚本 → 解析脚本 → 执行脚本 → 加载外部图像文件 → 页面初始化完毕

欢迎光临 51Testing软件测试论坛 (http://bbs.51testing.com/)