Chris B. – idéias e pensamentos

Existem muitos posts em diversos blogs falando de como melhorar a performance do seu site diminuindo o tráfego de dados do tipo texto (html, css e javascript, na grande maioria). Já discuti – no bm sentido – algumas vezes sobre o fato de achar desnecessário fazer aqueles minify de javascript, fazer CSS em uma linha e tirar os espaços em branco no html, se você estiver usando compressão pelo webserver.

Não vou entrar em detalhes – o Google está aí pra isso – mas você pode consigurar o Apache (imagino que outros webservers tenham algo parecido) para que ele faça compressão de arquivos (como se fosse um zip) a serem enviados. O (protocolo) http se encarrega de verificar se o browser possui a capacidade de descompactar (e acredite, qualquer browser mais ou menos atual possui) arquivos nesse formato.

Como habilitar? Habilite o módulo deflate do Apache (como fazer isso, varia de versão para versão; cheque a documentação da sua instalação do Apache) e dentro do Virtualhost do seu site, insira:

<IfModule mod_deflate.c>
SetOutputFilter DEFLATE
SetEnvIfNoCase Request_URI \.(?:gif|jpe?g|png|rar|zip|pdf)$ no-gzip dont-vary
<IfModule mod_headers.c>
Header append Vary User-Agent
</IfModule>
</IfModule>

Isso vai fazer com que qualquer arquivo que não seja de uma das extensões listadas na terceira linha seja comprimido com gzip. Ah, porque não comprimir esses? Comprimir com gzip qualquer tipo de um desses formatos é desnecessário, pois eles já possuem compressão.

Reinicie o Apache e de um refresh na sua página, com o Firebug aberto, e veja a diferença.

Para melhorar, se você quiser fazer um log para acompanhar se está mesmo fazendo a compressão, e o quanto está comprimindo cada arquivo. Para isso, dentro do seu Virtualhost também:

<IfModule mod_log_config.c>
<IfModule mod_deflate.c>
DeflateFilterNote Input instream
DeflateFilterNote Output outstream
DeflateFilterNote Ratio ratio
SetEnvIf Request_URI \.gif image-request
SetEnvIf Request_URI \.js image-request
SetEnvIf Request_URI \.css image-request
LogFormat ‘”%r” %{outstream}n/%{instream}n (%{ratio}n%%)’ deflate
CustomLog /var/log/apache2/deflate.log deflate env=!image-request
</IfModule>
</IfModule>

Vale lembrar que esses são apenas exemplos, e você pode customizar tanto a compressão quanto o formato do log e afins ao seu prazer

Nunca me preocupei – nem tive a necessidade – de fazer uma versão de um site para o Iphone (ou qualquer outro dispositivo móvel). O máximo que fiz foi instalar um plugins em alguns dos meus blogs que, dependendo do dispotivo móvel, utiliza um jogo de templates diferenciado.

Aproveitei um tempinho livre – não que esse existe em quantidade – aqui na MMCafé para procurar como escrever interfaces (html/CSS e javascript) voltado ao Iphone. Depois de alguns bons posts, me deparei com uam espécie de framework, o iui: ele fornece a estrutura de html/CSS e implementações javascript para se criar aplicações pro Iphone. Tem muita coisa bacana, como aquela estrutura já famosa de webapps do Iphone, com menu em forma de lista com navegação por elas, bem como o CSS que já deixa com aquela carinha meio “azulada“, assim como outros temas.

Fuçando um pouco mais, encontrei esse post que explica como trabalhar com o framework: http://www.k10design.net/articles/iui/

Pelo que pude ver, ele não é o framework definitivo (falta coisa, inclusive na documentação, existem muitos reports de erros principalmente relativos ao javascript), mas para quem – como eu – está começando nessa história de interfaces para dispositivos móveis, ele ajuda a ser produtivo no início e entender como algumas coisas podem funcionar!

UPDATE: a @caracolis me mandou um link bem bacana da Smashing sobre tendências em design para aplicações para o Iphone, vale a pena olhar!

Ah, como é bom essa coisa de ter primo indo pros EUA, quando você está precisando comprar um eletroeletrônico… um tempo atrás percebi que estava chegando a hora de eu me preocupar em fazer backups de uma forma mais adequada do que apenas com DVDs, e usar um HD externo me parecia a melhor solução. Comecei a pesquisar, e vi que uma Time Capsule seria uma boa.

Mas, vamos contextualizar: a Time Capsule é o que a Apple chama de dispositivo de backup para o Mac OS. Ele é mais do que só um HD externo: você pode se conectar a ele por cabo e wi-fi, além de ser uma estação base de wi-fi. Escolhi comprar porque mesmo eu sendo um entusiasta do open source – utilizo mais linux do que o sistema da Apple na somatória das minhas horas – em casa tenho usado há tempos o Mac OS e, mesmo sendo proprietário, me sinto à vontade com ele. Junto a isso, a Time Capsule de 1 tera foi comprada por U$300. Ou seja, tenho agora um “hd externo” de 1 tera, que posso usar sem precisar de cabo algum, e que ainda serve como estação wi-fi muito melhor do que o D-Link que tinha aqui (o sinal está muito melhor, pegando em locais da casa que nem chegava perto o sinal antes). Se fosse comprar aqui no Brasil, não sei o quanto pagaria num HD externo normal – logo, aproveitei a ida do meu primo pra Nova Iorque para comprar a Time Capsule a um praticamente R$500 – enquanto que na recém-lançada Apple Store do Brasil, custa R$1200

De qualquer forma, minhas impressões? As mesmas que sempre tive com produtos da Apple: fazem tudo com muito cuidado. E nada mais justo do que você pagar por algo caro e ter algo de qualidade – isso vale para software como hardware, porque o que tem de produto porco por aí…

Em menos de 5 minutos, já estava com o wi-fi configurado e o sistema de backup devidamente configurado e já iniciado.

Backup a cada hora, nas últimas 24 horas, um backup por dia do mês anterior e backups semanais. Ou seja, menos dor de cabeça por um bom tempo e mais tranquilidade!

Na próxima quinta-f, dia 29, vai sair o release final da nova versão, a 9.10, do Ubuntu, seguindo a tradição o cronograma de um release a cada 6 meses.

As maiores mudanças informadas – e vistas nas versões alpha e beta – são:

• novo gerenciamento de boot
• exclusão do Adicionar/Remover e inclusão de um Software Center
• versão nova do GNOME
• Quickly – aplicativo para fácil distribuição de softwares feitos por desenvolvedores
• Ubuntu One Sharing – para compartilhamento de arquivos entre usuários do Ubuntu
• nova versão do kernel do linux, e drivers para Intel
• ext4 (sistema de arquivos) e GRUB2 (boot loader) como padrão

Como de costume, a transição deve ser tranquila para quem está na versão mais recente do Ubuntu, mas por conta dessas mudanças no boot, é indicado fazer um backup completo do sistema.

Fonte: http://www.ubuntu.com/testing/karmic/beta

Para os interessados, haverá uma “festa de lançamento” na Microcamp de São Bernardo do Campo, organizada pelo grupo Ubuntu-SP. Fica a dica: http://www.ubuntu-sp.org/2009/lancamento-do-karmic-grade-de-palestras/

O lançamento do site já foi feita quase 2 meses atrás, e eu comi bola – coisas da falta de tempo aqui no trabalho – mas não podia perder a chance de falar desse freela que fiz, do site do Estúdio Guará, muito bacana por sinal!

Primeiro, e antes de tudo, porque foi mais um dos motivos de reencontrar um grande amigo da época de escola (jardim de infância até colegial), um dos donos do estúdio.
Segundo, por ser um projeto no qual eu não tive que meter a mão em quase nada de html/CSS – fiquei com a parte que mais curto hoje em dia, que é de implementação PHP e javascript. O html/CSS, por sinal, muito bem feito pela @thalitamira, dona também do estúdio
Terceiro, por poder pela primeira vez utilizar o Wordpress num projeto não-pessoal e que está em produção \o/

Resumindo o projeto, é o site do Estúdio, com uma área de portfólio, quem somos e blog. A concepção (tanto gráfica como da arquitetura do site) foi feito pelo pessoal de lá, bem como o html/CSS. Meu trabalho foi fazer toda implementação dos templates do Wordpress (e a configuração – simples – do mesmo, com os devidos plugins) e dar o meu ponto de vista do que poderia ser bacana ou não (essa, a parte mínima! hehe).

Então, passem por lá, vejam e sigam tanto o twitter como o blog!

Estava vendo esse post aqui que fala sobre 10 plugins essenciais do Wordpress… não utilizo todos que estão ali, mas tenho uma listinha dos que eu sempre uso. Todos eles podem ser encontrados no repositório de plugins oficial: http://wordpress.org/extend/plugins/

Akismet

Não tem antispam melhor do que ele, e, sim, um antispam é absolutamente necessário se você usa o Wordpress – por alguma razão que desconheço, sites que usam Wordpress caem rápido nas listas de spams, e como os formulários (de contato, comentários, etc…) seguem a mesma formatação html, para um bot isso cai como uma luva. Testei muito pouco outros antispams, e ao meu ver nenhum chega perto ao Akismet.

Google XML Sitemap

Gera um xml com o sitemap do seu site, facilitando a vida do bot do Google que faz a indexação

Feedburner Feedsmith

Redireciona o feed do seu site para o do Feedburner. As vantagens de se usar o Feedburner? Seria necessário um post inteiro para isso! Mas, resumidamente, com Feedburner você consegue ter uma grande quantidade de estatísticas relacionadas ao seu feed

Subscribe to Comments

Permite que usuários se inscrevam para receber notificações após um comentário, quando outra pessoa faz o comentário. Isso aumenta, e muito, a quantidade de retorno dos seus visitantes.

Wordpress.com Stat

Estatísticas de acesso dentro do dashboard do WP

Wordpress Mobile Edition

Gera uma versão friendly para dispositivos móveis do seu site, usando um jogo de templates diferente

WP Poll

É quase que recorrente você querer colocar uma enquete no seu site, para ter mais interatividade com os visitantes. Use esse!

Wordpress Related Posts

Gera uma lista de posts relacionados a um post, através das tags. Com isso, a navegação cruzada do seu site é aumentada, o que faz você prender mais o visitante.

WP Super Cache

Se o seu site tem muitos acessos, ou você quer diminuir o consumo de banda ou processamente, você pode usar o WP Super Cache para fazer (dãh) cache das páginas – você pode configurar o nível de cache, tudo depende da sua necessidade.

All in One SEO Pack

Famosíssimo, ajuda a gerenciar muita coisa relativa a SEO do seu blog: meta-tags, links, urls, etc…