24、提升客户端性能与解决部署挑战的策略

提升客户端性能与解决部署挑战的策略

1. 提升客户端性能

在提升客户端性能方面,有多种有效的方法可以采用。

1.1 使用预读缓存进行 Ajax 调用

Ajax 应用程序会频繁进行 Web 服务调用,在首次加载时,会进行多个 Web 服务调用来加载初始数据,而且起始页面上的每个小部件可能都需要一个 Web 服务调用来获取其初始数据。有时,这些调用会反复返回相同的数据。例如,一个每周更新一次新博客文章的博客订阅源会反复返回相同的内容。

为了避免在页面加载时进行不必要的服务器调用,可以提前在后台进行这些调用,将新鲜的结果保留在浏览器缓存中。当用户在起始页面阅读某些订阅源时,对 RSS 订阅源 Web 服务的调用可以在后台进行,并将结果缓存到浏览器中。这样,当用户离开并返回时,Web 服务调用将从浏览器获取缓存数据并立即渲染,为用户提供快速加载的体验。

预读缓存的具体操作步骤如下:
1. 确定未来需要的 HTTP GET 调用。
2. 在后台进行这些调用。
3. 让这些调用的结果缓存到浏览器中。
4. 当真正需要这些数据时,直接从缓存中获取。

可以使用预读缓存来在后台加载其他标签页的内容,当用户切换到其他标签页时,内容已经在浏览器缓存中,标签页将立即加载。同样,页面上的小部件可以在用户空闲时通过后台调用预缓存内容,下次访问时直接从缓存中获取内容,用户无需等待调用完成。

1.2 将 HTML 隐藏在

浏览器一旦获取到 HTML,就会解析它并立即开始下载外部资源,如图像、样式表和 JavaScrip

评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符  | 博主筛选后可见
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值