webgl之模型加载速度优化

大家好，欢迎来到IT知识分享网。

1.首先选一个服务器流量带宽的服务器

2.其次是将静态资源放在oss对象存储上 （）

3.cdn 节点分压

一、放在oss 前后对比

放在oss之前，加载用了3分钟

（2）放在oss之后 加载模型缩短到了26秒

二、 使用ngxin gzip压缩

nginx 的配置

gzip on; # 启用gzip压缩的最小文件；小于设置值的文件将不会被压缩 gzip_min_length 1k; # gzip 压缩级别 1-10 gzip_comp_level 2; # 进行压缩的文件类型。 gzip_types text/plain application/javascript application/x-javascript text/css application/xml text/javascript application/x-httpd-php image/jpeg image/gif image/png; # 是否在http header中添加Vary: Accept-Encoding，建议开启 gzip_vary on;

开启gzip压缩后 快了13秒

使用nginx的缓存

nginx配置代码

        location ~* \.(html)$ {
          access_log off;
          add_header  Cache-Control  max-age=no-cache;
        }

        location ~* \.(css|js|png|jpg|jpeg|gif|gz|svg|mp4|ogg|ogv|webm|htc|xml|woff|obj|mtl)$ {
          # 同上，通配所有以.css/.js/...结尾的请求
          access_log off;
          add_header    Cache-Control  max-age=360000;
        }

状态码都变成了304 加载时间变成了一秒多。

本次实验 并没有选择流量大的带宽，以及也没有采用分包，或者压缩模型。从几分钟的加载时长优化到了秒级。