FF下：
<link rel="prefetch" href="**.jpeg" />
Chrome下：
<link rel="prerender" href="***.gif" />
- 据说13+开始支持
扩展阅读：
http://www.cnblogs.com/rubylouvre/archive/2011/09/13/2174608.html
zhangyaochun
- 浏览: 2620724 次
- 性别:
- 来自: 北京
-
文章分类
- 全部博客 (1286)
- js-oop (2)
- js-window (10)
- js-event (19)
- js-string (37)
- js-array (27)
- js-page (4)
- js-dom (62)
- js-lang (8)
- js-number (7)
- js-platform (3)
- js-object (15)
- js-element (3)
- js-browser (7)
- js-url (6)
- js-date (10)
- css基础 (48)
- css优化 (15)
- html基础 (17)
- html标签 (19)
- js基础 (117)
- js-兼容性差异 (33)
- js引擎 (3)
- js性能 (14)
- json (6)
- jQuery源码浅析 (43)
- web mobile开发资料 (78)
- js跨域 (2)
- html5 (74)
- html5-canvas (7)
- css3 (53)
- 浏览器 (5)
- api设计学 (3)
- js-加载 (3)
- linux (37)
- 架构师 (1)
- php (2)
- self开发的脚本库--凤凰 (2)
- web应用名词 (6)
- javascript新特性翻译 (8)
- ajax (6)
- jQuery动画效果 (7)
- prototype的解读 (13)
- 优秀插件翻译 (1)
- css解决方案 (26)
- 数据库 (2)
- english daily (59)
- 浏览器内核探究 (1)
- jQuery插件介绍 (9)
- jquery基础篇 (26)
- chrome浏览器问题整理 (14)
- js选择器那些事 (3)
- 前端框架 (26)
- Firefox私有属性 (11)
- webkit私有属性集合 (17)
- 书籍推荐 (21)
- 数据结构 (1)
- 网站建设相关 (7)
- 好文翻译 (2)
- 个人作品 (3)
- kissy的解读 (4)
- css-layout（布局研究） (5)
- less研究 (1)
- YUI探究 (1)
- hash探究 (1)
- js动画 (7)
- 前端面试题 (37)
- css书写规范 (1)
- js模板引擎 (6)
- js模块化 (19)
- 编写高质量代码 (3)
- 性能探究--应用协议 (2)
- 前端图像处理 (19)
- Mac OS相关 (21)
- 正则表达式 (11)
- 离线应用相关 (0)
- 前端工具 (65)
- nodeJS (55)
- jquery优化篇 (2)
- 设计模式探究系列 (3)
- windows7 (2)
- IE10 (10)
- 微博开放平台探究 (2)
- 常用web服务接口 (1)
- 数据存储相关 (8)
- 零时文件 (2)
- jQuery Mobile (16)
- backbone (15)
- underscore (22)
- sass (11)
- android (3)
- phonegap (10)
- IE私有 (11)
- qwrap (8)
- git (14)
- chrome extensions (5)
- freemarker (11)
- angularJS (3)
- seo (2)
- markdown (3)
- css动画 (4)
- 安卓开发 (2)
- React (7)
- 活动页技术 (1)
- 网络安全 (3)
- grunt (7)
- Lo-Dash (3)
- 前端国际化 (4)
- 版本控制 (2)
- 盒模型 (4)
- 微信开发 (1)
- Mock数据工具 (1)
- sails (1)
- vim (1)
- js-color (1)
- iOS 基础 (43)
最新评论
-
jertom：
<div id="showInfo" ...
addEventListener等事件监听的参数细谈 -
乌托邦国王：
引用[u][/u]
css3动画属性系列之transform细讲移动translate -
hvang1988：
能提供附件下载吗，找不到js库，google封了访问不了
Syntaxhighlighter---代码高亮插件介绍 -
sscsacdsadcsd：
我的天 那到底是为什么function是object我看und ...
typeof func ==='function'的疑惑 -
wkjiangwk：
试了，没用，你们从不去测试。
介绍一下x-webkit-speech -------实现语音输入
-
style新的属性 scoped
2013-12-14 17:33 2426本文收录一个style的新属性：scoped ... -
html5 form的novalidate属性
2013-12-13 21:31 964HTML5 form的 novalidate属 ... -
main元素
2013-08-03 11:52 1323main元素： 来自：HT ... -
link之dns-prefetch
2013-07-08 13:40 1448先看一段代码： <link re ... -
丢弃shiv的外链依赖吧
2013-05-20 20:08 1325很久之前，我们都是直接采用shiv来规避低版 ... -
html5之dialog标签
2013-04-17 15:14 2129前言： 本文部分内容来自w ... -
html5之meter标签
2013-04-17 15:14 1462前言： 本文部分内容来自w3sc ... -
html5之datalist标签
2013-04-17 15:14 1501前言： 本文部分内容来自w3sc ... -
html5之bdi标签
2013-04-17 15:15 1594前言： 本文内容部分来自w3sc ... -
fullScreen API
2013-04-11 11:42 1362本文只是贴出一下兼容列表： ... -
html5 button的form属性
2013-04-11 11:35 1324本文来自：http://www.w3schoo ... -
Data URI
2013-03-05 18:13 1549前言： 本文部分内容来自 《随网之舞 ... -
在线检测相关
2013-03-05 14:16 1322如何判断当前浏览器的在线或离线状态？ // ... -
离线存储 application cache
2013-03-05 10:57 1831离线与缓存： 网页缓存依赖网络的存 ... -
html5 右键菜单案例
2013-03-04 13:05 4380contextmenu属性 html ... -
html5 之menu标签
2013-03-04 12:10 2048HTML5 menu标签 定义菜 ... -
设置type="range"为vertical
2013-02-21 16:56 1416如何设置type=“range”为vertical ... -
ios5新特性部分整理
2013-02-21 16:56 1298本文整理一下ios5对HTML5的支持情况： ... -
IE10支持HTML5的输入类型
2013-02-20 11:47 1356IE10对部分输入控件进行了触控优化： ... -
pageshow与pagehide
2013-02-19 16:18 1840本文部分内容来自《Javascript高级程序设计》，个人 ...
相关推荐
HTML5 预加载（Prefetching）是一种先进的网页优化技术，旨在提升用户体验，尤其是在用户导航到下一个页面时减少加载时间。通过预加载，浏览器可以在用户尚未点击但预测用户可能访问的页面或资源时，利用空闲时间...
在IT行业中，预加载图片是一项重要的优化技术，特别是在网页设计和开发中，它能提高用户体验，使得图片在用户实际浏览前就已经加载完毕。本话题主要围绕"jQuery 预加载图片"这一主题展开，我们将深入探讨jQuery库...
在提供的文件列表中，`index.html`很可能是包含这些预加载逻辑的HTML文件，而`css`文件夹可能包含了样式表，用于美化页面。`images`文件夹自然存放了需要预加载的图片，而`js`文件夹可能包含了`jQuery`库和上述预...
手机页面预加载效果是移动应用或网页在用户打开时，为了提供流畅的用户体验而采用的一种技术。当用户点击一个链接或者启动应用时，预加载效果会先展示出来，以掩盖内容加载过程中的空白期，同时给予用户视觉反馈，...
图片预加载技术是Web开发中的一个重要概念，尤其是在处理大量图像或者多媒体内容的网站时，能够显著提升用户体验。本文将深入探讨“图片预加载js”这一主题，包括预加载的原理、实现方式以及如何使用JavaScript来...
《jQuery LazyLoad 图片预加载技术详解》 在网页设计中，图片的加载速度往往直接影响着用户体验。当页面中包含大量图片时，如果一次性全部加载，可能会导致页面加载时间过长，用户需要等待，这无疑降低了网站的可用...
5. **预加载列表**：创建一个图片列表，按照优先级进行预加载，重要的图片优先加载。 在实际应用中，我们可能会结合使用这些策略，以达到最佳的预加载效果。比如，可以先预加载首页的重要图片，然后在用户交互时...
- HTML `<link>`标签预加载：在HTML的`<head>`部分使用`<link>`标签，指定`rel`为`preload`，并提供`href`属性指向图片资源。例如： ```html ``` 二、预加载策略选择 1. 部分预加载：只预加载首屏或用户可能...
1. HTML5 `<link rel="prefetch">` 标签：这是HTML5引入的一个新特性，允许开发者声明将来可能会用到的资源，浏览器会在空闲时间预加载这些资源。在ASP.NET中，可以在页面头部添加此标签，指定需要预加载的URL。 2....
在移动设备上，H5（HTML5）页面的适配、预加载以及资源加载进度的显示对于提升用户体验至关重要。下面将详细阐述这些知识点，并提供一些实际应用的策略。 1. **H5页面适配**： - **百分比布局**：在H5页面设计时，...
5. **绑定事件**：使用`.on()`方法将预加载函数绑定到页面加载事件，如`$(document).ready()`，确保在页面完全加载后开始预加载过程。 6. **测试与优化**：在实际环境中测试预加载效果，根据性能和视觉感受进行调整...
在"简单的预加载"这个主题中，我们看到提供了一个完整的案例，包括JavaScript代码和HTML文件，这些都是实现预加载效果的重要组成部分。下面将详细讲解这两个方面以及与之相关的其他文件和概念。 1. JavaScript代码...
1. **获取图片列表**：首先，你需要确定需要预加载的图片列表，这可以通过HTML元素、CSS选择器或者动态生成的数组来实现。 2. **创建`<img>`标签**：为每个图片创建`<img>`标签，并设置`src`属性为空或者占位符图片...
预加载是通过HTML5的标签或者JavaScript来实现的，它告诉浏览器某些资源对于页面的后续操作至关重要，应优先下载。例如，可以使用`<link rel="preload">`标签来声明预加载资源： ```html ``` 在这两套预加载代码...
在网页设计中，图片预加载是一项重要的优化技术，它的目的是提前加载用户可能需要的图片，以提高用户体验，减少页面加载时间。"图片预加载loading"就是这个概念的具体应用，它通常会在页面的主要内容加载之前，预先...
4. **使用link标签预加载**：HTML5的`<link rel="preload">`可以用来预加载CSS、字体和其他静态资源，原生无依赖预加载插件可能会利用这个特性。 5. **使用Script标签异步加载**：对于JavaScript文件，预加载插件...
5. **监控进度**：为了提供更好的用户体验，可以添加一个进度条或者提示来显示预加载的进度。这可以通过修改预加载函数中的`onload`回调来实现。 通过以上步骤，我们就完成了使用jQuery 1.3进行图片预加载的简单...
**preloadjs 图片预加载插件详解** 在Web开发中，图片预加载是一项重要的优化技术，它可以提升用户体验，确保图片在需要时能够迅速显示。preloadjs 是一款强大的JavaScript库，专为实现资源预加载而设计，包括图片...
在本文中，我们将深入探讨“图片预加载学习”的第三部分，重点关注无序加载以及如何实现图片切换。在网页设计和开发中，图片预加载是一项重要的技术，它可以帮助提高用户体验，尤其是当网页包含大量图片时。预加载...