Rails gem 打包css javascript 提升网站性能 jammit 简介
2010-12-21 19:33
966 查看
2010-08-02
官方hub
安装
Ruby代码 gem install jammit
Ruby代码 #environment.rb config.gem "jammit"
Rails2 需要修改config/routes.rb添加路径,Rails 可不用
Ruby代码 ActionController::Routing::Routes.draw do |map| ... Jammit::Routes.draw(map) ... end
配置
Ruby代码 #config/assets.yml embed_assets: on rubyscripts: workspace: - public/rubyscripts/vendor/jquery.js - public/rubyscripts/lib/*.js - public/rubyscripts/views/**/*.js - app/views/workspace/*.jst stylesheets: common: - public/stylesheets/reset.css - public/stylesheets/widgets/*.css workspace: - public/stylesheets/pages/workspace.css empty: - public/stylesheets/pages/empty.css
使用
Ruby代码 <%= include_stylesheets :common, :workspace, :media => 'all' %>
<%= include_rubyscripts :workspace %>
如果是开发环境,不想重启加载
Ruby代码 # ApplicationController before_filter { Jammit.packager.precache_all } if Rails.env.development?
还有一些不错的配置,可以参照使用。
Rails gem 打包css javascript 提升网站性能 jammit 简介
文章分类:Ruby编程推荐一个gem jammit官方hub
安装
Ruby代码 gem install jammit
gem install jammit
Ruby代码 #environment.rb config.gem "jammit"
#environment.rb config.gem "jammit"
Rails2 需要修改config/routes.rb添加路径,Rails 可不用
Ruby代码 ActionController::Routing::Routes.draw do |map| ... Jammit::Routes.draw(map) ... end
ActionController::Routing::Routes.draw do |map| ... Jammit::Routes.draw(map) ... end
配置
Ruby代码 #config/assets.yml embed_assets: on rubyscripts: workspace: - public/rubyscripts/vendor/jquery.js - public/rubyscripts/lib/*.js - public/rubyscripts/views/**/*.js - app/views/workspace/*.jst stylesheets: common: - public/stylesheets/reset.css - public/stylesheets/widgets/*.css workspace: - public/stylesheets/pages/workspace.css empty: - public/stylesheets/pages/empty.css
#config/assets.yml embed_assets: on rubyscripts: workspace: - public/rubyscripts/vendor/jquery.js - public/rubyscripts/lib/*.js - public/rubyscripts/views/**/*.js - app/views/workspace/*.jst stylesheets: common: - public/stylesheets/reset.css - public/stylesheets/widgets/*.css workspace: - public/stylesheets/pages/workspace.css empty: - public/stylesheets/pages/empty.css
使用
Ruby代码 <%= include_stylesheets :common, :workspace, :media => 'all' %>
<%= include_rubyscripts :workspace %>
<%= include_stylesheets :common, :workspace, :media => 'all' %> <%= include_rubyscripts :workspace %>
如果是开发环境,不想重启加载
Ruby代码 # ApplicationController before_filter { Jammit.packager.precache_all } if Rails.env.development?
# ApplicationController before_filter { Jammit.packager.precache_all } if Rails.env.development?
还有一些不错的配置,可以参照使用。
相关文章推荐
- 网站前端性能优化之javascript和css
- Yahoo!网站性能最佳体验的34条黄金守则——JavaScript和CSS
- 学习通过CSS硬件加速提升你网站的性能
- Yahoo!网站性能最佳体验的34条黄金守则——JavaScript和CSS
- 提高网站程序性能的十条建议--主要针对javascript文件和css文件
- Yahoo!网站性能最佳体验的34条黄金守则——JavaScript和CSS
- Yahoo!团队实践分享:网站性能优化的34条黄金守则(三)—JavaScript和CSS
- 网站性能优化的34条黄金守则(三)—JavaScript和CSS
- 网站前端性能优化之javascript和css
- 网站性能最佳体验守则——JavaScript和CSS
- JavaScript和CSS的优化提高网站性能
- 网站前端性能优化之javascript和css
- Yahoo!网站性能最佳体验的34条黄金守则__JavaScript和CSS
- Yahoo!网站性能最佳体验的34条黄金守则——JavaScript和CSS
- 转:Yahoo!网站性能最佳体验的34条黄金守则——JavaScript和CSS
- 【转】网站前端性能优化之javascript和css
- Yahoo!网站性能最佳体验的34条黄金守则之JavaScript和CSS
- 提升网站性能的35条建议
- 网站性能优化之CSS无图片技术