Caros Leitores,

Diversas vezes me deparei com arquivos Flash extremamente pesados e que aparentemente não tinham razão de ser. Foi o caso em alguns menus dinâmicos em Flash, entre outros, desenvolvidos por pessoas com pouca experiência em Flash mas que se aventurou neste meio. 

E normalmente o problema era o mesmo, ou seja, um ou mais campos DYNAMIC TEXT BOX que possuiam no item EMBED FONTS a opção "All Glyphs" selecionada.

E por que o Flash fica grande neste caso? Porque o "Embed Fonts" aponta quais fontes devem ser enviadas ao computador cliente juntamente com a animação em flash, permitindo que esta apresente textos com fontes que não estão instaladas no computador do usuário. 

A opção "All Glyphs" envia todos os caracteres da fonte que será utilizada no Text Box, o que representa cerca de 54000 símbolos diferentes, entre eles os símbolos que representam as letras em maiúscula, em minúscula, acentuações, pontuações, caracteres coreanos, japoneses, chineses, latinos, etc. São esses 54000 símbolos diferentes que tornam o arquivo flash (SWF) cerca de 40kb ou 50kb maior. Em um menu de 5kb ou 6Kb originais, esse aumento é considerável.

Assim sendo, como forma de economizar em tamanho nos Flashs que tem fonte EMBED, devemos trabalhar com cuidado a inserção dos caracteres a serem utilizados.

Para o padrão Português-BR, serão inseridos cerca de 100 símbolos apenas, e para tanto devemos fazer o seguinte no Embed:

Selecionar os seguintes tipos de "glyphs"

NUMERALS
UPPERCASE
LOWERCASE

e ainda inserir no campo "include these characteres" os seguintes símboos:

!"#$%&'()*+,-./:;<=>?@[\]^_`{}|ÀÁÂÃÄÅÇÉÊËÌÍÎÏÑÒÓÔÕÖÙÚÛÜàáâãäçèéêëìíîïñòóôõöùúûüÈ€ºª

OBS: Em caso de campos que tenham um tipo mais restrito (por exemplo, valor), deixar somente os glyphs que realmente serão utilizados.

OBS2: O EMBED deve ser feito mesmo para fontes padrão dos navegadores, como Verdana, Arial, Times new Roman entre outras. Isto porque o Embed deixa a fonte com melhor desenho.

 []s

Fernando D'Angelo

Salve galera!

Mesmo com toda a evolução tecnológica dos hardwares (servidores, redes, etc.) atuais, um problema que aflige boa parte dos desenvolvedores é o desempenho de suas aplicações.

Então, resolvemos listar alguns links de boas práticas de desenvolvimento e ferramentas que ajudam a analisar a performance de aplicações web.


Best Practices for Speeding Up Your Web Site (Yahoo)
Lista de 34 dicas dividas em 7 categorias


Web Performance Best Practices (Google)
Guia de boas práticas em 5 seções


Firebug - Add-On para Mozilla Firefox - Extensão para Google Chrome
Ferramenta de edição em tempo de execução de CSS, HTML e Javascript.


Speed Tracer
Extensão para Google Chrome para análise de desempenho.


Yahoo! YSlow
Ferramenta de análise de performance que funciona integrada ao Firebug.

Salve galera!

Não sei vocês, mas toda vez que necessito desenvolver um e-mail HTML é um "parto" para que o CSS funcione corretamente, ao menos nos clientes de e-mails mais populares como Gmail, Yahoo, Outlook, Hotmail, etc. Até mesmo quando é lançada uma nova versão de um deles, o trabalho pode ficar comprometido.

Foi então que um de nossos colaboradores encontrou pesquisando na internet este guia que trás uma tabela dos 10 clientes de e-mails mais populares no mercado atualmente e o que cada um suporta em relação a CSS.

Clique aqui e veja o artigo original e também versões para download em PDF e XLS.