【发布时间】:2011-11-06 12:52:46
【问题描述】:
我找不到任何合适的解决方案来自动化 Google App Engine CSS 和 Javascript 缩小。
【问题讨论】:
标签: javascript css google-app-engine minify
我找不到任何合适的解决方案来自动化 Google App Engine CSS 和 Javascript 缩小。
【问题讨论】:
标签: javascript css google-app-engine minify
如果您的 JS/CSS 文件要在 HTML 页面中使用,那么一个很好的选择是让 App Engine 通过实验性的“页面速度”功能自动优化您的网站(缩小、捆绑、内联等)。您可以通过以下方式打开它:
转到您项目的 App Engine 信息中心: https://appengine.google.com/settings?&app_id=s~your_project_id
点击“应用程序设置”(左下方“管理”部分)。
向下滚动到“性能”部分并找到“PageSpeed 服务:”。选中“启用 PageSpeed 服务”复选框并点击“保存”。
这将添加响应过滤器,这些过滤器会自动执行合并和缩小 JS 等操作,将缩小的包从脚本引用转换为内联脚本(以减少服务器请求的数量)以及更酷、更轻松的性能改进。在此处阅读有关此功能的更多信息:https://developers.google.com/speed/pagespeed/service/faq
【讨论】:
编写一个部署脚本,使用缩小的 JS 和 CSS 制作应用的副本,然后在其上调用 appcfg。除非动态生成,否则不应动态缩小它。
【讨论】:
我最终创建了这个 appengine 脚本(使用 memcache 和 slimit)。 我发现 slimit 是最好的缩小脚本,但我正在考虑使用 Google 提供的那个。
【讨论】:
您可以通过将脚本的内容加载到字符串中,使用 jsmin 处理它并最终保存并提供结果来非常有效地自动化该过程。不用担心性能,只有在创建应用程序实例时才运行 jsmin(确定不是针对每个请求)。
你可以获取 jsmin.py here。
假设我有这个函数从文件系统(未压缩,调试版本)读取 JS 并在 logger.py 模块中返回它的字符串内容:
class ScriptManager():
def get_javascript(self):
path_to_js = os.path.join(os.path.dirname(__file__), 'js/script.js')
return file(path_to_js,'rb').read()
用 jsmin 处理它。确保使用正确的缓存标头。以这个 jsrendered 示例模块为例
js_compressed =
jsmin.jsmin(scripts.logger.ScriptManager().get_javascript())
JS_CACHE_FOR_DAYS = 30
class scriptjs(webapp2.RequestHandler):
def get(self):
self.response.headers['Content-Type'] = 'text/javascript'
expires_date = datetime.datetime.utcnow() + datetime.timedelta(JS_CACHE_FOR_DAYS)
expires_str = expires_date.strftime('%d %b %Y %H:%M:%S GMT')
self.response.headers.add_header('Expires', expires_str)
self.response.headers['Cache-Control'] = 'public'
self.response.cache_control.no_cache = None
self.response.out.write(js_compressed)
现在从 main.py 中的动态 contnet 处理程序返回:
app = webapp2.WSGIApplication([
('/scripts/script.js', jsrender.scriptjs),...
【讨论】:
Nick 的回答是正确的方法,但您可以在请求 JS/CSS 时即时执行 - 然后将 cache-control 设置为 public 以在上游缓存结果。
【讨论】:
您可以尝试使用名为 wro4j 的工具提供的构建时或运行时解决方案(使用 maven 插件)
免责声明:这是我正在进行的项目。
【讨论】: