【读书笔记】iOS-优化iOS Web应用
一,代码优化:
代码优化是任何优化技术的第一步,因为归根结底网页上的一切都是构建在代码之上的。优秀的代码可以节省宽带,减少渲染延迟,以及提高页面的可读性和长远的可维护性。下面列出了一些在Web应用中编写任何代码时都应该记住的最佳实践。
1,使用遵循Web标准的代码。
2,精简代码。
3,减少HTTP请求数。
1)单个资源文件必须少于15KB(在未缩的情况上)。
针对iPhone设计的页面需要将各个资源文件的大小限制在15KB以内,以得到最优的缓存行为。iPhone最多可以缓存105个15KB以下的资源文件。在达到缓存数量上限以后,新缓存的文件会覆盖缓存中的旧的文件。
2)全局缓存资源必须少于1.5KB.
尽管iPhone能够缓存很多资源文件,但加起来最多只能缓存大概1.5MB.缓存可用字节数的上限大约为105*15=1575KB.
3)设备关机会后清空HTTP缓存。
如果用户需要强制重启设备,缓存中的资源就会丢失。这是由于在iPhone上,Safari从系统内存中分配空间来创建缓存文件,但并没有把缓存组件写入持久性的存储设备中。
4)关闭标签页也会清空HTTP缓存。
关闭掉所有标签,只留下空白标签后再关掉Safari也会清空缓存。
从开发的视角来看,这种类型的缓存是不可靠的。因为它清空的频率太高,也难以缓存一个现代网页的大部分资源。即便是压缩到极致的JavaScript框架或CSS文件都很难将大小控制在15k以内,更不用说几乎所有的Web应用用到的图片都会超过这个大小。万幸的是我们还有更好的选择来实现目标,即HTML5提供的离线功能。
4,合并CSS和JavaScript文件。
5,减少DOM操作。
二,图片优化。
1,优化色彩深度。
2,使用CSS精灵图。
3,千万不要缩放图片。
始终根据设备视口或是设计元素的宽高来以合适的尺寸使用图片。别指望Safari能自动把一个图片缩放到合适的大小。唯一可以例外的是,当我们在指定设备的Web应用中插入图片时,可以通过设置值为100%的宽度来同时自适应于横屏或是竖屏视图。
这一法则同样也可以缩短网页的加载时间及页面中每次运行JavaScript时给用户体验造成的延时,遵守这一法则非常重要,同时也别忘了给图片设定宽度和高度,这样也助于减少渲染所用的时间。这一法则同样缩短了网页的加载时间以及页面中每次运行JavaScript时给用户体验造成的延时。
三,应用压缩。
Safari支持GZIP压缩,所以将Web应用的一些资源进行压缩会是个不错的想法,这样可以提升用户体验的层次。我们可以决定什么时候 压缩HTML5页面,CSS3样式表或是JavaScript代码,然而却并没有必要去压缩图片或者是PDF文档,因为这些类型的资源是已经压缩过的。对图片或者PDF文档进行压缩是白白浪费CPU资源,甚至有可能反而增大文件体积。
对于服务器来说,为了使用Web应用能使用GIP压缩过的资源,服务器必须配置为在请求时自动提供压缩过的资源。另外一方面,客户端必须支持这种压缩类型的文件。
GIP压缩并不骨文件格式的限制,因此这是给网页大幅”瘦身“的最简易的方式。GZIP压缩可以将文件减少大概70%。
虽然好处很明显,但世界上没有十全十美,一般而言GZIP压缩也有一些不足之外。
1,我们需要个个支持GZIP压缩的浏览器。当然,针对我们的情况这并不是一个问题,因为Safari和其他基于WebKit的浏览器都支持GZip.
2, 我们无法压缩力片和PDF文档,因为它们本身就是一种压缩格式。
3,由于Safari需要实时地解压缩资源,某些情况下这一过程会增加CUP时钟周期和开销,以致抵消了可能带来的好处。所以,最好先测试一下,以确保不会被这些额外开销造成弊大于利的情况。
四,可用性优化。
1,可用性检查。
2,可用性测试。
参考资料:《iOS Web应用开发》
【读书笔记】iOS-优化iOS Web应用的更多相关文章
- 《软件测试自动化之道》读书笔记 之 底层的Web UI 测试
<软件测试自动化之道>读书笔记 之 底层的Web UI 测试 2014-09-28 测试自动化程序的任务待测程序测试程序 启动IE并连接到这个实例 如何判断待测web程序完全加载到浏览 ...
- 《黑客攻防技术宝典Web实战篇@第2版》读书笔记1:了解Web应用程序
读书笔记第一部分对应原书的第一章,主要介绍了Web应用程序的发展,功能,安全状况. Web应用程序的发展历程 早期的万维网仅由Web站点构成,只是包含静态文档的信息库,随后人们发明了Web浏览器用来检 ...
- 读书笔记iOS-Core-Animation-Advanced-Techniques,iOS性能调试工具
调试卡顿,除了使用timer profile,还可以使用 OpenGL ES驱动工具 OpenGL ES Driver工具显示的GPU利用率,打开Color Blended Layers 我们给图片和 ...
- 【读书笔记】iOS-网络-Web Service协议与风格
协议指的是在与其它系统交换结构化信息时所要遵循的一套格式,过程与规则.此外,协议定义了在传输过程中所要使用的数据格式.这样,接收系统就能正确地解释结构化信息并做出正应的回应. 1,简单对象访问协议. ...
- 【读书笔记】iOS-使用Web Service-基于客户端服务器结构的网络通信(一)
Web Service技术是一种通过Web协议提供服务,保证不同平台的应用服务可以互操作,为客户端程序提供不同的服务. 目前3种主流的Web Service实现方案用:REST,SOAP和XML-RP ...
- Machine Learning for hackers读书笔记(七)优化:密码破译
#凯撒密码:将每一个字母替换为字母表中下一位字母,比如a变成b. english.letters <- c('a', 'b', 'c', 'd', 'e', 'f', 'g', 'h', 'i' ...
- 读书笔记之深入分析Java Web技术内幕
章节: 1 B/SB/S的优点: 客户端使用统一的浏览器(Browser) ,浏览器的统一带来了操作的统一,无论使用什么服务,因为浏览器是相同的,所以操作类似.客户使用简单了.服务端开发简化; 使用统 ...
- 读书笔记<白帽子讲web安全>
2016年3月24日 09:34:32 星期四 ddos攻击: 一种: 随机生成ip, 去建立链接, 由于http/tcp握手协议原理, 发送应答报文时因为ip无效会导致等待重发, 这种行为可以通过电 ...
- 【读书笔记】《Java Web整合开发实践》第3章 JSP
1. JSP:Java Server Pages 2. JSP注释:<%--注释内容--%> 3. page指令(页面指令):定义JSP页面的全局属性. <%@ page langu ...
- Web高级征程:《大型网站技术架构》读书笔记系列
一.此书到底何方神圣? <大型网站技术架构:核心原理与案例分析>通过梳理大型网站技术发展历程,剖析大型网站技术架构模式,深入讲述大型互联网架构设计的核心原理,并通过一组典型网站技术架构设计 ...
随机推荐
- 背水一战 Windows 10 (86) - 文件系统: 获取文件夹的属性, 获取文件夹的缩略图
[源码下载] 背水一战 Windows 10 (86) - 文件系统: 获取文件夹的属性, 获取文件夹的缩略图 作者:webabcd 介绍背水一战 Windows 10 之 文件系统 获取文件夹的属性 ...
- windows上xshell6的安装
各位大兄弟,好用的xshell组件来了,话不多说,开搞. 软件链接链接:https://pan.baidu.com/s/1vcRo2L-LNe2BrJ9-VCy57A 密码:ei73 有下面四个软件, ...
- Swift 里 Dictionary
Dictionary uses two storage schemes: native storage and Cocoa storage. 只看 native storage 的,也就是和 OC 无 ...
- [原创]MOF提权下载者代码
0x001 网上的mof提权 调用的是js执行添加用户 而且有个缺陷 还不能一步到位...目标3389也连不上...也不知道上面安装了什么软件...毛然添加用户也不好比如有个类似狗之类的拦截添加用户 ...
- Python:使用基于事件驱动的SAX解析XML
SAX的特点: 是基于事件的 API 在一个比 DOM 低的级别上操作 为您提供比 DOM 更多的控制 几乎总是比 DOM 更有效率 但不幸的是,需要比 DOM 更多的工作 基于对象和基于事件的接口 ...
- redis cluster集群web管理工具 relumin
redis cluster集群web管理工具 relumin 下载地址 https://github.com/be-hase/relumin 只支持redis cluster模式 java环境 tar ...
- redis内部分享ppt
作者:青客宝团队 Redis:最好的缓存数据库 说Redis是缓存服务,估计有些人会不开心,因为Redis也可以把数据库持久化,但是在大多数情况Redis的竞争力是提供缓存服务.说到缓存服务必然会想到 ...
- Windows下memcache的配置和使用(python)
1.memcache的安装和配置: 下载memcache for windows: http://up.2cto.com/2012/0522/20120522094758371.rar 解压到指定目 ...
- Google Optimization Tools实现加工车间任务规划【Python版】
上一篇介绍了<使用.NET Core与Google Optimization Tools实现加工车间任务规划>,这次将Google官方文档python实现的版本的完整源码献出来,以满足喜爱 ...
- jsp 假分页的实现
原本做毕设做了一堆表格需要读出数据.为了以后的数据可能会很多做准备,这里实现一个以基于jsp页面实现的假分页. 假分页:实际上数据库一次过把所有数据读出来,通过对输出展示的控制来实现对数据分页的假象. ...