惯性聚合 高效追踪和阅读你感兴趣的博客、新闻、科技资讯
阅读原文 在惯性聚合中打开

推荐订阅源

大猫的无限游戏
大猫的无限游戏
月光博客
月光博客
博客园 - Franky
博客园 - 三生石上(FineUI控件)
爱范儿
爱范儿
博客园 - 司徒正美
博客园 - 叶小钗
Apple Machine Learning Research
Apple Machine Learning Research
美团技术团队
OSCHINA 社区最新新闻
OSCHINA 社区最新新闻
The Cloudflare Blog
B
Blog RSS Feed
阮一峰的网络日志
阮一峰的网络日志
宝玉的分享
宝玉的分享
V
Visual Studio Blog
奇客Solidot–传递最新科技情报
奇客Solidot–传递最新科技情报
IT之家
IT之家
博客园_首页
S
SegmentFault 最新的问题
A
About on SuperTechFans
Blog — PlanetScale
Blog — PlanetScale
GbyAI
GbyAI
H
Help Net Security
MongoDB | Blog
MongoDB | Blog

博客园 - Alex

Friends 104 COMPUWARE 如何用正确的方法来写出质量好的软件的75条体会[收藏]- - Cache的使用原则 C#:一种SQL Server XML和ASP.NET运行时应用程序 ASPX页Web服务调用性能优化 面向异步消息的Web应用(AMOWA) Fxcop Windows Mobile开发环境搭建指南 获取滚动 Win2000命令全集 思归的“动态控件的状态问题”的分析 Form(思归):动态控件的状态问题 (From Msdn:)利用 ASP.NET Web 控件和数据绑定提升开发速度 (From CSDN) B/S开发常用JavaScript技术 (转)showModalDialog和showModelessDialog使用心得 ASP.NET 页面对象模型(转) Why does App restart? (FAQ) From 博客堂 Community Server技术分析——CS是如何将三个项目整合到一起的
关于网站减肥(网站板块异步加载技术) 选择自 changzheng 的 Blog
Alex · 2005-06-06 · via 博客园 - Alex

现在用户体验变得越来越重要,对于一个网站肯定要有非常丰富的内容,那么如何更快更好的将所有栏目呈现给用户呢?我觉得异步加载技术是其中一个解决方案。

比如:用户浏览一个页面时,要下载的内容是html的代码,js的代码,css的代码,图片,Flash。而这些只能线性的下载,也就是说,这些内容如果加起来有500kb,那么用户就要顺序下载这500kb的内容,当然,IE或FireFox有自己的读取方式,仔细观察会发现,他们会预先呈现一部分内容,但仍然是线性的方式,只是读一部分呈现一部分而已。如何更快的将内容呈现给用户,减少用户的等待感。

首先界面先按布局的方式划分区域,比如
<div id=“menu”></div>
<div id=“title”></div>
<div id=“context”></div>
<div id=“copyright”></div>

那么用户进入界面时,读取的html只有以上大小而已,而具体的内容我们通过xmlhttp来进行异步加载,JS伪码如下:
<script>
async('menu/index.htm','menu');
async('title/index.htm','menu');
async('context/index.htm','menu');
async('copyright/index.htm','menu');
</script>

每一个界面都是以异步的方式同时读取,这样等于同时读取多个栏目的内容,会使用户拥有更好的用户体验。

具体的封装以及读取方法,我在进行整理。

网站的例子:http://www.plaxo.com 等等