如何使用CDN服务给网站提速？

CDN是一个策略性部署的整体系统，能够帮助用户解决分布式存储、负载均衡、网络请求的重定向和内容管理等问题，CDN代表了一种基于质量与秩序的网络服务模式。

1.想要完成CDN对网站的加速服务，先要在大平台注册登陆，购买CDN服务。

2.以腾讯云为例，先注册并登陆腾讯云账号，通过CDN控制台完成实名认证。有关实名认证的更多问题请参考实名认证指引。

3.开通CDN服务，腾讯云CDN支持中国境内和中国境外两个服务区域。目前仅提供按流量小时计费方式。有关计费规则的更多说明，请参考计费说明。勾选统一服务条款后，单击开通CDN，即可成功开通并开始使用CDN服务。

4.接入域名，开通CDN服务后，你需要将加速业务的域名接入腾讯云CDN，用户访问域名即可获得加速效果。

5.你的域名接入CDN后，还需要在域名服务提供商处完成CNAME 配置，配置生效后，即可享受 CDN 加速服务。

目前，腾讯云就可以根据你的需求提供不同的CDN加速服务，而且还有非常周到客服和帮助文档，让你接入CDN加速服务变的更加容易。如果你是普通网站，直接使用腾讯云的网站加速就行了，如果还有一些动态资源，就需要使用ECDN全站加速了。

现在腾讯云的CDN流量也非常优惠，你可以根据自己的需求进行选择。腾讯云针对新老用户都提供不同程度的流量优惠。例如，新用户专享CDN流量资源，低至0.06元/GB；个人用户于官网开通CDN当天可获赠共120GB免费境内流量包，分6个月生效，每月生效20GB；企业用户于官网开通 CDN 当天可获赠共360GB免费境内流量包，分6个月生效，每月生效60GB。

老用户可以购买 9.9元100GB CDN境内流量包、99元1T CDN境内流量包、999元10T CDN境内流量包。

1、图片优化

首先，你需要优化你网站上的图片，来获得丝毫加速网站的机会。从原图上移除额外的注解、不必要的空间和无用的颜色，将图片保存为JPEG格式，因为它即使占用空间小，也能保证图片的高质量。

对于WordPress网站，建议使用smush.it插件来自动优化网站的图片。如果图片是PNG格式，可以使用tinypng 优化图片，提高图片质量。

2、开启GZip压缩

GZip压缩听起来很复杂，但实际上很简单，被用于减少HTTP请求的大小来缩短响应时间。因为这允许你发送GZip压缩文件而不是HTML文件给浏览器，它将缩短页面等待时间和加载时间。对于Apache服务器，可以将下面的代码添加到.htaccess文件中来开启GZip压缩。

3、服务器响应时间

即使网站已经格外优化，但是除非服务器响应时间非常快，否则就不会有什么大的效果。当涉及到提高网站的速度，服务器响应时间起着重要的作用。下面是一些提高服务器响应时间的建议。

有独立的服务器，而不是选择共享/托管服务器。

提高Web服务器的质量。

移除不必要的插件，只有那些必要的插件，才需要一直保持启用状态。

4、使用CDN

内容分发网络（CDN）是位于不同地理位置的服务器组成的网络。每个服务器都拥有所有网站的文件副本。当用户请求文件和网页时，就可以直接从就近的网站服务器获取相应资源（也可以是从负载最小的服务器）。你可以使用Amazon cloud front 或者MaxCDN为网站开启CDN加速。

5、压缩CSS、JavaScript和HTML文件

通过删除所有不必要的空格和注释，从而减小文件大小，提高页面的加载速度。下面是一些优化CSS、JavaScript和HTML文件的流行工具，非常有用。

CSS Minifier

Avivo

HTML Compressor

6、避免重定向

重定向是对网站访问者的一种极大的刺激。就类似你去一个朋友家，却发现你朋友早已经搬到三个街区远的地方了。重定向会消耗额外的时间，降低加载速度。

7、指定字符集

指定字符集是加速浏览器渲染页面的另一个有用的技巧。下面的代码就能轻松实现：

<meta http-equiv="Content-Type" content="text/htmlcharset=utf-8">

8、避免错误请求

当用户在网站上搜索时，收到404或410错误是比较失望的。错误请求会对网站的页面加载速度产生不利影响。因此，建议你无论如何都要避免错误请求。Check My Link 能帮你找出404链接，清除它们，改善用户体验。

网页的加在一半就是代码的加载，各种文件，以及一些因素，那么就从这些因素去考虑就可以：

1、合并Js文件和CSS

将JS代码和CSS样式分别合并到一个共享的文件，这样不仅能简化代码，而且在执行JS文件的时候，如果JS文件比较多，就需要进行多次“Get”请求，延长加载速度，将JS文件合并在一起后，自然就减少了Get请求次数，提高了加载速度。

2、Sprites图片技术

Spriting是一种网页图片应用处理方式，它是将一个页面涉及到的所有零星图片都包含到一张大图中去，然后利用CSS技术展现出来。这样一来，当访问该页面时，载入的图片就不会像以前那样一幅一幅地慢慢显示出来了，可以减少了整个网页的图片大小，并且利用CSSSprites能很好地减少网页的http请求，从而大大的提高页面的性能。CSSSprites在国内很多人叫css精灵，很早就有了，在很多大型网站都有用到，特别是一些所有页面都存在的图标用得比较多，很好的提升加载速度。

3、压缩文本和图片

压缩技术如gzip可以有效减少页面加载的时间。包括HTML，XML，JSON(JavaScript对象符号)，JavaScript和CSS等，压缩率都可以在大小70%左右。文本压缩用得比较多，一般直接在空间开启就行，而图片的压缩就比较随意，很多都是直接上传，其实还有很大的压缩空间。

4、延迟显示可见区域外的内容

为了确保用户可以更快地看见可见区域的网页可以延迟加载或展现可见区域外的内容，为了避免页面变形，可以使用占位符标签制定正确的高度和宽度。比如WP的jQueryImage LazyLoad插件就可以在用户停留在第一屏的时候，不加载任何第一屏以下的图片信息，只有当用户把鼠标往下滚动的时候，这些图片才开始加载。这样很明显提升可见区域的加载速度，提高用户体验。

5、确保功能图片优先加载

网站主要考虑可用性的重要性，一个功能按钮要提前加载出来，用户进入下载页，一个只需要8s时间的下载花了5s在等待、寻找下载按钮图片，谁能忍受?

6、重新布置Call-to-Action按钮

其实这个和上面一条是差不多的，都是从用户体验速度着手，跳过了网页的整体加载速度。速度没变，只是让一些行为按钮提前，Call-to-Action按钮一般习惯设计在页面底部，这样的习惯对于用户来说并不总是好的，购买用户需要等到最下面加载出来才能点击下一步操作。可以调整CTA按钮的位置或使用滑动的图片按钮。很多大型购物网站的加入购物车就是这种类型。

7、图片格式优化

不恰当的图像格式是一种极为常见的减慢加载速度的罪魁祸首。正确的图片格式可以让图片缩小数倍，如果保存为最佳格式。可以节省大量带宽，减少处理时间时间，大大加快页面加载速度，这是一种很常见的做法。

8、使用 Progressive JPEGs

ProgressiveJPEGs图片是JPEG格式的一个特殊变种，名为“高级JPEG”。在创建高级JPEG文件时，数据是这样安排的：在装入图像时，开始只显示一个模糊的图像，随着数据的装入，图像逐步变得清晰。它相当于交织的GIF格式的图片。高级JPEG主要是考虑到使用调制解调器的慢速网络而设计的，快速网络的使用者通常不会体会到它和正常JPEG格式图片的区别。对于网速比较慢的用户，这无疑有很好的体验。

9、精简代码

这个可以说是最直接的一个方法，也是用得比较多的，对网页代码进行瘦身，删除不必要的沉冗代码，比如不必要的空格、换行符、注释等，包括JS代码中的无用代码也需要清除。其中对于注释代码的清除可能有些人存在误区，甚至有的在里面堆砌关键词。

10、延迟加载和执行非必要脚本

网页中有很多脚本是在页面完全加载完前都不需要执行的，可以延迟加载和执行非必要脚本。这些脚本可以在onload事件之后执行，避免对网页上重要内容的呈现造成影响。这些脚本可能是自己网页的甲苯，往往更多的是一些第三方脚本，这样的有很多，比如评论、广告、智能推荐、百度云图、分享等等，这些完全可以等主体内容加载完后再执行。

11、使用AJAX

AJAX即“Asynchronous Javascript +XML“，是指一种创建交互式网页应用的网页开发技术。通过在后台与服务器进行少量数据交换，AJAX可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下，对网页的某部分进行更新。传统的网页(不使用AJAX)如果需要更新内容，必须重载整个网页面。

12、自动化的页面性能优化

自动化的页面性能优化也就是借助工具了，网站提速工具有很多，这里Radware推荐了自家的RadwareFastView，也算Radware给自家做了一个广告，这里不多说了。

---