美文网首页实战问题
服务端开启gzip压缩,请求优化

服务端开启gzip压缩,请求优化

作者: 技术与健康 | 来源:发表于2018-01-16 15:34 被阅读2次

最近在梳理一套老系统,技术栈是backbone(主要用modal)+react(view/jsx)、整体采用 requireejs异步加载jsx/js。但是文件细分太多,导致编辑页面打开需要加载很多资源,而且体积都不小。
本文主要是聚焦于开启gzip压缩.

下面是tomcat的设置

1-1.png

其中Web.xml增加对jsx文件类型的支持


1-2.png

nginx配置如下


1-3.png 1-4.png 1-5.png

需要注意: gzip_types 配置值之间是空格分开,不是逗号

gzip_types text/html text/xml application/xml application/xhtml+xml text/javascript application/x-javascript application/javascript text/css text/plain image/svg+xml image/gif image/png image/jpg application/json;

nginx 配置完后,最好进行检查下
nginx -t

相关文章

  • High Performance实践

    Http accept-encoding 在服务端开启gzip压缩,请求带有accept-encoding:gzi...

  • 服务端开启gzip压缩,请求优化

    最近在梳理一套老系统,技术栈是backbone(主要用modal)+react(view/jsx)、整体采用 re...

  • 前端性能优化套路总结

    一、服务端开启gzip压缩 GZip压缩的基本流程 Web服务器接收到浏览器的HTTP请求后,检查浏览器是否支持H...

  • [性能优化]HTTP篇

    参考文章:Vue 项目性能优化 — 实践指南(网上最全 / 详细) 开启 gzip 压缩 gzip 是 GNUzi...

  • nginx开启gzip的一个小坑

    开启gzip压缩可以极大的压缩文件大小,有效的优化网页性能。关于如何开启gzip网上太多教程这里记录一个开启gzi...

  • vue项目优化一

    vue 项目开启gzip自拍压缩和部署 nginx 开启gzip优化性能 第一步,在vue项目中安装依赖并将pro...

  • nginx开启gzip

    1.开启gzip nginx实现资源压缩的原理是通过ngx_http_gzip_module模块拦截请求,并对需要...

  • nginx开启gzip压缩

    当nginx开启Gzip压缩功能后,能优化nginx的性能,通过压缩网站的资源css、js 、xml、html文件...

  • HTTP传输中gzip压缩

    前端打包压缩的有grunt,gulp,webpack,而gzip压缩是指服务端对资源进行压缩。gzip是GNUzi...

  • Nginx启用压缩及开启gzip 压缩的方法

    Nginx启用压缩及开启gzip 压缩的方法 gzip(GNU-ZIP)是一种压缩技术。经过gzip压缩后页面大小...

网友评论

    本文标题:服务端开启gzip压缩,请求优化

    本文链接:https://www.haomeiwen.com/subject/efwsoxtx.html