最简单的提升网站的性能的方法


1.CDN加速

  • 什么是CDN?

    CDN英文全称content delivery network,翻译过来就是内容分发网络,是一种在地理位置上分散的服务器组,这些服务器组一起工作来加速互联网内容快速传播,这些内容包括HTML页面,css、javascript文件,图像、视频等媒体文件。

    通俗来讲,就是CDN服务公司通过在全球各地建立很多服务器,然后当你加入他们的网络后 ,他们会缓存你的网站内容到各地服务器上,这样当访问你的网站时,他们就会从最近的缓存服务器上读取你的网站,而不需要直接访问你网站所在的服务器地址。

  • 为什么强烈建议启用CDN?

    研究表明,如果你的网站打开速度超过2s以上,那么你的客户很有可能离你而去,这一点对于商业化网站尤其重要,打开速度慢,那么将造成不可估量的损失。

    以本博客为例,仓库放在Github上,国内加载速度很慢,因此需要CDN加速来优化网站打开速度。

Cloudflare CDN

Cloudflare是全球最大的一家主营CDN和网络安全的公司,而且配置也非常简单。

第一步:在Cloudflare添加你的网站

点击左侧导航栏中的网站选项,再点击右上角的添加站点按钮,输入你的域名,Cloudflare会开始扫描查询你的网站DNS配置。

image-20220715144412879

查询DNS完毕之后,会复制你的DNS记录到Cloudflare,然后点击继续按钮;接下来页面会要求你把原来的域名服务器更改为Cloudflare自己的,不改域名服务器,上面的DNS并不会生效。

image-20220715144840060

以腾讯云为例,登录腾讯云域名注册管理控制台,进入“我的域名”页面,选择待修改的DNS域名,点击管理选项:

image-20220715145234006

将DNS服务器修改为Cloudflare提供的两个:

image-20220715145503131

至此,你的域名就可以在Cloudflare上管理了,在24小时域名服务器更新完成后,用户也可以通过你自己的域名访问到网站了。

第二步:优化性能

在Cloudflare进入主页,点击配置好的网站,选择免费套餐,勾选以下设置:

  • 提高安全性

    • 自动 HTTPS 重写
    • 始终使用 HTTPS
  • 优化性能

    • Auto Minify, 勾选html、css、js,保存
    • Brotli,打开,保存

点击左侧导航栏中的速度按钮:

  • 优化

    • Auto Minify 自动最小化 – JavaScript、CSS、HTML 全部勾选,其实这在入门设置的时候就已经勾选了,可以不需要改动
    • Brotli – 开启, 同上
    • Rocket Loader – 开启,可缩短包含 JavaScript 的页面的绘制时间。
    • Railgun – 加入你得主机商在你的主机商安装了此软件,比如Chemicloud,可以开启,
    • AMP(Accelerated Mobile Pages即加速移动端网页的加载速度) 真实 URL – 可开启
  • Browser Insights(现功能在其他地方设置,有操作指导教程,跟着走就行)

    • 配置 – Browser Insights开启

2.图片格式与压缩技术:

  1. 将你网站中的文件换为.webp格式,webp是一种同时提供了有损压缩与无损压缩的图片文件格式,派生自图像编码格式VP8 。是由Google购买On2 Technologies后发展出来的格式,以BSD授权条款发布。webp可让网页图档有效进行压缩,同时又不影响图片格式兼容与实际清晰度,进而让整体网页下载速度加快。

    推荐一个转换格式网站:JPG转WEBP - 免费在线将JPG文件转换成WEBP (cdkm.com)

  2. 无损压缩各类格式图片的网站:TinyPNG – Compress WebP, PNG and JPEG images intelligently

本文仅介绍了两种最简单的加速个人网站的技巧,还有许多优化技巧,例如压缩字体,URL优化,SEO优化等,以后会更新教程。


文章作者: QT-7274
版权声明: 本博客所有文章除特別声明外,均采用 CC BY 4.0 许可协议。转载请注明来源 QT-7274 !
评论
  目录