谈谈网页优化

Hexo 是基于 Nodejs 的博客框架. 其原理是通过Markdown等渲染引擎来解析源格式为md的文件,再按照模板构造静态页面文件.

对于网站的优化主要有前端和后台两个方面,其中前端方面主要是优化页面结构,减少DNS查询和HTTP请求数,以及前端静态文件优化处理和CDN的使用;而后台方面主要是服务器配置以及gzip的使用.

前端优化

暂时鸽了往后放 内容较多……

后台优化

Hexo自带的Hexo-server服务器是大部分用户常用的服务器.
它有2种启动模式,但是其本质上是同一种:

  • 静态模式 : 通过指令 hexo server -s 启动,该模式下服务器只部署已经通过 hexo generate 生成的静态文件至服务器,等同于一个基础的HTTP服务器;
  • 普通模式 : 是 hexo server 的默认模式,在静态模式的基础上随时监视模板文件的变动并实时渲染更新静态文件.

两者相比而言,普通模式多出来的Debug功能在生产环境下并没有多大作用,还会造成服务器性能下降以及不稳定的情况,因此生产环境下更多选择静态模式.

但是静态模式下Hexo-server的服务器效率不高,会造成博客的访问速度缓慢,而且生成静态文件之后我们也没有必要再使用hexo部署博客.因此正确的姿势应该是使用hexo生成静态文件之后再用Nginx,Apache等HTTP服务器部署.在这里我们重点讲Nginx.

Nginx

介绍

太懒了不想介绍了……而且只详细用过Nginx(Apache基本都是用的脚本一键解决),这里就不具体介绍balabala了,直接讲优化部分了.

优化

Nginx的优点就是轻量化,性能高,并发能力强(不是说好不介绍吗喂……),经过优化之后处理能力也更上一档.而在这里对因为Nginx本身强大而我们博客流量较小不会出现需要处理高并发连接的情况(←_←),服务器配置其实并不是很重要,在这里是可选内容.

占坑