设为首页 - 加入收藏
广告 1000x90
您的当前位置:144177黄大仙有求必应 > 静态缓冲 > 正文

nginx缓存静态资源只需几个配置提升10倍页面加载速度

来源:未知 编辑:admin 时间:2019-07-07

  可以看到,静态资源占用了整个页面加载用时的90%以上,而且这个静态资源还是已经在我使用了nginx配置压缩以后的大小,如果没有对这些静态资源压缩的话,那么静态资源加载应该会占用这个页面展示99%以上的时间。听起来是不是已经被吓到了,但是数据已经摆在这里了,这可不是危言耸听。

  看到没有,朋友们,整个页面只有请求接口的时间和从本地磁盘加载css的时间。页面加载速度直接提升10倍以上!并且由于我这个页面没有采用前后端分离的方式,所以html没有缓存下来,如果采用了前后端分离架构的话,就连html都可以直接缓存,那提升的速度可想而知。当然由于浏览器或者手机端对页面加载的优化我们并不能很直观的感受到10倍的提升,实际上以肉眼观察的话,差不多减少了一半的时间,并且由于并没有向后端服务器请求这些静态资源,也相当于对后端服务器做了一层保护措施。

  可以看到在http模块中主要是使用gzip压缩,最后一个配置才是和缓存有关的配置。

  加上这两块配置之后,就能享受到缓存给你带来的快乐了。当然系统优化之路还是相当漫长的,nginx缓存只是其中的一块而已,想要把系统达到完美还需要在很多地方下功夫,比如这些静态资源完全可以直接在客户端缓存,这样连请求都不会往服务端发了,更大的减轻服务器的压力。

  前言浏览器向服务器端发起请求时,同时发起请求的数量是有限制的。如下:也就是说,如果页面上有大量的请求,请求会排队。那么对于一些比较复杂的网站,可能会有很多的css和js静态文件,如果按照默认的方式,会...博文来自:maquealone的博客

  1.问题-背景以前也经常用nginx,但用的不深,通常是简单的设置个location用来做反向代理。直到今天给客户做项目碰到缓存问题:客户有个app,只是用原生做了个壳,里面的内容都是用h5写的,我们...博文来自:一个CD包的博客

  1.浏览器缓存简介浏览器缓存遵循HTTP协议定义的缓存机制(如:Expires;Cache-control等)。当浏览器请求响应流程浏览器缓存效验机制 校验是否过期 Cache-Contro...博文来自:科比龙篮的博客

  之前一直没有整理成blog,只是有笔记,今天正好整理了一下,希望对朋友们有帮助!!!使用nginx服务器的朋友可能都知道需要设置html静态页面缓存与页面压缩与过期时间的设置了,下面我来给各位同学介绍...博文来自:lovely_1014的博客

  前言一个网站的加载速度有多重要?反正我相信之前来 博主网站 的人至少有50%在加载完成前关闭了本站。为啥捏?看图首页完整加载时间8.18s,看来能进来看博主网站的人都是真爱呀,哈哈。正常来讲一个网页4...博文来自:程序猿开发日志【学习永无止境】

  将这段代码加入到nginx配置文件即可。静态资源将会进一步减少体积。前后端分离站点的福音...博文来自:萧潇的技术博客

  在本项目中目录结构如下:在本项目中,实现静态和动态资源的分离,静态的文件交给nginx处理,nginx对静态文件的处理比tomcat不是只快了一点,并且nginx的使用对项目并发能力有很大的提升。以下...博文来自:a8330508的博客

  Nginx是目前比较流行的反向代理服务器和WEB服务器,它功能强大并且还是开源软件,支持正则,这也使得它的配置可以十分多样,OSS是阿里云的一种云存储服务,价格便宜,并且不需要考虑性能,支持各种接口,...博文来自:weixin_43112000的博客

  tomact图片缓存tomcat静态资源缓存 tomcat内部缓存  如何处理静态资源?处理静态资源...博文来自:iteye_6988的博客

  1.传统的web项目,一般都将静态资源存放在webroot的目录下,这样做很方便获取静态资源,但是如果说web项目很大,用户很多,静态资源也很多时,服务器的性能或许就会很低下了。这种情况下一般都会需要...博文来自:zhuyu

  今天在跟同事联调需求的时候,发现他们请求我们的http地址都被强制转换成了https,还好我们用nginx做了负载。在nginx的https模块中配了相应的代理后,请求可以正常转发。但是发现页面显示的...博文来自:jerry_player的博客

  Gzip压缩:最开始,这个竟然要6m多(大到不寻常),响应的速度3分多钟。所以先对返回的文件进行gzip压缩。判断返回的资源是否有使用gzip压缩,观察响应头部里面,如果没有Content-Encod...博文来自:HuiL的博客

  1.加载静态资源:在项目中创建名为‘static’的文件夹,里面可以放置静态文件(css,img,js….等文件夹),在HTML文件中先调用{%loadstatic%}。STATICFILES_DIR...博文来自:的博客

  原创文章转载请注明来源:静态资源缓存问题的产生:每个页面都会映入c...博文来自:weixin_41756573的博客

  最近团队在做实时的两个项目,为了方便地查看项目中的日志,决定在服务器端安装Nginx,以静态WEB的形式方便访问查看日志,并集成到现有的实时监控系统中。由于服务器端不能访问外网,所以以离线的形式安装N...博文来自:虾哔哔的博客

  大家好,网上关于使用nginx的反向代理和静态资源服务配置有很多资料,本篇主要分享在开发环境中,我如何利用nginx来实现对开发项目的反向代理和静态资源的托管;一.神马是反向代理反向代理(Revers...博文来自:麦洛

  nginx是一个高性能的HTTP和反向代理服务器,也是一个IMAP/POP3/SMTP服务器。其特点是占用内存少,并发能力强。如果使用nginx作为web服务器,那么nginx收到请求后将请求内容响应...博文来自:z406245159的博客

  1.Nginx服务器优化(主要涉及到nginx.conf文件的一些属性配置)#一般建议小于CPU个数,一般进程运行在CPU上,而Nginx是采取居于时间的非阻塞多路复用epoll模型1.worker_...博文来自:飞血泪无痕的博客

  首先先声明一下工作中遇到的问题,我们项目在晚上九点的时候,是一个高峰期。由于服务器高并发没有优化好,在短时间内要做一下解决方案。还有一个是优化加载webview的加载速度。这个放在后面说。场景,晚上九...博文来自:weixin_39079048的博客

  网上的解决方法大多数是改为userroot此方法确实可行,但是以root运行会不会导致安全性就不得而知了测试了下一,把user改为静态文件所在目录也可以实现正常访问如静态文件放在test用户的目录下,...博文来自:HiveMe_Hitech

  每天使用电脑我们经常会进行一些搜索或设置,比如本地搜索一些文件,进行电脑设置;上网搜索某个我们想要的答案或者买东西等。在以往,我们可能需要一步步的打开某个文件夹,才能找到自己想要的文件;打开浏览器输入...博文来自:weixin_33734785的博客

  1、官网查看资料、django缓存框架的特点1、尽可能少的代码2、尽可能的快3、一致性:不同的数...博文来自:EverXerxes的博客

  介绍合理利用缓存可以提高网页打开速度、提升用户体验、降低网站压力。nginx官网文档地址 博文来自:yaliangtang

  mod_expires&mod_headers可以减少10%左右的重复请求,让重复的用户对指定的页面请求结果都CACHE在本地,根本不向服务器发出请求。在使用之前,首先要确认一下”mod_expire...博文来自:程序猿开发日志【学习永无止境】

  1.nginx缓存原理及配置nginx的http_proxy模块,可以实现类似于squid的缓存功能。nginx缓存判断流程如下图:上图引用地址:博文来自:fd2025的博客

  nginx的一大功能就是完成静态资源的分离部署,减轻后端服务器的压力,如果给这些静态资源再加一级nginx的缓存,可以进一步提升访问效率。第一步:添加nginx.conf的http级别的缓存配置##c...博文来自:zhangjunli的博客

  帐号相关流程注册范围n企业n政府n媒体n其他组织换句话讲就是不让个人开发者注册。 :)填写企业信息不能使用和之前的公众号账户相同的邮箱,也就是说小程序是和微信公众号一个层级的。填写公司机构信息,对公账...博文来自:小雨同学的技术博客

  jquery/js实现一个网页同时调用多个倒计时(最新的)nn最近需要网页添加多个倒计时. 查阅网络,基本上都是千遍一律的不好用. 自己按需写了个.希望对大家有用. 有用请赞一个哦!nnnn//jsn...博文来自:Websites

  command窗口是命令窗口,即为sqplus窗口,有命令提示符,识别sqlplus命令,基本的命令都可以执行nsql仅可执行DDL、select、DML等...博文来自:Ape55的博客

  对象的创建和销毁在一定程度上会消耗系统的资源,虽然jvm的性能在近几年已经得到了很大的提高,对于多数对象来说,没有必要利用对象池技术来进行对象的创建和管理。但是对于有些对象来说,其创建的代价还是比较昂...博文来自:赶路人儿

  扫二维码关注,获取更多技术分享nnn 本文承接之前发布的博客《 微信支付V3微信公众号支付PHP教程/thinkPHP5公众号支付》必须阅读上篇文章后才可以阅读这篇文章。由于最近一段时间工作比较忙,...博文来自:Marswill

  记得很早以前公司项目中添加过移动支付这一块, 包括微信,支付宝,银联等第三方的整合。 但是后来懒于总结就没留下什么, 最近公司项目打算添加,所以打算简单总结一下,记上一笔以备将来使用。 毕竟第三方的支...博文来自:samuelnotes的专栏

  本篇文章是根据我的上篇博客,给出的改进版,由于时间有限,仅做了一个简单的优化。相关文章:将excel导入数据库2018年4月1日,新增下载地址链接:点击打开源码下载地址十分抱歉,这个链接地址没有在这篇...博文来自:Lynn_Blog

  最近比较有空,大四出来实习几个月了,作为实习狗的我,被叫去研究Docker了,汗汗!nnDocker的三大核心概念:镜像、容器、仓库n镜像:类似虚拟机的镜像、用俗话说就是安装文件。n容器:类似一个轻量...博文来自:我走小路的博客

本文链接:http://that-a-way.com/jingtaihuanchong/363.html
上一篇:GIS动态缓冲带分析模型及其应用
下一篇:没有了

相关推荐:

网友评论:

栏目分类

现金彩票 联系QQ:24498872301 邮箱:24498872301@qq.com

Copyright © 2002-2011 DEDECMS. 现金彩票 版权所有 Power by DedeCms

Top