优化Vuepress站点首次访问速度

背景

作为一位技术博主，我维护着一个基于vuepress搭建的静态站点博客。然而，我发现在用户首次访问页面时，一些静态文件（如css、js和图片）加载速度较慢，给用户体验带来了一定的影响。为了改善这个问题，我决定通过优化Nginx的配置来提升网页的第一次访问速度。

解决过程

在解决这个问题之前，我首先了解了Nginx的一些常用配置项，并深入研究了与性能优化相关的配置项。经过调研和实践，我主要调整了以下几个Nginx的配置项：开启http2、缓存、gzip、sendfile、sendfile_max_chunk、tcp_nopush和tcp_nodelay。

正向代理和反向代理

经常会听到正向代理和反向代理的说法，那么具体怎么区分呢？

正向代理

正向代理，是在用户端的。

比如需要访问某些国外网站，我们可能需要购买vpn。并且vpn是在我们的用户浏览器端设置的(并不是在远端的服务器设置)。浏览器先访问vpn地址，vpn地址转发请求，并最后将请求结果原路返回来。

nginx开启gzip

前几天看到一个nginx的文章，突然想到我还没有为我的博客的nginx开启gzip压缩呢。所以今天就弄了一下。

下面是我在nginx配置中增加的开启gzip相关的配置：

nginx增加gzip配置

  #gzip
  gzip on;
  gzip_min_length 1k;
  gzip_buffers 4 32k;
  gzip_comp_level 4;
  gzip_types text/plain application/javascript application/x-javascript text/javascript text/xml text/css;
  gzip_vary on;
  gzip_disable "MSIE [1-6]\.";

使用Let's Encrypt配置nginx证书

Automatically enable HTTPS on your website with EFF's Certbot, deploying Let's Encrypt certificates

主要参考：https://certbot.eff.org/lets-encrypt/centosrhel7-nginx