(感谢自然博客分享)wordpress在访问的过程中会加载大量文件,这就造成了宽带吃紧,访问速度慢的结果,其中最占用宽带资源的无疑是图片的加载,虽然现在很多博主都使用了文章图片延时加载以缓解突发性的宽带高占用,但这样对于SEO而言是不好的。博主采用了静态分离的方式加速网站的访问,wordpress只处理传输动态内容,图片等静态文件交给CDN来处理。
自然博客使用了Nginx fastcgi_cache缓存页面、Brotli压缩加速网站传输、又拍云CDN加速图片访问的方案对本博进行了性能优化,自然本打算使用CDN加速网站图片、CSS、JS等静态文件,但是发现我使用的Begin主题CDN加载JS/CSS文件后会出错,所以果断放弃了对CSS、JS的加速,只用CDN加速图片即可,还好我使用了Brotli和GZIP压缩HTML、CSS、JS进行传输,Brotli是谷歌的新压缩算法,比传统的Gzip更具优势,优先级也更高。
这是本博的加速方案相关内容,感兴趣的小伙伴可以看一下:
又拍云注册
又拍云免费10GB存储空间,15GB免费流量,最重要的是支持HTTPS流量喔!
CDN加速服务创建
又拍云拥有多种加速模式,多种类型的网站都可以适用,回源方式根据自己的实际情况选择,加速区域可选国内和全球两种类型,方便外贸站的朋友使用。
回源设置
回源设置中回源HOST一定要填写,不然服务器无法辨认是哪个域名来访问获取资源,源站资源迁移可选,这个有利于加速网站访问。优先从CDN服务器获取资源,若服务器没有该资源则从源站服务器拉取资源。
缓存控制
缓存控制用于控制缓存内容。其中缓存配置尤为重要,可以在里面选择缓存哪些内容?缓存多长时间?以及不缓存某些内容?部分网站某些JS或者CSS是不能缓存的,一旦缓存就会造成网站样式或者功能错误。
性能优化
CDN性能优化,又拍云兼容传统的Gzip压缩算法,同时率先引进了Brotli压缩算法,这个功能可以减少用户传输内容的大小,加速访问效果,并且支持自定义压缩等级,压缩等级越高所需要的时间越长,其实也就是0.XX秒的差异,一般可以忽视。
HTTPs设置
又拍云是目前我所知道的提供免费HTTPS流量的CDN,这是我选择又拍云的一大理由,它免费提供SSL证书,也可以自定义上传自己的ssl证书。HSTS设置可以有效的加强网络传输的安全性,这是下一代互联网通讯的安全策略极致。TLS 1.3 是一种全新的加密协议,它既能提高终端用户的访问速度,又能增强安全性,CDN 服务已全平台支持 TLS 1.3。我们还可以设置最低兼容TLSV版本,一般情况下建议取消对TLSv1.0的兼容。
>
访问控制
又拍云提供了丰富的访问控制策略,多样化的防盗链配置方案,从IP、域名、浏览器到Token密令校验一应俱全,可以有效的防止盗链,恶意消耗CDN流量行为。
同时还提供了CC防护,WAF防火墙的安全策略。
成本控制
成本控制顾名思义就是给你控制CDN开销成本,我的信条是在不影响访问的前提下能开的功能都打开,因为省钱啊。
图片处理
图片处理,你可以使用又拍云提供的云端图片处理功能,创建任意形式的缩略图,以及添加水印等等功能,前提是具备一定的php开发能力。
边缘规则
边缘规则博主也不是很了解,在这里提醒各位小白,不懂得不要乱碰,多看help准没错。
wordpress配置又拍云加速图片
本着能用代码解决的问题绝对不用插件的人生信条,还是研究哈,弄个代码出来。
这段代码是wordpress专用代码,粘贴到主题的functions.php最后一个}前面即可
- //将本地图片地址替换为CDN地址
- define('CDN_HOST','//www.wanvi.net');
- add_filter('the_content','z_cdn_content');
- function z_cdn_content($content){
- return str_replace(home_url().'/wp-content/uploads', CDN_HOST.'/wp-content/uploads', $content);
- }
- add_filter('wp_get_attachment_url','z_get_attachment_url',10,2);
- function z_get_attachment_url($url, $post_id){
- return str_replace(home_url(), CDN_HOST, $url);
- }
总结
又拍云的加速效果非常不错,配备了3T 带宽资源保障,按量收费,非常适合刚起步的小站,HTTPS流量也纳入了免费流量的范围,这是又拍云有别与其他加速CDN的特点。如果你想给你的站点配置静态资源分离的话,又拍云是一个不错的选择,且现在大部分程序都内置或者提供插件化的又拍云简易设置面板,易学易用,手痒爱折腾的小伙伴们赶快试试吧。








![[自用笔记]利用@media screen实现网页布局的自适应手机端显示导航公告背景](https://www.qieseo.com/wp-content/themes/begin/prune.php?src=https://www.qieseo.com/wp-content/uploads/2018/05/DHBJ.png&w=280&h=210&a=&zc=1)

