个人博客网建站优化经验总结

2022-03-28 0 1,713

先给大家描述一下我创建的类博客网站的总体情况,也可说是本文的精华摘要:

总体架构:腾讯云服务器+nginx+wordpress+php+mysql+七牛云存储

云服务:腾讯云服务器+七牛云存储

服务器软件:nginx+wordpress+php+mysql

WordPress插件:WP Super Cache+百度分享

优化:WP Super Cache+ngx_pagespeed+tmpfs+七牛镜像存储

 

本文将分建站篇和优化篇这2篇来分别介绍完整的建站经验,其中优化篇是重点,可以说经过如下所述几步的优化,基本达到了低配单机云服务器上网站的性能极限,可以成倍地提升你的网站的响应速度,而且不用多花一分钱。好,我们开始吧。

 

一、建站篇:

下面给大家介绍建站流程:

1. 注册域名

在万网注册域名。现在域名服务商很多,可以自由选择,各域名商服务应该差别不大。

2. 购买云服务器

国内云服务商众多,推荐选择腾讯云。首先,腾讯的技术实力相信大家不会有任何怀疑,所以腾讯云的稳定可靠、高性能和安全防护是不用担心的。再看价格,腾讯云经过多次下调价格后已经非常有吸引力,而且还有亿元扶持活动、晒单送代金券活动等,拿到扶持资源和代金券就更爽了。还有一个省钱的技巧,就是通过腾讯云的代理商购买,又可以打个7.5-8折。我是通过“有梦网络”买的,在淘宝搜索店铺就能找到,因为觉得他家服务还不错,所以推荐一下。总体算下来,用上腾讯云服务器的总体成本是相当实惠了。

3. 域名备案

如选择国内的空间服务,这一步是必须的。按照云服务提供商的备案指引一步一步操作吧。

4. 选择建站程序

类博客网站首选的建站软件就是wordpress了。WordPress是一种使用PHP语言开发的博客平台,功能强大,插件、模板众多,易于扩充功能。安装使用都非常方便。

另外因为上一步购买的是腾讯云服务器,相当于一台只安装了Linux的独立服务器,所以web服务器和wordpress运行所需的php环境、mysql数据库都需要自己安装。Php和mysql选择最新的稳定版本即可,而web服务器怎么选择呢?其实主要就是在apache和nginx之间选择了。Apache是使用非常广泛的web服务器,资料众多,对wordpress支持也非常好,搭配使用非常简单方便。但考虑到nginx相比apache更高的性能和更好的并发处理能力,我最终选择了nginx。

5 安装nginx+php+mysql

目前wordpress推荐使用PHP7.4和Mysql5.7进行搭建。都是开源软件,网上有很多文章介绍如何安装,这里就不赘述了。Nginx多提一句,因其可编译配置的模块众多,这里只选用了1个优化相关的模块:ngx_pagespeed。后面介绍优化处理时会再说明一下。

6. 安装WordPress

WordPress安装非常简单,著名的5分钟安装步骤如下:

1)下载WordPress软件包并解压缩它;

2)在你的主机上为WordPress建立一个数据库,以及一个具有访问和修改权限的MySQL用户(我们上一步就做了);

3)将wp-config-sample.php改名为wp-config.php;

4)用文字编辑器(比如记事本)打开wp-config.php,填入你的数据库信息;

5)将WordPress文件上传至你的网站服务器上适当的地方;

6)在浏览器中访问wp-admin/install.php运行WordPress脚本;

7)访问http://云服务器ip/wp-admin/install.php

OK,WordPress已经安装好了。

我安装的是wordpress5.9.1,目前最新版本是5.9.2。这样安装好之后就可以通过云服务器ip访问到wordpress主页并发布文章了。

7. 选择主题模板

WordPress主题模板众多,可以根据自己的网站定位选择免费模板,也可以花钱购买,也可以在免费模板上自己修改定制,只是自己修改的话就需要一些html、css、php的基础了。到这一步完成,已经可以通过云服务器ip访问到主题模板风格的漂亮网页了。

8. 修改域名的DNS解析

这一步其实可以提前到购买云服务器之后,因为购买云服务器之后就可以拿到服务器的公网ip了,而dns解析就是把域名解析到服务器的公网ip。当然放在这一步也ok,毕竟在服务器部署配置好之前通过域名访问也没多大意义,而且在备案完成之前是不允许新网站上线的。Dns解析在域名申请商那里配置,非常简单,看一下介绍就知道怎么操作了。也可以使用第三方dns服务商的服务,比如dnspod,修改都是非常简单的。

这一步操作完,恭喜你,你已经可以通过你的域名访问云服务器上wordpress的网页了。一个完整可用的网站已经搭建完成。

二、优化篇:

虽然网站已经上线可用了,但性能上还存在很多可优化提升的空间。下面就重点介绍一下可以进行的优化:

1. WordPress插件:WP Super Cache

WP Super Cache是一个非常好用的静态化插件,它从你的动态Wordpress 文章中生成静态的html文件。当一个html文件生成后,你的服务器在下次收到请求时就可以直接吐出这个文件,避免WordPress PHP脚本的处理,从而节省系统资源,提高响应速度。

WP Super Cache本身的安装非常简单,在wordpress后台的“插件”页面点击“安装插件”然后搜索到之后一路安装就行了。只是对于nginx+wordpress,需要在nginx.conf中配置一下mod_rewrite规则。网上也有专文描述,这里不赘述。

2. 图片云存储:七牛云存储(重磅优化,重点介绍)

网页要想漂亮,图片少不了。假如图片完全存储在你的wordpress后台,那用户访问你的网站时,图片相比文字会占用你带宽的大头,假如你的带宽不够充裕,那你网站的并发数也很难提上去,响应速度也可想而知。这里用七牛云存储加上WP Super Cache的CDN功能是一个完美的解决方案。

七牛云存储是由七牛提供的在线存储服务,尤其适合存储图片等静态资源,通过云端接口向企业客户提供网上无限存储空间,和传统的云存储服务(如 Amazon S3)不同,七牛云存储还增加了上传下载传输加速以及富媒体云端处理特性。

七牛云存储支持绑定域名(需要备案域名),全网 CDN 加速(多数据中心+多加速节点,上传下载均加速)、持续在线,可以无限扩展、用户只需按需付费,无硬件投资,并且还有免费套餐的,每个月 10G 流量,总空间 10GB。

除了云存储以外,七牛还支持传统 CDN 的镜像存储,这个功能是七牛相对其他类 Amazon S3 服务最强悍的地方,因为对于很多 WordPress 站点来说,有了这个功能,就无需将原来的图片上传到七牛的服务器上,只需在 WordPress 站点做些简单的修改,就可以使用七牛的 CDN 服务了,真正实现 WordPress 网站静态文件 CDN 加速。

在 WP Super Cache 中使用七牛云存储的步骤如下:

1. 申请七牛账户,点击这里即可申请;

2. 登陆七牛,选择你的空间,然后点击 空间设置 > 域名绑定,输入自定义的域名,或者直接使用七牛提供的域名,以xxxx.com为例设置好后的效果如下:

 

我这里是使用了自定义域名cdn.xxxx.com,用于存放图片、css、js等静态内容。这一步是把自定义子域名cdn.xxxx.com和七牛提供的子域名xxxx.qiniudn.com绑定在一起。

3. 然后点击 镜像存储 菜单,点击一键加速按钮,输入源站的地址,点击确定加速,以xxxx.com为例设置好后的效果如下:

 

这一步设置好之后,表示用户访问xxxx.qiniudn.com的资源,假如没有,则会自动从www.xxxx.com去拉取。

4. 最后登陆 WordPress 后台,点击 设置 > WP Super Cache,选择 CDN Tab,在 off-site url 里面输入前面第一步获取的 url(注意要带 http://),如果你的 WordPress 安装子目录,这里还要带上子目录,并且实际测试下,xxxx.com的设置如下图:

 

这一步设置好之后,用户访问www.xxxx.com的图片、css、js等静态资源时,会把访问url中的www.xxxx.com替换成cdn.xxxx.com。

5. 在域名服务商或dns服务商那里新增一条cname解析记录,如下所示:

 

其中方框中的记录值可以在七牛的空间设置页面获得。还记得第3步的设置吗,在第3步设置好之后,会把访问静态资源的url中的www.xxxx.com替换成cdn.xxxx.com,而经过这一步的设置,则会把对cdn.xxxx.com的请求路由到cdn.xxxx.com.qncdn.qiniudn.com,其实也就是xxxx.qiniudn.com。而前面也说了,假如xxxx.qiniudn.com没有所请求的资源,会自动去www.xxxx.com拉取。拉取到之后下次再有用户访问这些资源,就可以直接在xxxx.qiniudn.com拿到并吐出给用户了。也就是说,这些图片等静态资源的访问根本就不需要经过你的服务器,也不用占用你服务器的宝贵带宽了。OMG,太完美了,不是吗?

需要再强调一下的是七牛云存储是有免费套餐的——每个月 10G 流量,总空间 10GB,这对于新上线的小站完全够用了,也就是说初期你可以不花一分钱就给网站带来极大的性能提升。假如网站发展得很好,流量上去了,超过了七牛给的免费额度,那真该恭喜你了,这时按需付费购买服务也是理所当然的。而且七牛云存储本身价格就非常有竞争力,另外10G免费流量和空间仍然是可以抵扣的。点击这里申请七牛账户。

3. nginx优化:ngx_pagespeed

ngx_pagespeed是由谷歌开发的网站服务器模块的nginx版本,可以自动进行各种优化(比如,减小文档大小、减少HTTP请求数据、减少HTTP往返次数以及缩短DNS解析时间),从而缩短网页加载的时间,减少网站服务器的带宽使用量。xxxx.com在编译nginx时用到了ngx_pagespeed-1.8.31.3-beta。

4. 使用tmpfs

tmpfs是linux上一种基于内存的文件系统,优势是它闪电般的速度。需要注意的是tmpfs不具备持久性,重启后数据不保留,不过我们只用它来存储缓存文件,即使文件丢失也不影响网站访问,完全无风险。

还记得前面介绍WP Super Cache可以将动态生成的内容静态化,也就是生成静态的html文件。这些静态的html文件是存放在硬盘上的,大家知道硬盘的速度是远不如内存的,那么把这些文件放到tmpfs里如何呢?So good,现在用户访问你的网站,可以直接读取静态文件,而这些静态文件又放在tmpfs的内存中,速度能不快吗。

设置wordpress的缓存文件使用tmpfs的方法如下:

首先为wordpress的缓存文件建立一个目录wpcache
# mkdir /dev/shm/wpcache
赋予读写执行权限
# chmod 1777 /dev/shm/wpcache
将tmpfs挂载到wordpress缓存插件生成的/cache目录下
# mount –bind /dev/shm/wpcache /usr/local/nginx/wp-content/cache
# ls -ld /dev/shm/wpcache
返回类似下面的内容说明挂载成功
drwxrwxrwt 3 www www 60 Jul 31 22:50 /dev/shm/wpcache

 

总结一下,经过一系列的优化,现在用户访问你的网站,对绝大多数用户可以无需计算直接吐出WP Super Cache生成的静态文件,而这些静态文件现在放到了tmpfs的内存中,速度飞快。而静态文件中的图片、css、js等静态资源又可以直接请求七牛qiniudn.com的cdn网络拿到,这里的速度也非常快。所以网站的性能肯定非常好了,基本达到了非代码层面优化的极限,剩下的主要看你服务器的带宽了。

对于部署在非常低成本低配置(1核1G内存)腾讯云服务器上的的个人博客网来说,大家可以试试是不是达到了这种低配服务器之前难以想像的响应速度。当然还有一个优化点是dns解析,目前来看dns解析的时间在整个响应时间里占了挺大一块,这里值得优化,这个回头再说了。

收藏 (0) 打赏

感谢您的支持,我会继续努力的!

打开微信/支付宝扫一扫,即可进行扫码打赏哦,分享从这里开始,精彩与您同在
点赞 (0)

1. 本站所有资源来源于用户上传和网络收集,如有侵权请通过llbbscc@163.com邮件联系站长!
2. 分享目的仅供大家学习和交流,您必须在下载后24小时内删除!
3. 不得使用于非法商业用途,不得违反国家法律。否则后果自负!
4. 本站提供的源码、模板、插件等等其他资源,都不包含技术服务请大家谅解!
5. 如有链接无法下载、失效或广告,请联系管理员处理!
6. 本站资源售价只是赞助,收取费用仅维持本站的日常运营所需!
7. 如果您也有好的资源或教程,您可以联系管理员互换资源或者您可以投稿发布,成功分享后有金币奖励和额外收入!
8. 本站资源默认解压密码均为"www.llbbs.cc"

雷灵源码论坛 建站经验 个人博客网建站优化经验总结 https://www.llbbs.cc/146.html

常见问题

相关文章

发表评论
暂无评论
官方客服团队

为您解决烦忧 - 24小时在线 专业服务