YSlow Django 应用最佳实践，如何实现？

Question

我有一个 django 1.1.1 应用程序，实际上正在开发中，在最佳实践中考虑我运行了 YSlow 测试（应用了 E 级规则集： YSlow V2 ），它推荐：

<块引用>

“添加过期”标头的等级为 F

-共有 37 个静态组件，没有远期到期日期。

使用内容分发网络 (CDN) 的 F 级

-有 37 个静态组件不在 CDN 上。

使用 gzip 压缩组件的 F 级

-有 17 个纯文本组件应压缩发送

如何使用 Django 实现它？

更多上下文：Python 2.5，部署在 webfaction

示例：

<块引用>

F 级，减少 HTTP 请求

此页面有 14 个外部 Javascript 脚本。尝试将它们合二为一。 此页面有 4 个外部样式表。尝试将它们合并为一个。

可以使用Django-Compress解决

Answer 1

在您列出的三个中，有两个可在 Web 服务器级别寻址。例如，在 Linux/Apache 中：

对于 gzip，编辑 /etc/apache2/mods-available/deflate.conf

<IfModule mod_deflate.c>  
    AddOutputFilterByType DEFLATE text/html text/plain text/xml application/x-javascript text/javascript text/css application/javascript  
</IfModule>  

对于 Expires 标头，首先需要启用 mod_expires：

>cd /etc/apache2
>sudo ln -s ../mods-available/expires.load mods-enabled/expires.load

然后需要为所需的 MIME 类型配置它：

# edit /etc/apache2/sites-available/default  
ExpiresActive On  
ExpiresByType text/css "access plus 12 hours"  
ExpiresByType application/javascript "access plus 12 hours"  
ExpiresByType image/png "access plus 12 hours"  
ExpiresByType image/gif "access plus 12 hours"  

Writeup on为什么我建议此处 12 小时。

最后一项 (CDN) 通常是您外包给 Akamai 等公司的内容。它也相当昂贵。

Answer 2

我非常同意你的观点，蔡斯。我根据 Steve Souders 和 Nicholas Zakas 的工作开发了一些 django 程序。

我的标准做法是：

• 安装 django-mediagenerator，它是以下功能的基础：
  • 将 JS 和 CSS 与媒体生成器包结合起来
  • 配置 mediagenerator 以使用 google-closure 自动压缩 JS，使用 YUICompressor 自动压缩 CSS
  • 所有静态媒体（未上传）也由媒体生成器处理。这允许您使用远期过期标头，例如 10 年。
• 尽量减少图像的使用，并尝试仅使用 CSS 来生成网站的大部分内容。
• 在我必须使用小图像的地方，将它们以 base64 内联在 CSS 文件中（使用 mediagenerator）
• 在它们是大图像的地方，将它们组合成一个精灵（尽管我很少使用大图像）
• Nginx 和 Gunicorn 用于部署

Nginx gzip 配置在 nginx.conf 中：

gzip_http_version 1.1;
gzip_vary on;
gzip_comp_level 6;
gzip_proxied any;
gzip_types text/plain text/css application/json application/x-javascript text/xml application/xml application/xml+rss text/javascript;
gzip_buffers 64 16k;
gzip_disable “MSIE [1-6].(?!.*SV1)”;

Nginx 远期过期标头：

location /media/ {
    alias   /home/domains/example.com/project/_generated_media/;
    expires 10y;
    add_header Cache-Control public;
}   

它们唯一剩下的项目是图像上传，在远期过期后仍然可以使用，因为当图像更改时，文件名也应该更改。

使用这些技术，我创建了具有 3 个 http 请求的网站。页面呈现后，html 文件、页眉中的一个 CSS 请求和页脚中的一个 JS 请求。

Answer 3

这些都与 Django 无关，因为 YSlow 指的是您网站上的静态资产 - JS、CSS 和图像。通过开发服务器提供这些服务必然会导致成绩不及格，但做得更好将取决于您如何配置最终提供这些服务的真实服务器。