1.CDN加速
-
什么是CDN?
CDN英文全称content delivery network,翻译过来就是内容分发网络,是一种在地理位置上分散的服务器组,这些服务器组一起工作来加速互联网内容快速传播,这些内容包括HTML页面,css、javascript文件,图像、视频等媒体文件。
通俗来讲,就是CDN服务公司通过在全球各地建立很多服务器,然后当你加入他们的网络后 ,他们会缓存你的网站内容到各地服务器上,这样当访问你的网站时,他们就会从最近的缓存服务器上读取你的网站,而不需要直接访问你网站所在的服务器地址。
-
为什么强烈建议启用CDN?
研究表明,如果你的网站打开速度超过2s以上,那么你的客户很有可能离你而去,这一点对于商业化网站尤其重要,打开速度慢,那么将造成不可估量的损失。
以本博客为例,仓库放在Github上,国内加载速度很慢,因此需要CDN加速来优化网站打开速度。
Cloudflare CDN
Cloudflare是全球最大的一家主营CDN和网络安全的公司,而且配置也非常简单。
第一步:在Cloudflare添加你的网站
点击左侧导航栏中的网站选项,再点击右上角的添加站点按钮,输入你的域名,Cloudflare会开始扫描查询你的网站DNS配置。
查询DNS完毕之后,会复制你的DNS记录到Cloudflare,然后点击继续按钮;接下来页面会要求你把原来的域名服务器更改为Cloudflare自己的,不改域名服务器,上面的DNS并不会生效。
以腾讯云为例,登录腾讯云域名注册管理控制台,进入“我的域名”页面,选择待修改的DNS域名,点击管理选项:
将DNS服务器修改为Cloudflare提供的两个:
至此,你的域名就可以在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.图片格式与压缩技术:
-
将你网站中的文件换为.webp格式,webp是一种同时提供了有损压缩与无损压缩的图片文件格式,派生自图像编码格式VP8 。是由Google购买On2 Technologies后发展出来的格式,以BSD授权条款发布。webp可让网页图档有效进行压缩,同时又不影响图片格式兼容与实际清晰度,进而让整体网页下载速度加快。
推荐一个转换格式网站:JPG转WEBP - 免费在线将JPG文件转换成WEBP (cdkm.com)
-
无损压缩各类格式图片的网站:TinyPNG – Compress WebP, PNG and JPEG images intelligently
本文仅介绍了两种最简单的加速个人网站的技巧,还有许多优化技巧,例如压缩字体,URL优化,SEO优化等,以后会更新教程。