网站优化总结

1 页面压缩:

通过在服务器上启用gzip或brotli压缩，可以将页面文件的大小减小到原来的约1/3，从而加快网页加载速度。例如在nginx服务器上启用gzip压缩，可以在nginx.conf文件中添加这些行

1
2
gzip on;
gzip_types text/plain text/css application/json application/javascript text/xml application/xml application/xml+rss text/javascript;

2 图像优化:

将图像文件的大小减小到最小，可以显著提高加载速度。您可以使用工具，如TinyPNG,在线压缩图像。

3 缓存:

通过使用HTTP缓存头，可以将网站资源标记为可缓存，以减少重复加载资源的次数，提高加载速度。您可以在nginx服务器中添加这些行来启用缓存：

1
2
    expires 1d;
    add_header Cache-Control "public, must-revalidate, proxy-revalidate";

4 合并和压缩资源:

将多个CSS和JavaScript文件合并成单个文件，并使用工具（如uglify-js）来压缩它们，可以减少网络请求数量并加快加载速度。

使用nginx来合并和压缩资源可以通过使用nginx的ngx_http_concat模块来实现。首先，您需要安装并启用这个模块。然后，在nginx配置文件中的相应位置添加如下配置：

1
2
3
4
5
6
location ~* \.(css|js)$ {
    concat on;
    concat_max_files 100;
    concat_types text/css application/javascript;
    concat_delimiter ";\n";
}

这些配置行表示：

对于所有css和js文件，启用concat功能。设置concat_max_files参数为100，表示可以合并的文件数量。设置concat_types参数为text/css和application/javascript，表示只对这些类型的文件进行合并。设置concat_delimiter参数为 “;\n”，表示文件之间的分隔符。您还可以使用nginx的ngx_http_gzip_module模块来压缩这些文件。例如,在nginx.conf文件中添加如下配置：使用中的nginx添加ngx_http_concat模块可以参考使用ngx_http_concat合并和压缩资源，加速网站

1
2
gzip on;
gzip_types text/css text/javascript;

这些配置行表示：

启用gzip压缩。设置gzip_types参数为text/css和text/javascript，表示只对这些类型的文件进行压缩。这样就可以实现合并和压缩资源了，可以显著提高加载速度.

5 使用CDN:

通过使用内容分发网络（CDN）来提高网站的可用性和加载速度。例如使用网宿， Cloudflare等cdn服务商，可以减少用户访问网站时。

6 使用AMP:

使用Accelerated Mobile Pages (AMP)技术来优化移动端页面的速度和性能,这样可以提高用户的体验。具体可以看使用Accelerated Mobile Pages (AMP)来优化移动端页面的速度和性能

7 使用本地化:

将网站的静态资源（如图像，CSS和JavaScript文件）部署在用户附近的服务器上，以加速用户访问网站。使用本地化来部署网站的静态资源（如图像，CSS和JavaScript文件）在用户附近的服务器上，可以采用以下步骤：

1 使用内容分发网络(CDN)来部署静态资源，CDN是一种分布式网络服务，可以将网站的静态资源部署在全球各地的服务器上，使用户能够从附近的服务器获取资源，从而提高加载速度。

2 选择一家具有全球覆盖范围的CDN服务提供商，如 Akamai, Cloudflare, Amazon CloudFront等。

3 将您的域名解析到CDN服务商提供的服务器上。

4 上传您的静态资源到CDN上，或者将您的网站配置为从您的服务器拉取资源。

5 配置CDN服务器来缓存资源，以便在用户请求时从本地获取。

6 使用网站分析工具来监控用户的地理位置，并根据需要进行调整。

这样就可以使用本地化来部署网站的静态资源，从而提高加载速度。

具体来说，如果你使用hugo来构建静态网站，可以使用minio,aws s3等对资源进行存储，然后使用CDN来加速访问资源，这些CDN服务提供商都提供了与S3的集成，比如AWS Cloudfront, Cloudflare, Fastly等。这样你只需要在CDN上配置好对应的资源源站地址，就可以实现资源的本地化部署，提高加载速度。