Rails Assets Pipeline

最新推荐文章于 2018-12-05 16:27:11 发布
最新推荐文章于 2018-12-05 16:27:11 发布
阅读量1.4k 收藏
点赞数
分类专栏： rails 文章标签： rails 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/u012248450/article/details/51036372
版权

AssetsPipeline是Rails提供的前端解决方案，功能包括

  • 编译压缩js，css，变量名修改，去除空格，翻译sass等
  • 连接静态资源，减少渲染页面时浏览器发起的请求数。把所有js合并成一个文件，所有css合并成一个文件
  • 缓存控制，每次修改静态资源，都会重新生成指纹码

一直觉得博客的访问速度波动很大，今天看到静态文件的拖慢了很多需要5~8秒才能加载完，于是好好优化了一遍。

优化过程
1.AssetsPipeline预编译命令

上次部署错误地使用了rake assets:precompile,造成静态文件没有经过编译压缩，都是可阅读的源码，js有1.2M。

正确的命令是
rake assets:precompile RAILS_ENV=production

2.Nginx压缩模块开启

gzip_static on

目前如丝般顺滑

蜡笔小斌
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
【Unity】Asset Pipeline Version 2（Asset Database v2）内部细节
游戏路上的小学生
10-13 5879
Asset Pipeline Version 2（Asset Database v2） Unity 中存在四种管线（可能更多 别的我不知道）：渲染管线，Build管线，Asset pipeline。 目前前两个都是可编程的。 SRP :Universal RenderPipeline,High Definition Render Pipeline ( HDRP), ...
Rails 中的 Asset Pipeline
产品人生
06-02 497
Rails 的 Asset Pipeline 使用三个标准的目录存放静态资源文件: app/assets:当前应用的静态资源文件; lib/assets:开发团队自己开发的代码库使用的静态资源文件; vendor/assets:第三方代码库使用的静态资源文件; CSS清单文件(app/assets/stylesheets/application.css) /* . . . *= re
理解和运用Rails Asset Pipeline
bajiudongfeng的专栏
06-07 2317
原文链接：http://gogojimmy.net/2012/07/03/understand-assets-pipline/ Feb 17, 2014 Asset Pipeline 本质很简单 刚开始接触Asset Pipeline时，各种概念迎面扑来，比如合并压缩 js 和 css, 支持使用CoffeeScript, Sass 和 ERB 写js, css，给各类资源打
Rails Asset Pipeline 资源管线（笔记）
fantaxy025025的专栏
09-09 185
Rails Asset Pipeline 资源管线（笔记）   细节小记： # Search Paths in assets The default locations are: app/assets/images and the subdirectories javascripts and stylesheets in all three asset locations, but t...
从 Assets Pipeline 到 Webpack，Rails 6 的新前端方案们 - 过纯中1
最新发布
08-04
在Rails开发过程中，前端资源管理经历了从Assets Pipeline到Webpack的转变。Assets Pipeline是Rails框架早期引入的一个重要特性，用于处理和优化JavaScript、CSS以及其他静态资源。然而，随着前端开发技术的迅速发展...
rails-assets-sinatra:那是
05-30
Rails Assets 将与基于的应用程序集成在一起。 一体化 文件 此应用程序使用将 Sinatra 与 Sprockets 集成的 Sinatra 。 您还需要添加适当的source和rails-assets- gems。 source 'https://rubygems.org' gem '...
gakubuchi：使用Asset Pipeline进行静态页面管理
02-05
rails g gakubuchi:install 或指定静态页面的目录名称： rails g gakubuchi:install -d html 他们将初始化程序安装到config/initializers/gakubuchi.rb并在app/assets创建目录。 如果您未指定-d选项，则将使用...
flux-rails-assets:助焊剂-轨道-资产宝石
05-01
磁通-轨道-资产用于Rails Asset Pipeline的和与不使用CommonJS，而是在窗口上创建FluxDispatcher和EventEmitter以便轻松地使用Assets Pipeline。 与react-rails服务器端渲染效果很好。 助焊剂版本： 安装将此行添加...
在Rails和S3之间同步资产-Ruby开发
05-27
Asset Sync构建为与Rails 3.1中引入的新的Rails Asset Pipeline功能一起运行。 运行bundle exec rake asset：后，将对资产进行预编译。Asset Sync在Rails和S3之间同步资产。 Asset Sync构建为与Rails 3.1中引入的新...
rails-assets, 在 Rails 中，资产管理的解决.zip
09-18
rails-assets, 在 Rails 中，资产管理的解决 Rails 资产 Bundler 到 Bower 代理本自述文件涉及项目的开发方面。 访问站点了解如何在你的应用程序中使用 Rails 资产。 插件开发设置git clone git@github.com:tenex/r
rails 编译assets
征途人生&梦
03-09 550
rake assets:precompile
前端处理静态资源文件连接、压缩、缓存、预编译高级语言的框架Asset Pipeline
一生为追梦的博客
12-05 717
Asset Pipeline 提供了用于连接、简化或压缩 JavaScript 和 CSS 静态资源文件的框架。有了 Asset Pipeline，我们还可以使用其他语言和预处理器，例如 CoffeeScript、Sass 和 ERB，编写这些静态资源文件。应用中的静态资源文件还可以自动与其他 gem 中的静态资源文件合并。例如，与 jquery-rails gem 中包含的 jquery.js ...
Rails Asset Organization
qwbtc的博客
08-11 470
Rails Asset Pipeline 的作用就是把一堆css文件压缩为一个css，把一堆js压缩为一个js，减少访问页面时的 Http 请求。 css/js 存放在哪？（乐高配件） 在Rails中，样式文件保存在以下两个文件目录： app/assets 应用的样式文件，比如文章、用户、评论的css/js lib/assets 外源的样式文件，比如videojs，jQ
一次搞懂 Assets Pipeline
weixin_33692284的博客
10-13 512
Assets Pipeline 是 Rails 3.1 一個重要的功能，一直並沒有很去了解其特性，但因為最近都在寫前端的東西在 assets pipeline 的東西上跌跌撞撞了不少次(尤其在 deploy 上 production 後常爆炸，爆到我無處自容)，這篇就是好好研究後的心得以及筆記。Assets Pipeline 有什麼好處，不用會怎樣?不用當然不會怎樣，你可以在...
Rails的静态资源管理（一）——Asset Pipeline是什么
weixin_30562507的博客
06-19 93
官方文档：http://guides.ruby-china.org/asset_pipeline.html http://guides.rubyonrails.org/asset_pipeline.html 1、AssetPipeline是什么 AssetPipeline提供了用于连接、简化或压缩 JavaScript 和 CSS 静态资源文件的框架。有了 AssetPipelin...
如何理解ruby on rails中的asset pipeline
binbin工作室
03-03 525
自从 rails 3开始就开始导入asset pipeline， 让我们一起来看看这个有什么作用。 1. 自动将很多的js 文件 和 css 文件各自结合成一个文件。 比如在你的assets/javascripts/下面有 orders.js.coffee,  carts.js.coffee, applications.js.coffee assets pipe
如何使用Assets Pipeline
iteye_18121的博客
10-08 198
Rails 3.1之前，所有资源文件放在public的子目录下，如images,javascripts和stylesheets。有了asset pipeline后，这些资源文件被放在app/assets目录下。这个目录下的文件会被Sprockets这个中间件处理。它会包含在sprockets gem.并不是说assets不能放到public下了，它们仍可以并且会被服务器当作静态文件处理。若你...
rails程序中加载js
江城守望者
01-05 2164
常用的方式有两种： 1. 直接在view中写javascript代码； 2. 通过Asset Pipeline加载app/assets/javascripts中的js文件 对于第一种方式，我的习惯做法是在app/views/layout/application.html.erb中定义名称为javascript的yield，然后在需要js的view中使用content_for插入js代码：
"Rails 6新前端选择：从Assets Pipeline到Webpack
本文主要介绍了 Rails 6 的前端方案，从传统的 Assets Pipeline 过渡到现代化的 Webpack，涵盖了前端开发中的核心问题和解决方案。讲解者从全局角度出发，系统地介绍了如何在 Rails 6 中选择合适的前端框架，并结合...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值