网站速度优化之终极教程-2022最新

网站速度优化之前要先对网站做个测试，以Gtmetrix为例：

Gtmetrix的使用很简单，直接输入对应网站，进入官网输入对应网址，分析即可

然后得分低的一个个优化就好了

先来个文章目录：

第一：Enable Gzip Compression

Ngnix 版【VPS主机，Vultr用的就是Ngnix】
CPW+Apache版
Siteground版【虚拟机】

第二：Leverage Browser Caching

第三：Optimize Images图片的优化

第四： CDN加速

以下是正文：

第一个问题： Enable Gzip Compression / Gzip 压缩

Gzip 压缩非常重要，所以说的详细一点。使用不同的服务器会有不同的方法。一个个来说。

第一种情况：Ngnix 独立主机版本【比如Vultr】

先用SSH客户端【比如Xshell】连接独立主机

sudo nano /etc/nginx/nginx.conf

有时候会提示是否进入输入字母Y就可以，没提示就直接进入

去掉 gzip前面的#号

然后添加代码在下面

gzip_disable “MSIE [1-6]\.(?!.*SV1)”;

gzip_vary on;

gzip_types text/plain text/css text/javascript application/javascript application/x-javascript;

Ctrl+X 退出

Y保存

按Enter回到主界面退出，代码重启服务器即可。

service nginx restart

再来测试一下 GZIP已经生效

第二种情况：Apache版本【Centos 控制面板下】

进入Apache Configuration
找到 # LoadModule deflate_module modules/mod_deflate.so
删除#号
重启服务器即可

也可以使用 SSH客户端进入Apache之后输入代码

vi /usr/local/apache/conf/httpd.conf

找到对应代码，删除#号保存

# LoadModule deflate_module modules/mod_deflate.so

重启服务器

service httpd restart

第三种情况：SiteGround版本：

进入控制面版，进入File Manager 进入对应网站目录

找到 Htaccess文件编辑

添加代码

<IfModule mod_deflate.c>

AddOutputFilterByType DEFLATE text/plain

AddOutputFilterByType DEFLATE text/html

AddOutputFilterByType DEFLATE text/xml

AddOutputFilterByType DEFLATE text/css

AddOutputFilterByType DEFLATE application/xml

AddOutputFilterByType DEFLATE application/xhtml+xml

AddOutputFilterByType DEFLATE application/rss+xml

AddOutputFilterByType DEFLATE application/javascript

AddOutputFilterByType DEFLATE application/x-javascript

</IfModule>

然后右上角的Save保存即可。

第二个问题：Leverage Browser Caching 利用浏览器缓存

## EXPIRES CACHING ##

<IfModule mod_expires.c>

ExpiresActive On ExpiresByType image/jpg “access 1 year”

ExpiresByType image/jpeg “access 1 year”

ExpiresByType image/gif “access 1 year”

ExpiresByType image/png “access 1 year”

ExpiresByType text/css “access 1 month”

ExpiresByType application/pdf “access 1 month”

ExpiresByType text/x-javascript “access 1 month”

ExpiresByType application/x-shockwave-flash “access 1 month”

ExpiresByType image/x-icon “access 1 year”

ExpiresDefault “access 2 weeks”

</IfModule>

## EXPIRES CACHING ##