`
lixinlixin2008
  • 浏览: 152364 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

HTML5 Link prefetching

阅读更多
FF实现了链接预取功能,支持link标签(不支持A标签,可能以后会支持A标签)。
支持HTTPS(Starting in Gecko 1.9.1 (Firefox 3.5))。
预取的资源会在浏览器空闲时加载,iframe全部加载完毕。
可以预取的资源只能是HTTP协议的,还有url中带查询字符串的也不会预取。
如果使用FF进行下载的话,预取会停止,等待用户下载完毕。
支持预取不同host的url。
预取的请求会包含referer,所有的预取会在http header加入X-moz: prefetch,可能会有变动,是非标准的。
用户可以加入user_pref("network.prefetch-next", false);以使浏览器关闭预取功能。
支持cookie。


详细信息请猛击:
https://developer.mozilla.org/en/link_prefetching_faq
1
2
分享到:
评论
1 楼 zhouyrt 2010-06-24  
很强大的功能,希望能写入w3c标准!

相关推荐

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

    HTML5的链接预取功能(Link Prefetching)是一种优化网页加载速度的技术,它允许开发者指示浏览器在用户可能需要之前预先下载相关资源。这个特性在HTML的`<link>`标签中实现,通过设置`rel`属性为`prefetch`或`next`...

    5 个强大的HTML5 API 函数推荐

    5. **Link Prefetching** Link Prefetching是一种预加载技术,允许浏览器在用户尚未点击链接的情况下提前下载资源。这可以提高页面加载速度,但需谨慎使用,因为它可能消耗额外的带宽。以下是如何设置预加载的HTML...

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

    HTML5 预加载(Prefetching)是一种先进的网页优化技术,旨在提升用户体验,尤其是在用户导航到下一个页面时减少加载时间。通过预加载,浏览器可以在用户尚未点击但预测用户可能访问的页面或资源时,利用空闲时间...

    网易邮箱首页源代码.doc

    4. **资源预加载(Preloading and Prefetching)**:`<link rel="prefetch">` 和 `<link rel="preload">` 分别用于预先获取和优先加载指定的资源,提高页面加载速度。 5. **脚本引入**:`<script>`标签用于引入...

    网站顶部显示预加载进度条插件preload.js

    在`preload.js`插件的工作原理中,它会在网页DOM树加载的早期阶段,利用HTML5的`<link rel="preload">`标签来声明那些对页面渲染至关重要的资源。这个标签允许开发者指定资源的类型和优先级,让浏览器可以优先处理...

    dns预请求,提高SPA应用首屏渲染性能

    默认情况下,现代浏览器如Safari 5+、Chrome、Firefox 3.5+、Opera以及IE 9+(在IE中被称为“Pre-resolution”)会自动对不同域的资源进行隐式DNS预获取,并缓存结果。特别是Chrome和Firefox 3.5+,它们内置了DNS ...

    页面加载的Loading效果

    - 利用`<link rel="preload">`或`<link rel="prefetch">`标签,开发者可以指定浏览器优先加载哪些资源。 5. **工具和库** - 有许多开源库如`Nprogress`、`Loader.io`和`Loaders.css`等,提供了丰富的加载动画模板...

    高性能网站建设进阶指南:Web开发者性能优化最佳实践(口碑网前端团队翻译)

    8. **预渲染与预加载**:通过<link rel="prerender">或<link rel="preload">提前加载用户可能访问的页面,提升导航速度。 9. **DNS预解析**:通过DNS Prefetching技术,预先解析页面链接指向的域名,减少DNS查找...

    dns-prefetch是什么 前端优化:DNS预解析提升页面速度

    开发者可以通过在HTML中添加`<link>`标签或使用HTTP头`X-DNS-Prefetch-Control`来控制预解析行为。例如: ```html <link rel="dns-prefetch" href="http://example.com"> ``` 或者在页面头部添加: ```html ``` ...

    jquery mobile快速入门

    - **预加载页面(Prefetching Pages)**:提前加载用户可能访问的页面,减少延迟。 ### 7. 示例代码 ```html <!DOCTYPE html> <html> <title>jQuery Mobile 示例 <link rel="stylesheet" href=...

    cdn_webs

    在"cdn_webs"项目中,你可能还会接触到CDN的监控和优化,例如,通过跟踪CDN性能指标,分析用户访问模式,适时调整资源分配,或者通过内容预热(Prefetching)提前将常用资源加载到CDN节点,进一步提升用户体验。...

    资源:“资源和注释的回购”

    例如,HTML中的`<script>`和`<link>`标签用于引入JavaScript文件和CSS样式表,而图片和字体等静态文件通常被放在`<img>`和`<font>`标签中引用。在现代Web开发中,我们还会用到模块打包工具,如Webpack或Rollup,它们...

    react-master

    - `<BrowserRouter>`, `<Route>`, `<Link>`等组件的使用。 6. **React Hooks** - `useEffect()`: 替代生命周期方法,处理副作用,如数据获取、订阅、手动更改DOM等。 - `useMemo()`: 用于记忆计算值,防止不必要...

Global site tag (gtag.js) - Google Analytics