网页加速之Prefetching VS Prerendering

前两篇博文介绍了prefetching,prerendering,相关细节，下面来对比下两者之间的差异：

	prefetching	prerendering	备注
实现方式	预先请求网页资源	加载显示网页所有资源(后台tab)
使用方式	利用resource load	swap 后台页面
HTML标记方式	<link rel="prefetch">	<link rel="prerender">
耗资源	消耗少量资源	消耗大量资源
HTML 5 Spec	是	不是
支持的浏览器	多	少	大多数基于webkit浏览器都支持

下面列举Android平台上支持prefetching,prerendering浏览器厂商比对

	chrome	firefox	opera	dolphin	baidu	uc browser	maxthon	next	CM Browser
prefetch	√	√	√	√	√	√	√	√	√
prerender	√	×	×	×	×	×	×	×	×

从上面表格看到prefetch所有浏览器都支持，因为他已经HTML5的标准。 prerender目前只有chrome支持，相信未来会有更多浏览器厂商支持。

转载请说明出处，谢谢！欢迎共同探讨.

http://blog.csdn.net/typename/article/details/38685979 powered by miechal zhao.

网页加速之Prefetching VS Prerendering

时间： 2024-11-09 10:29:44

网页加速之Prefetching VS Prerendering的相关文章

网页加速之Chromium 预载入 Prerendering

前一篇博文已经介绍通过prefetch预先载入网页的资源来提升网页载入速度,以下我们一起来看一下网页加速之chromium prerendering.在介绍prerendering之前,先介绍两个概念: 1.PLT(page load time) :用户浏览网页触发浏览器内核 onPageStarted 到onPageFinished即网页開始到完毕的时间. 2.PPLT(perceived page load time):用户可感知的网页载入时间,从用户发起页面载入请求到页面呈现. 背景: 2

网页加速之Chromium 预加载 Prerendering

前一篇博文已经介绍通过prefetch预先加载网页的资源来提升网页加载速度,下面我们一起来看一下网页加速之chromium prerendering.在介绍prerendering之前,先介绍两个概念: 1.PLT(page load time) :用户浏览网页触发浏览器内核 onPageStarted 到onPageFinished即网页开始到完成的时间. 2.PPLT(perceived page load time):用户可感知的网页加载时间,从用户发起页面加载请求到页面呈现. 背景: 2

【网页加速】lua redis的二次升级

之前发过openresty的相关文章,也是用于加速网页速度的,但是上次没有优化好代码,这次整理了下,优化了nginx的配置和lua的代码,感兴趣的话可以看看上篇的文章: https://www.cnblogs.com/w1570631036/p/8449373.html 为了学习,不断的给自己的服务器装东西,又是logstash,又是kafka,导致主站网络负载.cpu消耗过大,再加上tomcat这个本身就特别占用内存的东西,只要稍微刷新一下网站,就能感受到蜗牛般的速度,实在受不了,前段时间给网

Link prefetching原理及性能测试

背景: Link Prefetching 是 HTML 5的一个标准, 最早是由Mozilla 发布的一个互联网标准草案,link prefetching 现在是 W3C和WHATWG关于HTML 5中的一部分.网页可以嵌入 prefetching 标记,当浏览器加载完当前页面即结束加载网页,在浏览器闲置的时候会触发prefetching 标记的link,浏览器会在后台静默prefeching指定的documents, 并存储在cache中. 当用户访问到prefetched documen

如何提高网页加载速度（二）

优化网页图片文件你的网页一定有图片,加载一个网页往往图片的总尺寸是最大的,特别是那些颜色丰富的背景图片和大副广告图片.所以一般要在同等图片质量的情况下要尽可能地减小图片尺寸.在Photoshop中我们可以用保存为Web图片的选项试一下.图片也有几种常用的文件格式.如JPEG一般是用来存储照片或全彩色图片的,比如照片.屏幕截图等.GIF图片格式的颜色要比JPEG少,适合做小图,如制作按钮.Logo等,另外GIF支持动态效果.PNG跟GIF比较相似,但它的尺寸较大,支持的颜色也比GIF要多,并

国内CDN加速现状

什么是CDN CDN的全称是Content Delivery Network,即内容分发网络.是位于网络层与应用层之间的网络应用,其目的是通过在现有的Internet中增加一层新的网络架构,将网站的内容发布到最接近用户的网络"边缘",使用户可以就近取得所需的内容,解决Internet网络拥挤的状况,提高用户访问网站的响应速度.从技术上全面解决由于用户访问量大.网点分布不均等原因所造成的用户访问网站响应速度慢的问题. 内容分发网络(CDN)是一个经策略性部署的整体系统,包括分布式存储

网站前端网页优化的原则（雅虎14条）

内容再丰富的网站,如果慢到无法访问也是毫无意义的:SEO做的再好的网站,如果搜索蜘蛛抓不到也是白搭:UE设计的再人性化的网站,如果用户连看都看不到也是空谈. 所以,网页的效率优化绝对是最值得关注的方面,那么,我们该如何才能提高一个网页的效率呢?对此,我今天就在马海祥博客上为大家分享一下雅虎网页优化的14条原则,也被称为:雅虎十四条,而这些原则也是我们作为一名SEO人员所必须了解的. 1.减少HTTP请求次数据统计,有80%的最终用户响应时间是花在前端程序上,而其大部分时间则花在各种页面元素,如

OutputCache缓存优化asp.net代码提高网页性能

对于asp.net编写的网页来说,使用缓存是一种非常重要也是很常用的优化技术,它可以大大减轻服务器的负载压力,优化这些网页的性能,在网与使用 .NET Framework 的任何其他功能相比,适当地使用缓存可以更好地提高站点的性能.同时,在网页加速显示上也起了很大的作用. OutputCache以声明的方式控制 ASP.NET 页或页中包含的用户控件的输出缓存策略. 语法: <%@ OutputCache Duration="#ofseconds" Location=&quo

4月6日学习笔记——如何提高网页加载速度（前端面试考点）

网页的加载速度是评估网站质量一个重要指标.原因在于大多数用户能够容忍的网页加载时间只有几秒,如果超出了访客的忍受范围他们会毫不留情地关掉你的网页,所以网页载入速度会极大地影响网站的流量和访问.以下总结了几种可以明显提高网站加载速度的初步简单技巧方式,如果你的网站存在载入速度慢的问题不妨与此为参考对网页做些初步优化. 网页加载提速之 – 优化网页图片文件你的网页一定有图片,加载一个网页往往图片的总尺寸是最大的,特别是那些颜色丰富的背景图片和大副广告图片.所以一般要在同等图片质量的情况下要尽可