javascript - 如何在 Rails 应用程序中缩小 JavaScript 文件?

标签 javascript jquery ruby-on-rails

我正在尝试减少生产服务器上 Rails 应用程序的加载时间。目前,我关心的只是减少 Assets 加载时间,而不是改变业务逻辑。在线测试人员发现我有 2.25 MB 的 JS 文件,其中包括第三方 jquery 插件。目前,我的所有 Assets 都是从 app/assets 路径渲染的。控制台在索引页上加载如下文件:

开始GET "/assets/jquery-ui.self这样,就有了多个js文件。

在我设置的生产.rb文件中

config.serve_static_files = true
config.assets.js_compressor = :uglifier

在我的 nginx.conf 中,我提供的 Assets 如下

location ^~ /(assets|fonts|swfs|images)/ {
    gzip_static on;
    expires max;
    add_header Cache-Control public;
  }

生产.rb

Rails.application.configure do
  # Settings specified here will take precedence over those in config/application.rb.
  # Code is not reloaded between requests.
  Rails.application.config.assets.precompile += %w( *.js ^[^_]*.css *.css.erb )

  config.cache_classes = true

  # Eager load code on boot. This eager loads most of Rails and
  # your application in memory, allowing both threaded web servers
  # and those relying on copy on write to perform better.
  # Rake tasks automatically ignore this option for performance.
  config.eager_load = true

  # Full error reports are disabled and caching is turned on.
  config.consider_all_requests_local       = false
  config.action_controller.perform_caching = true
  config.action_mailer.raise_delivery_errors = true

  # Enable Rack::Cache to put a simple HTTP cache in front of your application
  # Add `rack-cache` to your Gemfile before enabling this.
  # For large-scale production use, consider using a caching reverse proxy like
  # NGINX, varnish or squid.
  # config.action_dispatch.rack_cache = true

  # Disable serving static files from the `/public` folder by default since
  # Apache or NGINX already handles this.
  #config.serve_static_assets = ENV['RAILS_SERVE_STATIC_FILES'].present?

  config.serve_static_assets = true

  # Compress JavaScripts and CSS.
  config.assets.js_compressor = :uglifier
  # config.assets.css_compressor = :sass

  # Do not fallback to assets pipeline if a precompiled asset is missed.
  config.assets.compile = true
  #config.assets.precompile =  ['*.js', '*.css', '*.css.erb'] 

  # Asset digests allow you to set far-future HTTP expiration dates on all assets,
  # yet still be able to expire them through the digest params.
  config.assets.digest = true

  # `config.assets.precompile` and `config.assets.version` have moved to config/initializers/assets.rb

  # Specifies the header that your server uses for sending files.
  # config.action_dispatch.x_sendfile_header = 'X-Sendfile' # for Apache
  # config.action_dispatch.x_sendfile_header = 'X-Accel-Redirect' # for NGINX

  # Force all access to the app over SSL, use Strict-Transport-Security, and use secure cookies.
  config.force_ssl = false

  # Use the lowest log level to ensure availability of diagnostic information
  # when problems arise.
  config.log_level = :debug

  config.action_mailer.default_url_options = { host: ENV["SMTP_HOST"] }
  config.action_mailer.asset_host = ENV["SMTP_HOST"]
  # config.action_mailer.delivery_method = :letter_opener
  config.action_mailer.raise_delivery_errors = false

  config.action_mailer.delivery_method = :smtp
  config.action_mailer.smtp_settings = {
    #Enter the smtp provider here ex: smtp.mandrillapp.com
    address: ENV["SMTP_ADDRESS"],
    port: ENV['SMTP_PORT'].to_i,
    #Enter the smtp domain here ex: vendaxo.com
    domain: ENV["SMTP_DOMAIN"],
    #Enter the user name for smtp provider here
    user_name: ENV["SMTP_USERNAME"],
    #Enter the password for smtp provider here
    password: ENV["SMTP_PASSWORD"],
    authentication: 'plain',
    enable_starttls_auto: true
  }

  # Prepend all log lines with the following tags.
  # config.log_tags = [ :subdomain, :uuid ]

  # Use a different logger for distributed setups.
  # config.logger = ActiveSupport::TaggedLogging.new(SyslogLogger.new)

  # Use a different cache store in production.
  # config.cache_store = :mem_cache_store

  # Enable serving of images, stylesheets, and JavaScripts from an asset server.
  # config.action_controller.asset_host = 'http://assets.example.com'

  # Ignore bad email addresses and do not raise email delivery errors.
  # Set this to true and configure the email server for immediate delivery to raise delivery errors.

  # Enable locale fallbacks for I18n (makes lookups for any locale fall back to
  # the I18n.default_locale when a translation cannot be found).
  config.i18n.fallbacks = true

  # Send deprecation notices to registered listeners.
  config.active_support.deprecation = :notify

  # Use default logging formatter so that PID and timestamp are not suppressed.
  config.log_formatter = ::Logger::Formatter.new

  # Do not dump schema after migrations.
  config.active_record.dump_schema_after_migration = false
end

Capistrano deploy.rb 仅根据要求发布 Assets 行。

append :linked_dirs, "log", "tmp/pids", "tmp/cache", "tmp/sockets", "vendor/bundle", "public/system", "public/uploads", "public/assets"
namespace :deploy do
  after  :finishing,    :compile_assets
end

我应该怎么做才能减少该资源加载时间?如果需要任何进一步的信息,请告诉我。

最佳答案

生产中.rb

config.assets.compile = true

RAILS_ENV=生产 rake Assets :预编译

并推送所有压缩的 js/css 文件。它将节省您的加载时间并压缩所有 js/css/图像。

关于javascript - 如何在 Rails 应用程序中缩小 JavaScript 文件?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/43534724/

相关文章:

javascript - 获取svg元素的位置

javascript - 如何使用 google app 脚本循环遍历 xml 文件

javascript - Angular 2下拉列表默认值

javascript - 为 Bootstrap 3 固定导航栏添加磨砂/模糊效果

ruby-on-rails - Rails 类表继承 gem、仿继承和缺失方法

ruby-on-rails - 在 Rails 中通过 simple_form_for 传递数据时获取 NotNullViolation

javascript - jquery使用输入框内容

javascript - Angular Controller 不止一次触发。只有某些

javascript - 无法让 forEach 在 IE 上正常工作

ruby-on-rails - 如何在 Rails 功能测试中发送原始发布数据?