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

推荐订阅源

博客园 - 【当耐特】
Help Net Security
Help Net Security
P
Proofpoint News Feed
J
Java Code Geeks
爱范儿
爱范儿
Last Week in AI
Last Week in AI
钛媒体:引领未来商业与生活新知
钛媒体:引领未来商业与生活新知
F
Full Disclosure
Google DeepMind News
Google DeepMind News
H
Help Net Security
G
Google Developers Blog
Jina AI
Jina AI
Vercel News
Vercel News
cs.AI updates on arXiv.org
cs.AI updates on arXiv.org
L
Lohrmann on Cybersecurity
S
Schneier on Security
Microsoft Azure Blog
Microsoft Azure Blog
IT之家
IT之家
Security Archives - TechRepublic
Security Archives - TechRepublic
阮一峰的网络日志
阮一峰的网络日志
N
News and Events Feed by Topic
GbyAI
GbyAI
B
Blog
O
OpenAI News
博客园_首页
Cisco Talos Blog
Cisco Talos Blog
K
KPMG report finds enterprise disconnect between AI and its ROI | CIO
Hacker News: Ask HN
Hacker News: Ask HN
TaoSecurity Blog
TaoSecurity Blog
腾讯CDC
MongoDB | Blog
MongoDB | Blog
M
MIT News - Artificial intelligence
C
Cybersecurity and Infrastructure Security Agency CISA
Cyberwarzone
Cyberwarzone
Webroot Blog
Webroot Blog
Simon Willison's Weblog
Simon Willison's Weblog
Y
Y Combinator Blog
C
Cisco Blogs
A
Arctic Wolf
CTFtime.org: upcoming CTF events
CTFtime.org: upcoming CTF events
T
The Exploit Database - CXSecurity.com
Security Latest
Security Latest
AI
AI
W
WeLiveSecurity
aimingoo的专栏
aimingoo的专栏
The Register - Security
The Register - Security
Project Zero
Project Zero
H
Hackread – Cybersecurity News, Data Breaches, AI and More
N
Netflix TechBlog - Medium
Blog — PlanetScale
Blog — PlanetScale

博客园 - 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 等等