:root{--puock-block-not-tran:100%}

推荐:如何提高网站打开速度?网站速度优化实战教程

66次阅读
没有评论

共计 2590 个字符,预计需要花费 7 分钟才能阅读完成。

全文 2170 字   预计阅读 5 分钟

网站的打开速度,可以说是 seo 优化过程中的第一步。

因为你网站内容在丰富,质量在好,加载速度慢,别人没耐心等待,也是白搭。

假如你不是专门的图片或视频网站,可以根据本教程对网站加载速度做优化,以达到快人 1 秒的赶脚!

同时,本教程不涉及到复杂的代码改动(主要是我不会),适合新手学习。

网站速度,主要从 3 个方面考量:

1. 服务器配置

2. 网站文件

3. 各地网速

撸清思路之后,我们一步一步来,首先是服务器配置。

一、服务器配置

假如你是个单纯的中小企业网站,那么低配服务器也没关系,主要是根据自己对网站的整体规划,来做配置。

举例,我给公司配的服务器配置:

我之前的运行内存是 1GB,现在随着网站内容的扩充越来越多,升级到了 2GB,够用。

带宽之前是 2M,现在是 4M。

储存空间是 40GB,等过段时间准备升级到 80GB,到时候内存也跟着升。

针对上面有几个配置信息,简单的介绍下,1CPU 和 2GB 很好理解,就像手机的 CPU 核数和运行内存一样,理论是越大越好。

储存空间也很好理解,那么主要是注意下带宽。

带宽也一样,理论是越多速度越快。

但是注意,其它配置相同情况下,带宽不同,服务器流量费用(按量费用)或包年包月费用,都是不一样的。

带宽越高,费用越多。

带宽对于服务器而言,就像高速路一样,高速 8 条道,总会比高速 3 条道要跑的快,不会拥堵堵塞。

总结:网站在什么阶段,就配置与之相等的服务器,不能小牛拉大车,拖慢速度,也不能大车拉小牛,造成不必要的费用。

当然,土豪随意!

二、网站文件

一般来说,网站自身是影响加载速度的重要因素。

2.1、网站程序

例如程序上的差异,同等服务器下,使用 WooCommerce织梦,wooc 卡的网站根本没法用,太吃服务器资源。

织梦可能顺畅一批,2S 内秒开。

因此,有条件的就找靠谱点的建站公司,用 php 之类的主流程序去建站(不要用 asp,PHP 的版本也要 7.X)。

像我这种没条件的,用用织梦之类的 cms 就心满意足了(国内企业站也不建议用 WordPress)。

总结:每个 cms 或自写程序,都有适合自己的功能或长处,我们应该对其有大致的了解,不要求会写,至少要知道哪个是更优的选择。

2.2、JS/CSS 文件

臃肿不堪的 JS、css 文件同样是非常拖慢网站加载速度的,例如下面这些看得懂看不懂的 JS、CSS 文件:

无脑的往 head 文件塞。

比如这种经过优化后的文件,加载文件少,速度自然就快了。

而且,尽量将一些不是必要的 JS/CSS 放到 foot 文件里加载。

总结:假如你不懂这些,就找公司技术员或万能某宝,说出自己的要求,让专业人士去帮你优化,花点钱,省时省力防脱发。

2.3、MIP/AMP

不管是百度还是谷歌,对于速度优化,特别是移动端的速度,都非常重视。

例如谷歌 amp,百度 mip 和智能小程序,对此可以对网站页面进行相关改造,以适用它们的规则。

mip 的插件较少(WordPress 程序会有),需要技术人员改造,amp 在 WordPress 有很多插件,可以自行去插件商店里下载安装。

总结:做 seo 要时刻关注搜索引擎官方的一些信息,固然百度小程序不仅仅是速度优化那么简单,但的确比普通的移动端网站打开速度会快很多。

2.4、图片格式

其实,即便不是专门的图片网站,很多企业网站的产品图片,也是非常多的。

比如我自己的网站,目前还只是初期阶段,图片占了整个储存空间的 70%。

上传 jpg 格式,文件小,实际显示还是略显模糊;上传 png,图片清晰,同等尺寸却比 jpg 格式至少多两倍的储存空间。

如果你想从这方面入手优化,可以使用 webp 的图片格式。如下图:

第一张是 png 格式,第二张是 jpg 格式,第三张是 webp 格式。

尺寸相同的情况下,它们的大小分别是:610KB、77.7KB、58.6KB。

如果不放大看,很难看出它们在成像上有什么区别。

但是,不要小看这点差距,当你的网站 100 张图片?1000 张?10000 张时?这些差距就显而易见。

要知道,1000 个汉字的大小,大约也才 2KB 左右。

因此,我们可以发现,公众号的文章图片,之所以在浏览器端是 webp 格式,就是这个原因。

总结:如果想要实现上述功能,可以要求技术人员对网站图片在浏览器端显示 webp 格式,或者直接就是上传 webp 格式的图片。

2.5、GZIP 压缩

gzip 可以对网站的图片、css 和 js 文件进行压缩,从压缩文件大小,达到网站加载加快的效果。

如果服务器是安装的宝塔面板,则默认开启了 gzip。

假如没有,可以看下一个方法。

三、各地网速

网站的加载速度,与国内各个地区的 网速 也是有关的。

如图所示:

那么各地网速,又与 服务器位置 有关,比如我是华东地区的,那么靠近服务器的省份自然打开速度就会快很多。

这个时候,我们可以借助一些第三方的服务产品比如:CDN 和 OSS

3.1、CDN

这是最常见的网站加速产品,建议使用,阿里云的 cdn 就用的很顺手。

详细的使用教程请看:《CDN 是什么?阿里云 CDN 全站加速使用教程!

可以看使用 cdn 后的加载速度,明显快了很多。

3.2、OSS

阿里云的 OSS,全称是 oss 对象存储,理解太复杂。

不过我们可以简单理解它的功能:因为数据库只适合存储数字文本,并不适合存储图片视频文件之类的。

所以阿里云的 OSS 对象存储,就是用来存储图片视频文件之类的,并提供访问的 url 链接,这些链接就存在数据库中。

因为我网站暂时还不准备配置 oss,后期要是配置的话在出个详细教程。

当然,深究网站的速度优化,其实远不止这点,例如很多网站不加 SSL 证书,就是因为 https 加载速度会稍慢。

例如,还可以在 http 头部增加 expires,缓存网站文件到本地,达到加载速度变快的目的。

以上就是自己目前,针对网站速度加载的一些方法。

折腾完之后,感受一下自己网站的打开速度吧!

相关推荐:

大仙 SEO:如何解决网站首页百度收录后被删除?

白杨 SEO:SEO 问答第三期 | 新人 SEO 学习常见 99 问(67-99)

白杨 SEO 优化教程 推荐搜索 关键词列表:站内优化 外链 百度算法 移动端优化

白杨 SEO 简介:

白杨 SEO,专注 SEO 研究十年,SEO 实战派。个人微信:baiyang2047对互联网精准引流有深入研究。前杰恩西运营总监(COO),现自由职业。

白杨 SEO 付费群199 元 / 年。如需加好友,验证:公众号;如需进群,验证:进群。如果想加入白杨 SEO 付费星球学习提问,回复关键词优惠券即可。

正文完
 0
评论(没有评论)