关于系统静态页面占用服务器带宽的一些调优

1.使用maven配置打包时自动将css/js文件进行压缩处理

问题:如果你的js文件里存在es6的一些符号比如  ' ` ' 符号,那yuicompressor:compress是不会执行成功的,不支持es6的符号

   <plugin>
                <!-- YUI Compressor Maven压缩插件 -->
                <groupId>net.alchim31.maven</groupId>
                <artifactId>yuicompressor-maven-plugin</artifactId>
                <version>1.3.0</version>
                <executions>
                    <execution>
                        <phase>process-resources</phase>
                        <goals>
                            <goal>compress</goal>
                        </goals>
                    </execution>
                </executions>
                <configuration>
                    <!-- 读取js,css文件采用UTF-8编码 -->
                    <encoding>UTF-8</encoding>
                    <!-- 不显示js可能的错误 -->
                    <jswarn>false</jswarn>
                    <!-- 若存在已压缩的文件,会先对比源文件是否有改动  有改动便压缩,无改动就不压缩 -->
                    <force>false</force>
                    <!-- 在指定的列号后插入新行 -->
                    <linebreakpos>-1</linebreakpos>
                    <!-- 压缩之前先执行聚合文件操作 -->
                    <preProcessAggregates>true</preProcessAggregates>
                    <!-- 压缩后保存文件后缀 无后缀 -->
                    <nosuffix>true</nosuffix>
                    <!-- 源目录,即需压缩的根目录 -->
                    <sourceDirectory>src/main/webapp/resource</sourceDirectory>
                    <!-- 压缩js和css文件 -->
                    <includes>
                        <include>**/*.js</include>
                        <include>**/*.css</include>
                    </includes>
                    <!-- 以下目录和文件不会被压缩 -->
                    <excludes>
                        <exclude>**/*.min.js</exclude>
                        <exclude>**/*.min.css</exclude>
                    </excludes>

                </configuration>
            </plugin>

2.考虑第一种方法无法压缩ES6的js,可以参考这个方法,使用nginx进行配置

使用nginx配置可能会占用很多CPU,因为nginx会将js文件夹压缩,处理算法需要一定的CPU支持,不过nginx配有缓存,如果已经加载完一个页面,是不会重复加载的.

	    #开启gzip,减少我们发送的数据量
		gzip on;  
		
		#32个单位为4k的内存作为压缩结果流缓存
		gzip_buffers 32 4K;
		
		#gzip压缩比,可在1~9中设置,1压缩比最小,速度最快,9压缩比最大,速度最慢,消耗CPU
		gzip_comp_level 6;
	
		#大于1k后开始压缩
		gzip_min_length 100;
	   
		#压缩的类型
		gzip_types application/javascript text/css text/xml;
		
		#禁用IE6以下的gzip压缩,IE某些版本对gzip的压缩支持很不好
		gzip_disable "MSIE [1-6]\.";

 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
要在阿里云服务器上部署静态页面,首先你需要安装一个Web服务器软件,比如Nginx或Apache。以下是使用Nginx部署静态页面的步骤: 1. 登录到你的阿里云服务器。 2. 使用root用户或拥有sudo权限的用户打开终端。 3. 更新系统软件包列表和已安装软件包:sudo apt update && sudo apt upgrade。 4. 安装Nginx:sudo apt install nginx。 5. 安装完成后,启动Nginx服务:sudo systemctl start nginx。 6. 确保Nginx服务已经启动:sudo systemctl status nginx。 如果服务已经启动,你应该能看到类似以下的输出: ● nginx.service - A high performance web server and a reverse proxy server Loaded: loaded (/lib/systemd/system/nginx.service; enabled; vendor preset: enabled) Active: active (running)... 7. 确保防火墙允许HTTP流量通过:sudo ufw allow 'Nginx HTTP'。 8. 打开你的网页浏览器,输入服务器的IP地址或域名,如果一切正常,你应该能看到Nginx的默认欢迎页面。 9. 现在,你可以将你的静态页面放置到Nginx的默认站点目录中:/var/www/html/。 默认情况下,该目录下有一个index.html文件,你可以将其替换为你自己的静态页面。 10. 如果你想使用自定义域名访问你的静态页面,你需要将域名解析到你的服务器IP地址。 在阿里云控制台或你的域名注册商的管理界面上进行相应的设置。 11. 刷新你的网页浏览器,输入你的自定义域名或服务器IP地址,应该能看到你部署的静态页面了。 这只是一个基本的部署过程,根据你的需求和实际情况可能会有一些额外的配置和整。如果你需要进一步的帮助或有其他问题,请随时提问。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值