【问题标题】:Pagespeed + nginx - not minifying css and javascriptPagespeed + nginx - 不缩小 css 和 javascript
【发布时间】:2013-09-15 12:05:21
【问题描述】:

我的应用程序需要加载大约 14 个 css 表和大约 12 个 js 文件。

我正在使用 google pagespeed。

不是将 14 张纸组合成 1 张纸,而是将它们组合成 3 张。

即使是 javascript 组合也不能很好地工作,但在某种程度上是这样。那里也没有缩小。

我尝试阅读文档,但找不到太多线索。

而且它没有做任何缩小。它正在工作,但只是在一定程度上

以下是与此相关的所有代码:

   pagespeed on;

   # Needs to exist and be writable by nginx.
   pagespeed FileCachePath /var/ngx_pagespeed_cache;
   pagespeed RewriteLevel PassThrough;
   pagespeed EnableFilters     add_head,combine_css,convert_meta_tags,convert_png_to_jpeg,extend_cache,fallback_rewrite_css_urls,flatten_css_imports,inline_css,inline_import_to_link,inline_javascript,rewrite_css,rewrite_images,rewrite_javascript,rewrite_style_attributes_with_url;
   pagespeed EnableFilters combine_javascript,remove_comments,collapse_whitespace;

   # Ensure requests for pagespeed optimized resources go to the pagespeed handler
   # and no extraneous headers get set.
   location ~ "\.pagespeed\.([a-z]\.)?[a-z]{2}\.[^.]{10}\.[^.]+" {
     add_header "" "";
   }
   location ~ "^/ngx_pagespeed_static/" { }
   location ~ "^/ngx_pagespeed_beacon$" { }
   location /ngx_pagespeed_statistics { allow 127.0.0.1; deny all; }
   location /ngx_pagespeed_message { allow 127.0.0.1; deny all; }

我错过了什么过滤器?

【问题讨论】:

标签: pagespeed mod-pagespeed google-pagespeed


【解决方案1】:

ngx_pagespeed 可以生成的 url 受一个名为“MaxSegmentLength”[1] 的设置的限制。这是有充分理由的。这意味着可以组合成单个 url 的文件数量也是有限的。这可能是导致 14 个 css 文件合并为 3 个 url 而不是 1 个的原因。

跳过 javascript 的缩小可能是因为以下原因: - javascript 被诊断为内省 [2]。 - javascript 包含解析错误。

可能值得看一下 nginx 的 error.log,并检查配置加载消息和 ngx_pagespeed 在第一个请求时的输出,找出问题所在。

[1] 请参阅https://developers.google.com/speed/pagespeed/module/restricting_urls 处的“限制生成的最大 URL 段长度” [2] 请参阅上面网址中的“限制 PageSpeed 重写内省 JavaScript 的 URL”。

【讨论】:

  • 你建议把js文件名缩短吗? pagespeed 将我的 7 个 js 拆分为 3 个文件。
  • 这取决于 PageSpeed 将文件拆分为三个组合文件的原因。您可以将 ?PageSpeedFilters=+debug 添加到查询字符串中,然后 PageSpeed 可能会编写 html cmets,说明为什么它可能会将它们拆分。如果将它们全部组合成一个文件,则组合文件的内容可能会变得太大,在这种情况下,拥有多个文件可能是更好的选择。
猜你喜欢
  • 1970-01-01
  • 2015-11-02
  • 1970-01-01
  • 2012-03-18
  • 2011-11-05
  • 2014-08-03
  • 2013-02-08
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多