Edted 2010 Dicas de Web

A apresentação já vai começar ...

Wednesday, April 14, 2010

AkitaOnRails.com

~ 30 min~ 70 slides

www.slideshare.net/akitaonrails

fabioakita@gmail.com

www.akitaonrails.com/!les/entendendo-a-web-movies.zip

Entendendo a WebDicas sobre Desenvolvimento Web com Ruby

Fabio Akita

Recapitulando ...

Ruby é Lento(TM)

Existem mentiras, mentiras malditas e

estatísticas.

x mais lento que C++

0 32.5 65 97.5 130

Python 2

Ruby 1.9

Python 3

Ruby 1.8

x mais lento que C++

Homepage: 331 ms

Total: 5.45 s

Exemplo

6Técnicas

Menos Requisições

Mini!que CSS e Javascript

Juicerhttp://github.com/cjohansen/juicer/

gem install juicer

script/plugin install git://github.com/ktheory/juicer-rails.git

gem install juicer

script/plugin install git://github.com/ktheory/juicer-rails.git

juicer install yuicompressor

juicer install jslint

juicer install closure_compiler

<%= juiced_tag '/stylesheets/application.css' %> <%= yield(:head) %>

</head><body>

... <%= juiced_tag '/javascripts/application.js' %>

</body>

/app/views/layouts/application.html.erb

<%= juiced_tag '/stylesheets/application.css' %> <%= yield(:head) %>

</head><body>

... <%= juiced_tag '/javascripts/application.js' %>

</body>

@import url("reset.css");@import url("base.css");@import url("fonts.css");

/* @depends jquery-1.4.min.js @depends jquery.edit_in_place.js @depends jqueryamail.js*/

/public/stylesheets/application.css

/public/javascripts/application.js

@import url("reset.css");@import url("base.css");@import url("fonts.css");

/* @depends jquery-1.4.min.js @depends jquery.edit_in_place.js @depends jqueryamail.js*/

/public/stylesheets/application.css

/public/javascripts/application.js

juicer merge public/stylesheets/application.css

public/stylesheets/application.min.css

juicer merge -i public/javascripts/application.js

public/javascripts/application.min.js

DEVELOPMENT

PRODUCTION

Asset HostsNavegadores abrem poucas conexões

simultâneas por domínio

def gallery gallery_path = File.join(Rails.root, "public/images/gallery/")

@images = Dir.glob(gallery_path + "*").map{ |f| f.gsub(gallery_path, "") }

/app/controllers/hello_controller.rb

/app/views/hello/gallery.html.erb

<% title "Gallery" %>

<% @images.each do |image| -%> <%= image_tag "gallery/#{image}" %>

<% end -%>

/app/views/hello/gallery.html.erb

<% title "Gallery" %>

<% @images.each do |image| -%> <%= image_tag "gallery/#{image}" %>

<% end -%>

DEVELOPMENT

/con!g/environments/production.rb

config.action_controller.asset_host = Proc.new do |source, request| protocol = if request.ssl?

request.headers["USER_AGENT"] =~ /(Safari)/ ? "http" : "https" else

"http" end

"#{protocol}://asset#{rand(6) + 1}.akitaonrails.local:3000"end

/con!g/environments/production.rb

config.action_controller.asset_host = Proc.new do |source, request| protocol = if request.ssl?

request.headers["USER_AGENT"] =~ /(Safari)/ ? "http" : "https" else

"http" end

"#{protocol}://asset#{rand(6) + 1}.akitaonrails.local:3000"end

### Host Database## localhost is used to configure the loopback interface# when the system is booting. Do not change this entry.##127.0.0.1 localhost255.255.255.255 broadcasthost::1 localhost fe80::1%lo0 localhost127.0.0.1 asset1.akitaonrails.local asset2.akitaonrails.local asset3.akitaonrails.local asset4.akitaonrails.local asset5.akitaonrails.local asset6.akitaonrails.local www.akitaonrails.local

/etc/hosts

PRODUCTION

Javascript embaixo!

<head> <title><%= h(yield(:title) || "Untitled") %></title> <%= stylesheet_link_tag 'application' %> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.0/jquery.min.js" type="text/javascript"></script> <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.2/jquery-ui.min.js" type="text/javascript"></script> <script src="http://ajax.googleapis.com/ajax/libs/swfobject/2.2/swfobject.js" type="text/javascript"></script> <script src="http://ajax.googleapis.com/ajax/libs/chrome-frame/1.0.2/CFInstall.min.js" type="text/javascript"></script> <%= yield(:head) %></head><body>...

... <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.0/jquery.min.js" type="text/javascript"></script> <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.2/jquery-ui.min.js" type="text/javascript"></script> <script src="http://ajax.googleapis.com/ajax/libs/swfobject/2.2/swfobject.js" type="text/javascript"></script> <script src="http://ajax.googleapis.com/ajax/libs/chrome-frame/1.0.2/CFInstall.min.js" type="text/javascript"></script> <script type="text/javascript"> // meu javascript customizado ... </script> </body></html>

a2enmod de"ate

editar/etc/apache2/mods-available/de"ate.conf

a2enmod de"ate

editar/etc/apache2/mods-available/de"ate.conf

<IfModule mod_deflate.c> AddOutputFilterByType DEFLATE text/plain AddOutputFilterByType DEFLATE text/html AddOutputFilterByType DEFLATE text/xml AddOutputFilterByType DEFLATE text/css AddOutputFilterByType DEFLATE image/svg+xml AddOutputFilterByType DEFLATE image/x-icon AddOutputFilterByType DEFLATE application/xml AddOutputFilterByType DEFLATE application/xhtml+xml AddOutputFilterByType DEFLATE application/rss+xml AddOutputFilterByType DEFLATE application/javascript AddOutputFilterByType DEFLATE application/x-javascript

AddOutputFilterByType DEFLATE application/x-httpd-php AddOutputFilterByType DEFLATE application/x-httpd-fastphp AddOutputFilterByType DEFLATE application/x-httpd-eruby

DeflateCompressionLevel 9

# Netscape 4.X has some problems BrowserMatch ^Mozilla/4 gzip-only-text/html

# Netscape 4.06-4.08 have some more problems BrowserMatch ^Mozilla/4\.0[678] no-gzip

# MSIE masquerades as Netscape, but it is fine BrowserMatch \bMSIE !no-gzip !gzip-only-text/html</IfModule>

/etc/apache2/mods-available/de"ate.conf

Cabeçalhos de Expiração

a2enmod expires

editar/etc/apache2/mods-available/expires.conf

a2enmod expires

editar/etc/apache2/mods-available/expires.conf

<IfModule mod_expires.c> ExpiresByType image/x-icon "access plus 1 year" ExpiresByType image/png "access plus 1 year" ExpiresByType image/jpg "access plus 1 year" ExpiresByType image/gif "access plus 1 year" ExpiresByType image/jpeg "access plus 1 year" ExpiresByType application/pdf "access plus 1 year" ExpiresByType audio/x-wav "access plus 1 year" ExpiresByType audio/mpeg "access plus 1 year" ExpiresByType video/mpeg "access plus 1 year" ExpiresByType video/mp4 "access plus 1 year" ExpiresByType video/quicktime "access plus 1 year" ExpiresByType video/x-ms-wmv "access plus 1 year" ExpiresByType application/x-shockwave-flash "access 1 month" ExpiresByType text/css "access plus 1 year" ExpiresByType text/javascript "access plus 1 year"</IfModule>

/etc/apache2/mods-available/expires.conf

Cache Busters

<%= stylesheet_link_tag 'application' %>

<%= javascript_include_tag 'application' %>

<%= image_tag "logo.png" %>

type="text/javascript"></script>

type="text/javascript"></script>

Use CDNs

Search

select * from ... where ... like “%...%”

or ... like “%...%”or ... like “%...%”or ... like “%...%”or ... like “%...%”

Open Source Enterprise Search Platform

Baseado no famoso Lucene

Full Text Search, com relevância

Indexa documentos (Word, PDF, etc)

Interface REST

Roda em containers de Servlet (Tomcat)

Interface REST

Aprendendo Mais

RAILS LABS

RAILSCASTS.com

caelum.com.br

egenial.com.br

Entenda os browsers

Entenda HTTP

Arquiteturas

Mundo Assíncrono

Mundo não Relacional

Entenda os browsers

Entenda HTTP

Arquiteturas

Mundo Assíncrono

Entenda os browsers

Entenda HTTP

Arquiteturas

Mundo Assíncrono

Entenda os browsers

Entenda HTTP

Arquiteturas

Mundo Assíncrono

Entenda os browsers

Entenda HTTP

Arquiteturas

Mundo Assíncrono

Thx!www.slideshare.net/akitaonrails

fabioakita@gmail.com

http://dl.dropbox.com/u/1732133/dicas-de-desenvolvimento-web-com-rails.zip

Edted 2010 Dicas de Web

Technology

Transcript of Edted 2010 Dicas de Web

5 Dicas Para Navegar Com...Rome - Dicas - PC WORLD

Dicas de Projeto Lógico Relacional - UFSCronaldo/ine5623/4-dicasProjetoLogicoFi... · 2010. 9. 2. · Dicas de Projeto Lógico Relacional • Vantagens de uso de uma visão ( view

Caelum dicas web 2010

[EDTED] 3D para Internet

EDTED SP - HTML 5 e CSS 3 - Junho de 2011

Cláudio Torres Pagina 1 · Dicas de email marketing 24 Dicas de marketing viral 29 Dicas de publicidade online 33 Dicas de pesquisa online 37 Dicas de monitoramento de sites 41 Dicas

100 Dicas de Saúde - As melhores dicas aqui

AULA TÉCNICA 06 2010 INSTRUTOR: SCOPINO. SCOPINO TREINAMENTOS REPARAÇÃO AUTOMOTIVA: DICAS ELETRO-ELETRÔNICAS GRANDEZAS ELÉTRICAS.

CMS Livres - EDTED Recife

Por um Design Livre - EDTED 2012

Palestra Teched Brasil 2010 - Sessão SRV307 - Dicas e Truques de Windows Server e Active Directory

Palestra Edted RJ e SP maio 2012

EDTED 2010 - Acessibilidade na Web

Cozinhas - Dicas e sugestõesaz274650.vo.msecnd.net/.../pdf/cozinhas-dicas-e-sugestoes-didatico.pdf · Cozinhas - .leroymerlin Dicas sugestões 60 cm 90 cm Dicas 50 cm Mantenha uma

Verão na Universidade do Minho 2010 (partilhe esta informação) … · 2018-05-30 · um dicas 23 de Junho de 2010 Edição nº 82 - Ano 5 dOpinião "Verão na Universidade do Minho

Dicas de Excel - Dicas Excell

Dicas para elaboração de relatórios técnicos - fei.edu.brrodrmagn/mestrado/elab_relat_tec.pdf · Dicas para elaboração de relatórios técnicos rodrmagn © 2010 –Rodrigo Magnabosco

Realize mais com HTML 5 e CSS 3 - EDTED / RS

HTML 5 e CSS 3 - EDTED Brasília

1 EDITORAÇÃO ELETRÔNICA Dicas Gerais UNIP - 2010.