什么是渐进式渲染(progressive rendering)?
渐进式呈现是用于提高网页性能(尤其是提高用户感知的加载速度),以尽快呈现页面的技术。
现在,移动终端的盛行,而移动网络往往相对,渐进式渲染在现代前端开发中仍然有用武之地。
一些体现:
图片懒加载-页面上的图片不会一次性全部加载。当用户滚动页面到图片部分时,JavaScript将加载并显示图像。
确定显示内容的优先级(分层次渲染)-为了尽快将页面呈现给用户,页面只包含基本的最少的CSS,脚本和内容,然后可以使用中断加载脚本或监听DOMContentLoaded/ load事件加载其他资源和内容。
初步加载HTML片段-当页面通过后台渲染时,将HTML拆分,通过异步请求,分块发送给浏览器。
版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。