Tagged

mobile

A collection of 5 posts

HTML

meta标签常用属性整理

在segmentfault看到这篇文章,觉得整理的很详细,所以转载过来和大家分享一下。 原文地址:http://segmentfault.com/blog/ciaocc/1190000002407912 作者:ciaocc 版权贵ciaocc所有,转载请注明版权。 概要 标签提供关于HTML文档的元数据。元数据不会显示在页面上,但是对于机器是可读的。它可用于浏览器(如何显示内容或重新加载页面),搜索引擎(关键词),或其他 web 服务。 —— W3School 必要属性 属性值描述contentsome text定义与http-equiv或name属性相关的元信息**可选属性** 属性值描述http-equivcontent-type / expire / refresh / set-cookie把content属性关联到HTTP头部。nameauthor / description / keywords / generator / revised / others把 content 属性关联到一个名称。contentsome text定义用于翻译 content 属性值的格式。### SEO优化 参考文档 页面关键词,每个网页应具有描述该网页内容的一组唯一的关键字。

datauri

手机端DataURI比外链资源慢6倍

一直在找这方面的数据,只是之前在鬼哥那边看到,网页中使用DataURI会**多消耗53%左右的CPU资源,内存多出4倍左右,耗时平均高出24.6倍。猜测手机端也会有类似的情况,但一直没有合适的方法来测试实际数据。** mobify最近做了一系列的测试,测试结果表明平均下来,DataURI要比简单的外链资源要慢6倍。 DataURI的方法最初被设计用于在email中嵌入资源,但是后来被介绍可以用于减少HTTP请求,从而提升网站性能。但是其实事实上却有些鸡肋: 图片等资源转换为DataURI所用的Base64编码之后,文件大小增加了好多(通常50%-300%),如果服务器端启用Gzip压缩,图片实际大小则基本可以达到转码之前的大小; 浏览器需要将Base 64解码以后才能渲染,而解码过程需要消耗不少的内存和CPU; 无论你是否将使用了这些Base64的文件(HTML,CSS等)缓存到本地,浏览器在渲染相关页面的时候,都要重新解码,消耗CPU和内存。 从上图可以看出,Android低端手机的性能差的惊人,iOS 6和Android 4.2的高端机看起来还可以但是DataURI也要慢好几倍。所以其实总体来说,DataURI的方法要慎用,对于Webapp,更推荐更有效的利用各种缓存技术。 文中数据来自于Mobify,更多测试细节也可以前往访问了解

mobile

移动端webapp开发必备知识

转载自:移动终端开发必备知识 请尊重版权,转载请注明来源,多谢~~ 移动设备的用户越来越多,每天android手机的激活量都已经超过130万台,所以我们面向移动终端的WebAPP也开始跟进了。本文主要介绍webapp的开发与调试的相关知识和经验,以及给出几种可选的解决方案。 基本概念 CSS pixels与device pixels CSS pixels: 浏览器使用的抽象单位, 主要用来在网页上绘制内容。 device pixels: 显示屏幕的的最小物理单位,每个dp包含自己的颜色、亮度。 等值的 CSS pixels在手机屏幕上占多大的位置,这不是固定的,这取决于很多属性。经过分析和总结,我们可以得出这么一条公式: 1 CSS pixels = (devicePixelRatio)^2 device pixels (^2是平方的意思,至于 devicePixelRatio是什么东西,后面会讲解) 。 PPI/DPI PPI,有时也叫DPI,所表示的是每英寸所拥有的像素(pixel)数目,数值越高,即代表显示屏能够以越高的密度显示图像。

mobile

[图表]移动互联网的现状和趋势

国外网站webhostingbuzz发布了最近的移动互联网的现状和未来趋势的图表,很全面,值得一看。 移动互联网是未来的趋势,前端开发们需要跟上了。 html5和css3的时代已经到来,但对于移动互联网,它们显然并不是全部,我们需要了解和做的要更多。 PS:本来想要翻译一下,发现都是些常见的单词,不认识的翻下词典哈,不懂的可以留言来问~~ 来源:http://www.webhostingbuzz.com/blog/2011/10/19/mobile-internet-trends/

ios5

iPhone 4S 浏览器性能预览

iPhone 4S已经正式发售,虽然在国内还只能是水货,但是显然已经国外的同行已经开始研究它能给我们带来的改变了,而我们关注的,依然是浏览器~~ iPhone 4S硬件主要升级CPU和GPU,而这些给升级也为浏览器性能带来了很大的提升: **Apple****iPad****iPhone 4****iPad 2****iPhone 4S****SoC****A4****A5****处理器**1 GHz ARM Cortex-A8 (单核)800 MHz ARM Cortex-A8 (单核)1 GHz ARM Cortex-A9 (双核)800 MHz ARM Cortex-A9 (双核)**内存**256 MB LP-DDR (单通道)512 MB LP-DDR (单通道)