其实对于一些文件、图片等体积较大的资源，带宽是最大因素，所以常见的方法基本就是提升站点的带宽，如果拥有更高要求的就需要使用内容分发网络（CDN）技术，来提升用户的访问速度，这种方法虽然非常棒非常有效，但是有点费钱，对于没有这方面预算的站点又要如何提升网站资源的加载速度呢？

当网站的资源加载速度不变的情况下，要使得页面打开速度加快，那么只有对资源进行预获取。简单的讲就是当我们打开页面A的时候，页面A的资源加载完成之后，可以对页面B的资源进行预获取。

要实现资源的预预获非常的简单，只需要使用到link标签，通过link标签的资源提示符来实现。link标签的资源提示可以使用rel属性来实现。rel属性指定当前文档与被链接文档之间的关系，常见的值包括stylesheet、icon、dns-prefetch、preload、prefetch等。

• stylesheet--链接外部样式表

• icon--链接图标

• dns-prefetch--DNS预解析

• preload--预加载资源

• prefetch--预获取资源

其中preload和prefetch是相对的，preload 是告诉浏览器预先请求当前页面需要的资源，可以指明哪些资源是在页面加载完成后即刻需要的资源，预先加载这些资源并且不会阻塞页面。

# 预获取一个网页<link rel="prefetch" href="https://www.chateach.com/">
#预获取一个图片<link rel="prefetch" href="panmourenseo.jpg"/> 
#预获取一个css<link rel="prefetch" href="panmourenseo.css"/>
#预获取一个js<link rel="prefetch" href="panmourenseo.js"/>

预获取的对象就要根据站点的需求是确定了，潘某人SEO认为的预获取的资源首先是站点的一些重要页面的css、js文件，虽然预获取可以提升被预获取资源所有页面的打开速度，但是并不是所有页面都有机会被用户打开，如果大量的预加载一些用户没有打开的页面资源，就反而会导致用户服务器的性能的浪费。