使用HTML5的链接预取功能(link prefetching)给网站提速

使用HTML5的链接预取功能(link prefetching)给网站提速的相关文章

• 
  HTML5 预加载让页面得以快速呈现

  标签：Web开发

  浏览器厂商和开发者之间共同努力的一个方向就是让网站更快。现在已有很多广为人知的加速解决方案：CSS sprites(CSS精灵,拼图)以及图像优化,分布式配置文件(.htaccess),JS/文本文件压缩，CDN加速等。 我在另一篇博文中介绍了 如何让网站更快。 FireFox推介一种新的网站加速策略： 链接预加载。什么是链接预加载？MDN描述如下: 预加载是一种浏览器机制，使用浏览器空闲时间来预先下载/加载用户接下来很可能...[ 查看全文 ]

  干了这碗小姨妈

  521
• 
  HTML5的表单(绝对特别强大的功能)使用示例

  标签：Web开发

  1、邮箱的自动验证 只需要type=email 2、日期的验证（年月日）：type="date" 3、时间的验证（格式：00:00）：type="time" 4、数字的验证 (可以向上加 向下减)type="number" 5、月份（--年--月）type="month" 6、周（--年--周）type="week" 7、range(范围0-100) type="range" 8、search type="search" 9、颜色的颜色大全：type...[ 查看全文 ]

  厌倦只在一瞬间

  101
• 
  html5开发之viewport使用

  标签：Web开发

  随着高端手机(Andriod,Iphone,Ipod,WinPhone等)的盛行，移动互联应用开发也越来越受到人们的重视，用html5开发移动应用是最好的选择。然而，每一款手机有不同的分辨率，不同屏幕大小，如何使我们开发出来的应用或页面大小能适合各种高端手机使用呢？学习html5 viewport的使用能帮你做到这一点 viewport 语法介绍： 代码如下： !-- html document -- meta name="viewport" content=" height = [pixel...[ 查看全文 ]

  梦里寻她baby

  21
• 
  html5 offlline 缓存使用示例

  标签：Web开发

  如果想使用该api，必须保证服务器端配置相应的mime类型。 拿tomcat为例，在打开Tomcat 6.0\conf\web.xml文件，在文件的最后面添加如下内容 代码如下： mime-mapping extensionmanifest/extension mime-typetext/cache-manifest/mime-type /mime-mapping 尤其注意，extension的value是manifest，所以以后配置缓存文件的后缀必须跟他一样。 使用缓存是必须如下格式 代码如下： !DOCTYPE html ...[ 查看全文 ]

  哪简单的小情歌

  91
• 
  html5构建触屏网站之网站尺寸探讨

  标签：Web开发

  本文分为两个部分，第一部分讨论跨平台网站的可行性，第二部分讨论viewport是如何设置的 开发跨平台网站？ 靠标签的自适应宽高实现多尺寸通用！？ 标签宽高可以自适应没错，我们很早就可以这么做了。但是你会发现很多pc端的传统网站还是会把宽度固定。（淘宝采用1000px宽度，搜狐950px...）为什么我们不让网站自适应宽高呢？那是因为，如果我们听任标签宽度被浏览器任意拉伸，将导致极差的体验：你不...[ 查看全文 ]

  Q122934943

  41
• 
  优化Windows预读功能为系统提速

  标签：windows 操作系统

  家知道，在Windows XP/2003操作系统中有一个名为prefetcher的服务，这是微软采用的一种全新系统后台数据预读机制，它可以提高系统性能，加快Windows XP/2003的启动速度，经过预读的程序全部存放在系统所在文件夹下的prefetcher目录中（图1），文件名格式类似于下面这个样子：FOXMAIL.EXE-2B721FDE.pf（这是Foxmail的预读文件）。Windows XP/2003虽然采用了预读取机制，但是默认设置下比较保守，我们可以...[ 查看全文 ]

  love不再丶联系

  351
• 
  html5指南-4.使用Geolocation实现定位功能

  标签：Web开发

  今天我们要学习的是使用Geolocation实现定位功能。我们可以通过navigator.geolocation获取Geolocation对象，他提供了下列方法： getCurrentPosition(callback,errorCallback,options)：获取当前位置； watchPosition(callback,error,options)：开始监控当前位置； clearWatch(id)：停止监控当前位置。 note：下面例子使用的浏览器是chrome，使用其他浏览器我不能保证运行结果和例子显示的结果一致。 1....[ 查看全文 ]

  夏日冰花中国

  71
• 
  基于HTML5 FileSystem API的使用介绍

  标签：Web开发

  HTML5的强大之一就是允许web程序申请一些临时或者永久的空间（Quota）在这里可以进行 数据的存储甚至文件的操作。 FileSystem提供了文件夹和文件的创建、移动、删除等操作，大大方便了数据的本地处理， 而且所有的数据都是在沙盒(sandboxed)中，不同的web程序不能互相访问，这就保证了数据 的完整和安全。 在CatWrite项目中，运用了HTML5的这个特性进行数据的存储，很是方便，只是目前来说只有 Chrome浏...[ 查看全文 ]

  湖北六_小白手

  51
• 
  使用HTML5拍照示例代码

  标签：Web开发

  演示地址： HTML5拍照演示 首先，我们看看HTML代码结构，当然，这部分的DOM内容应该是在用户允许使用其摄像头事件出发后，动态加载生成的。 注意： 我们采用的是 640X480的分辨率，如果采用JS动态生成，那么您是可以灵活控制分辨率的。 代码如下： !-- 声明： 此div应该在允许使用webcam，网络摄像头之后动态生成 宽高： 640 *480,当然，可以动态控制啦! -- !-- Ideally these elements aren't crea...[ 查看全文 ]

  cuiyan1109

  421
• 
  html5拖曳操作 HTML5实现网页元素的拖放操作

  标签：Web开发

  HTML5之前，要实现网页元素的拖放操作，需要依靠mousedown、mousemove、mouseup等API，通过大量的JS代码来实现；HTML5中引入了直接支持拖放操作的API，大大简化了网页元素的拖放操作编程难度，并且这些API除了支持浏览器内部元素的拖放外，同时支持浏览器和其它应用程序之间的数据互相拖动。 本文通过一个简单示例，演示HTML5中拖放API的使用方法。 场景： 如下图所示，我们要实现： 通过拖放将照片从...[ 查看全文 ]

  咱_只有那么穷

  621
• 
  html5构建触屏网站之touch事件介绍

  标签：Web开发

  前言 一个触屏网站到底和传统的pc端网站有什么区别呢，交互方式的改变首当其冲。例如我们常用的click事件，在触屏设备下是如此无力。 手机上的大部分交互都是通过touch来实现的，于是，对于触屏的交互式网站，触摸事件是相当重要的。 Apple在iOS 2.0中引入了触摸事件API，Android正迎头赶上这一事实标准，缩小差距。最近一个W3C工作组正合力制定这一触摸事件规范。 规范 这里我们介绍几种普及得比较...[ 查看全文 ]

  shihuaping_

  21
• 
  50个Demo展示HTML5无穷的魅力网站实例

  标签：平面设计 海报设计 广告设计 画报设计 签名设计 服装设计 名片设计 画册设计 版式设计 商标设计

  Flash和HTML5的比较已经成为现在最热门的主题之一，我们不去争论哪个好哪个不好。和HTML5在很酷的动画和简单的游戏等方面一样，除非HTML5在未来几年有一些重大发展，否则Flash在富内容网页应用和游戏方面永远是不错的选择。下面收集了50个非常酷的HTML5应用实例来展示其无限潜力。 1. Tunneler 2. JuicyDrop 3. Magnetic 4. Trail 5. Sinuous 6. DDD 7. Ha...[ 查看全文 ]

  Hi搞大象嗎

  361
• 
  HTML5中如何显示视频呢 HTML5视频播放demo

  标签：Web开发

  今天，大多数视频是通过插件（比如 Flash）来显示的。然而，并非所有浏览器都拥有同样的插件。 HTML5 规定了一种通过 video 元素来包含视频的标准方法。 在HTML5中，video元素目前支持三种格式的视频文件， 1.Ogg = 带有 Theora 视频编码和 Vorbis 音频编码的 Ogg 文件 2.MPEG4 = 带有 H.264 视频编码和 AAC 音频编码的 MPEG 4 文件 3.WebM = 带有 VP8 视频编码和 Vorbis 音频编码的 WebM 文件 那么在...[ 查看全文 ]

  爷们儿是朵錵

  41
• 
  html5指南-3.如何实现html元素拖拽功能

  标签：Web开发

  本文的内容是关于在html5中如何实现html元素拖拽功能。在html5之前要实现拖拽，需要借助js，现在html5内部就支持了拖拽的功能，但是要实现稍微复杂的功能还是少不了js的帮忙。下面我们看几个例子。 1.创建拖拽对象 我们可以通过draggable属性告诉浏览器，哪些元素需要实现拖拽功能。draggable有三个值：true：元素可以被拖拽；false：元素不能被拖拽；auto：浏览器自己判断元素是否能被拖拽。 系统默认值...[ 查看全文 ]

  baby鸡蛋炒韭菜

  61
• 
  html5 CSS过度-webkit-transition使用介绍

  标签：Web开发

  代码如下： -webkit-transition: all 0.5s; color: #b91003; margin-left: 40px !important; 效果是 在0.5秒内容字体颜色逐渐红 向左边逐渐margin-left直到40px[ 查看全文 ]

  1054543621

  51
• 
  25个灵感纷呈的HTML5网站设计欣赏

  标签：平面设计 海报设计 广告设计 画报设计 签名设计 服装设计 名片设计 画册设计 版式设计 商标设计

  现代网站技术的发展，使设计师的奇思妙想几乎都能得到实现。特别是HTML5技术的支持，使网站发生了惊人的变化。今天我们收集了一组效果超赞的HTML5网站，希望能给你带来灵感。 01. Universiteit Van Nederland 02. Kaisersosa 03. theycallmebarry 04. separate–together 05. Future Thought of Business 06. twelvesouth 07. canalplus 08. ogreen 09. Obakki Founda...[ 查看全文 ]

  年少无知931

  31
• 
  HTML5之HTML元素扩展(上)—新增加的元素及使用概述

  标签：Web开发

  考虑我们开发一个页面的过程 ： 1.设计页面的结构 - HTML：这个过程是使用各种HTML元素构建网页的结构。 2.设计页面的外观 - CSS：这个过程是使用CSS去改善网页的外观。 3.设计页面的行为 - Javascript：这个过程是给网页的元素赋予一定的行为。 上面这些除了CSS外，HTML5在另外两个方面都不同程度的进行了扩充。这个系列是集中在第一个方面。在前面，我们已经学习了复杂的canvas和svg元素，下面的章节会总...[ 查看全文 ]

  ︶ㄣ灬柴尐程

  171
• 
  HTML5 Web Workers之网站也能多线程的实现

  标签：Web开发

  Web Workers 是在HTML5中新增的，用来在web应用程序中实现后台处理的一种技术 在HTML4中，js创建的程序都是单线程的，如果花费时间比较长的话web界面就会长时间没有响应，最恶劣的情况还会跳出一个脚本提示框： 提示脚本运行时间过长，是否继续。。。。于是就引出了本文的主角：Web Workers API 使用这个API用户可以非常容易的创建在后台运行的线程，要创建后台程序很简单： 代码如下： var worker = ne...[ 查看全文 ]

  桀伦的微笑

  101
• 
  27个HTML5和CSS3的网站设计欣赏

  标签：平面设计 海报设计 广告设计 画报设计 签名设计 服装设计 名片设计 画册设计 版式设计 商标设计

  设计专业并且简洁的网站模板可以帮助我们更容易的开发和设计网站页面。作为最新最流行的web技术HTML5和CSS3技术来说，使用它们构建的模板更加简洁和时尚。 在今天这篇文章收集中，我们将介绍一些我们收集的免费超酷HTML5和CSS3网站设计模板。你不但能够欣赏到超酷的设计作品，同时也可以了解如何使用HTML5和CSS3进行高效的网站设计。希望大家喜欢!如果你也喜欢的话，请给我们留言，你的留言是我们持续更新的...[ 查看全文 ]

  优友圈阿东

  71
• 
  HTML5中的Article和Section元素认识及使用

  标签：Web开发

    HTML5带出了一系列新元素，并且将在未来被广泛应用。然而，有一些元素在使用时易被混淆，包括以下两个新元素：article和section。 最常被问起的问题是：在什么情况下我们应该使用这些元素？以及我们应该如何正确的使用这些元素？ Section元素 这 是一个最容易产生歧义的元素。它与div元素有什么区别？我们一直在用div来划分段落，所以除 了div,我们什么时候使用这个元素。我们引用官方文档来阐...[ 查看全文 ]

  paranoid依旧

  21