使用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.css9d1f64ba50fc.js这两文件在STATIC_ROOT目录下面。

每次修改了js、css文件后,都需要重新加载最新的文件到STATIC_ROOT目录下去,因此需要重新运行命令:

python manage.py collectstatic
python manage.py compress
时间: 2024-10-14 00:04:14

使用django-compressor压缩静态文件的相关文章

django 模板使用静态文件

1.新建项目 2.新建app,并在install_app中添加该app 3.和app文件夹并列新建static.和TEMPLATES  文件夹,分别放静态文件和模板 4.setting.py中设置 TEMPLATES = [ { 'BACKEND': 'django.template.backends.django.DjangoTemplates', 'DIRS': [ os.path.join(BASE_DIR, "templates").replace("\\"

Django学习之静态文件

服务器端除了除了通过模板生成的HTML外,网页应用还需要其它文件,比如CSS.JavaScript.图片等等.才能构成一个完整的网页.在Django中我们称其它的这些文件为静态文件. Django的STATICFILE_FINDERS中有一系列的默认查找路径,其中一个查找路径就是在应用目录中查找是否存在static目录,如果存在则在static目录查找需要的文件. 首先,在blog目录下创建一个static的目录.在static目录里面,我们再创建一个blog目录.在blog里面,我们创建一个文

laravel 中 与前端的一些事4 之合并压缩静态文件

合并压缩多个静态文件到一个文件里面,可以减少网站的http请求,稍微优化性能,提高网站的用户体验 使用elixir来实现: 敲命令 合并并压缩js和css文件

Django配置与静态文件

settings.py """ Django settings for myproject project. Generated by 'django-admin startproject' using Django 1.10.2. For more information on this file, see https://docs.djangoproject.com/en/1.10/topics/settings/ For the full list of setting

在django中访问静态文件(js css img)

刚开始参考的是别的文章,后来参考文章<各种 django 静态文件的配置总结>才看到原来没有但是没有注意到版本,折腾了一晚上,浪费了很多很多时间.后来终于知道搜索django1.7访问静态文件.真是傻×. 环境:python 2.7.3django 1.7.5 django是不善于处理静态文件这种事情的.这样的工作要交给nginx或者apache这样的服务器.但是在调试时还是要配置一下的django 1.7.5配置访问静态文件貌似比其他的版本都要简单一些.只需要如下步骤: 收集静态文件,然后放

Django中的静态文件导入

1. 在django项目的根目录创建名为static的python包,亦可创建在app中 2. 更改项目的settings.py文件 STATIC_URL = '/static/' STATICFILES_DIRS = ( os.path.join(BASE_DIR, 'static'), ) STATIC_URL = '/static/' 中的static为静态文件的绝对路径的别名,与包名static不同,包名可以随便取名.在调用静态文件时,只能用别名. 这样做的好处是,便与后期更改,STAT

Django加载静态文件失败

1.css文件以及js文件要放在static目录下,static和templates属于同级目录 2.在Django项目的同名项目文件的setting.py中,最后添加静态文件夹static目录路径 STATICFILES_DIRS = ( os.path.join(BASE_DIR, 'static/'), ) 3.在templates下的HTML文件中,如果要引用static下的静态文件,则添加一下代码 {% load staticfiles %} <link rel="stylesh

Django 模板层 静态文件

模版语法重点: 变量:{{ 变量名 }} 1 深度查询 用句点符 2 过滤器 标签:{{%  % }} 模板语法之变量 在 Django 模板中遍历复杂数据结构的关键是句点字符, 语法:{{变量名}} index.html {#模板语言注释:前端看不到#} {#相当于print了该变量#} <h1>模板语言之变量</h1> <p>字符串:{{ name }}</p> <p>数字:{{ age }}</p> <p>列表:{{

Django加载静态文件

方法一: 1.在app目录中创建static 目录,并在该目录下创建存储css,img,js的子目录. 2.在相应的目录下创建相对应的静态文件. static/css/mystyle.css, static/img/timg.jpg,(保存图片) static/js/myjs.js 3.在模板文件中加载静态文件 例: mystyle.css: body{ background:blue;} myjs.js: alert('hello') static_test.html: {% load sta