Posts Tagged ‘html5’

33K的FLASH

我们有一个挺重要的页面,每个用户第一次接触我们的产品,都将看到这个页面。
上面挂了一个33K的FLASH,仅33K。
33K,怎么会影响页面打开的速度?

开始时,没怎么考虑这货。

直到演示DEMO的时候,为了一个干净的环境,退掉了所有的东西,重新打开浏览器。
结果明显在这个页面上,停顿了一秒。
本地的33K的FLASH怎么会加载一秒??

截了一下数据,发现后台为了响应这货,启了一个占用20多M内存的 Shockwave Flash 来渲染。
解决方法很简单:换成HTML5来实现这个动画。

有时候,事情不是表面上看的那么简单。
学技术的同时,要多了解技术的背后在干什么。

离线存储

开发WebApp时,遇到一个问题:
如果把页面配置到服务器上,当服务器挂掉或者用户离线的时候,那这个App也就没法工作了。
而当我把页面打包进App里面,又有一个新问题,更新不方便。每次更新的时候都要重新提交。

部门就此组织了一次《application cache》的相关讨论。使用离线存储,来解决上述问题:

view-source:http://uicss.cn/test/coolcode.html
这是一个打包进App的应用地址,阅读源代码可以看到,html标记上给了一个manifest配置文件。里面列出了需要高速缓存的、用于离线访问的文件。在支持mime类型为.manifest的服务器上,它能够列出浏览器应该下载和保存以便以后使用的所有文件。

除了本例中的全部离线存储的用法之外。它还可以通过配置 NETWORK 来列出那些绝不能高速缓存的文件。以及通过配置 FALLBACK 使用户离线的时候,可以跳转到离线提示的页面。

CACHE MANIFEST

NETWORK:
*

FALLBACK:
/ offline_message.html

CACHE:
http://uicss.cn/test/js/jsformat.js
http://uicss.cn/test/js/htmlformat.js

注:文中的*号意指,除了cache的文件之外,其他文件都不做缓存处理。

w3ctech 2011 – 拥抱html5

w3ctech 2011 – 拥抱HTML5 技术会议将于4月16日在上海海神诺富特大酒店举行。
现在正式开始启动报名。(本活动不收取任何费用)

报名地址:http://w3ctech.com/2011/html5 ,欢迎大家参加!

阅读全文 »

崔凯博客
Powered by SinaSAE | Theme by ck web design | TOP 顶部
Copyright © 崔凯 All rights reserved. 蜀ICP备12025891号.