使用django-compressor压缩静态文件
Reference:http://blog.csdn.net/permike/article/details/52355095
在网站开发阶段,对于静态资源文件比如JS,CSS等文件都是未经过压缩合并处理的,这对于访问量巨大的网站来说不仅浪费带宽,而且也会影响网站的访问速度。django-compressor的作用就是将静态文件压缩合并成一个文件,不仅减少了网站的请求次数,还能节省网络带宽。
本文分为两部分,第一部分介绍settings文件相关配置对静态文件的影响,然后再讨论Compressor的如何使用。如果你对setting文件非常了解不妨直接从第二部分开始阅读。
第一部分:Setting文件配置
早期的django处理静态资源要比较啰嗦,还要配置urlpatterns,不过自从django1.6开始加入了django.contrib.staticfiles
这个内置app后,开发环境下处理静态资源就方便很多。django.contrib.staticfiles
是django的内置(build-in)app,用于处理js、css、images等静态资源。首先确保这个app已经包含在INSTALLED_APPS
中,django1.6及以上版本是默认包含该app在其中的。
一:指定STATIC_URL
STATIC_URL = '/static/'
STATIC_URL是客户端访问静态资源的根路径,比如:模版中定义的资源路径是:
{% load staticfiles %}
<script src="{% static "js/blog.js" %}"></script>
最终渲染后的效果是:
<script src="/static/js/blog.js"></script>
默认django会从每个app目录的static子目录下查找静态文件,因此通常情况下你都是将相关静态文件放在各自的app/static目录下。Django怎么知道从app/static目录查找静态文件呢?原来django有个默认配置项STATICFILES_FINDERS
,默认值:
("django.contrib.staticfiles.finders.FileSystemFinder",
"django.contrib.staticfiles.finders.AppDirectoriesFinder")
AppDirectoriesFinder
模块就是负责在app/static目录下找静态文件的。至于FileSystemFinder我们稍后介绍。
二:指定STATICFILES_DIRS
像jQuery,bootstrap等公用的静态资源文件在很多个app中都会共用到,如果是放在某个app中显得不符Python哲学,因此django提供了一个配置可以指定任意目录来存放这些公用的资源文件。配置参数是:STATICFILES_DIRS
,比如:
STATICFILES_DIRS = (
os.path.join(BASE_DIR, "static"),
'/var/www/static/',
)
这意味着静态文件可以放在磁盘的任何一个位置(只要有权限访问)现在应该明白FileSystemFinder的作用了吧。就是用来查找定义在STATICFILES_DIRS中的静态文件的。
三:指定STATIC_ROOT
上面的配置就是在开发环境下Django对静态资源的处理过程,那么在生产环境下是怎么处理的呢?如果还是这样由django自己来处理,那么累死Django了,对于静态资源直接由Nginx这样的代理去处理就行,而且Nginx处理这些非逻辑的资源性能也非常高。于是Django提供了一个非常方便的静态资源管理命令django.contrib.staticfiles
将系统要用的资源文件从不同目录收集到统一的目录中去,然后在Nginx的配置中指定这些静态资源的位置即可。
收集这些静态文件需要先指定存放这些静态资源的目录:STATIC_ROOT
STATIC_ROOT="/var/www/foofish.net/static/"
运行collectstatic管理命令
python manage.py collectstatic
运行该命令,所有静态资源都将拷贝到STATIC_ROOT指定的目录中。
四:配置Nginx
在Nginx的配置文件中指定凡是来自/static/
路径的请求直接访问STATIC_ROOT
。
location /static {
alias /var/www/foofish.net/static/; # your Django project's static files
}
第二部分:Compressor的使用
django-compressor 的安装配置非常简单
安装:
pip install django_compressor
配置:
COMPRESS_ENABLED = True
INSTALLED_APPS = (
# other apps
"compressor",
)
STATICFILES_FINDERS = (
'django.contrib.staticfiles.finders.AppDirectoriesFinder',
'django.contrib.staticfiles.finders.FileSystemFinder',
'compressor.finders.CompressorFinder',)
Django-Compressor开启与否取决于DEBUG参数,默认是COMPRESS_ENABLED与DEBUG的值相反。因为Django-Compressor的功能本身是用在生产环境下项目发布前对静态文件压缩处理的。因此想在开发阶段(DEBUG=True)的时候做测试使用,需要手动设置COMPRESS_ENABLED=True
使用
在模板文件中添加模板标签 {% load compress %}
{% load compress %}
#处理css
{% compress css %}
<link href="{% static "css/bootstrap.min.css" %}" rel="stylesheet">
<link href="{% static "css/blog-home.css" %}" rel="stylesheet">
<link href="{% static "css/github.css" %}" rel="stylesheet">
{% endcompress %}
#处理js
{% compress js %}
<script src="{% static "js/jquery-1.10.2.js" %}"></script>
<script src="{% static "js/bootstrap.js" %}"></script>
<script src="{% static "js/blog.js" %}"></script>
{% endcompress %}
执行命令:python manage.py compress
,最终文件将合并成:
<link rel="stylesheet" href="/static/CACHE/css/f18b10165eed.css" type="text/css">
<script type="text/javascript" src="/static/CACHE/js/9d1f64ba50fc.js"></script>
f18b10165eed.css
、9d1f64ba50fc.js
这两文件在STATIC_ROOT
目录下面。
每次修改了js、css文件后,都需要重新加载最新的文件到STATIC_ROOT
目录下去,因此需要重新运行命令:
python manage.py collectstatic
python manage.py compress
使用django-compressor压缩静态文件的更多相关文章
- [小技巧]ASP.NET Core中如何预压缩静态文件
原文地址:Pre-compressed static files with ASP.NET Core 作者:Gunnar Peipman 译者:Lamond Lu 译文:https://www.cnb ...
- Django中对静态文件的支持(转)
英文原文:[http://agiliq.com/blog/2013/03/serving-static-files-in-django/] 译文:[http://segmentfault.com/a/ ...
- Django (七) token&静态文件&媒体文件
token&静态文件&媒体文件 1. token 1. 会话技术 2. 服务端会话技术 3. 它实际上就是手动实现的session 4. 实现token 4.1 在models.py中 ...
- Django基础二静态文件和ORM
Django基础二静态文件和ORM 目录 Django基础二静态文件和ORM 1. 静态文件 1.1 静态文件基本配置: 1.2 静态文件进阶配置 2. request参数 3. Django配置数据 ...
- django中的静态文件
静态文件 1.什么是静态文件 在django中静态文件是指那些图片.css样式.js样式.视频.音频等静态资源. 2.为什么要配置静态文件 这些静态文件往往不需要频繁的进行变动,如果我们将这些静态文件 ...
- Django-compressor压缩静态文件,逆天!!!!!
使用django-compressor压缩混淆静态文件 使用django-compressor压缩混淆静态文件 使用django-compressor压缩混淆静态文件 django-compresso ...
- laravel 中 与前端的一些事4 之合并压缩静态文件
合并压缩多个静态文件到一个文件里面,可以减少网站的http请求,稍微优化性能,提高网站的用户体验 使用elixir来实现: 敲命令 合并并压缩js和css文件
- Django配置与静态文件
settings.py """ Django settings for myproject project. Generated by 'django-admin sta ...
- Django: 配置和静态文件
运行django-admin.py startproject [project-name] 命令会生成一系列文件,在django 1.6版本以后的settings.py文件中有以下语句: # Buil ...
随机推荐
- cakephp 的query方法,直接写在controller中是否 有点不合适
模型的query()函数有时是非常实用的,它可以在任何需要数据的地方执行SQL语句.但不是在什么地方调用query()方法都是恰当的.特别是在控制器中直接调用模型的query()方法 $this-&g ...
- audio,video标签
<html><head lang="en"> <meta charset="UTF-8"> <title>< ...
- [转]httpclient 上传文件、下载文件
用httpclient4.3 post方式推送文件到服务端 准备:httpclient-4.3.3.jar:httpcore-4.3.2.jar:httpmime-4.3.3.jar/** * 上传 ...
- Can't create handler inside thread that has not called Looper.prepare() 终极解决方法
非主线程中出现 在报错的方法前加Looper.prepare(); 方法末尾加Looper.loop(); 很简单吧
- FOJ 2206 函数求解
水题 /* *********************************************** Author :Zhou Zhentao Email :774388357@qq.com C ...
- web开发后端开源库收集
1.Gregwar/Captcha 项目地址:https://github.com/Gregwar/Captcha
- Cannot find PHPUnit in include path phpstorm
This is the way to do it without using composer, and using your global phpunit.Phpunit now comes wit ...
- jQuery之call()方法的使用
最近在做项目时候,写了几行关于DOM操作的代码,在方法中使用了this,在后期重构的时候,想将这段分离出来做成一个方法. 最开始想的很简单,就直接分离出来使用方法名称调用即可. 但是实际操作的时候没有 ...
- javascript 中this的使用场景全
1. global this 2.function this 3.prototype this 4. object this 5.DOM this 6 HTML this 7 override thi ...
- dom操作js
1.getElementById()//ie8下不区分大小写 getElementsByName()//name属性相比于Id可以不唯一,且其只在表单.表单元素.img .iframe中有用,返回一个 ...