em

Otimização do Código Fonte do ::Tutoriais Photoshop:: pela FG Solutions.

Quem passa as madrugadas aqui no blog deve ter notado que hoje por volta de 1 da manhã algumas coisas mudaram no blog, foram mudanças aparentemente leves no que podemos ver mas bem significativas na parte que não podemos ver, calma que já explico.

Muitos leitores vinham perguntando sobre um novo layout, esse layout já possui bem mais de 1 ano, já estava pensando em mudar mesmo, mas antes era necessário arrumar algo bem mais importante, o código fonte do blog, nele estão informações importantes do blog, coisas que os navegadores interpretam para que você consiga ver tudo da maneira correta em sua tela, hoje existem diversos tipos de navegadores, Firefox, Ópera, Safari e Internet Explorer (os mais populares), na maioria dos casos eles seguem um padrão de leitura e isso facilita o trabalho de quem trabalha nos códigos, mas (sempre existe um porém), o Internet Explorer, em especial a versão 6, é quase que totalmente incompatível com esses padrões fazendo com que você veja (ou não veja) a página do jeito que ela realmente é, para piorar muitos dos leitores ainda usam este navegador, recebo dezenas de e-mails perguntando se o blog saiu do ar, ou se está acontecendo algum problema devido esse erro de leitura do navegador somando isso mais a bagunça que estava o código fonte do ::Tutoriais Photoshop:: depois de 2 anos de atividade resolvi entrar em contato com uma agência que trabalhasse com Web para otimizar o código fonte e garantir um acesso que fosse satisfatório para a maioria dos navegadores.

fgsolutions Aí entrou a FG Solutions, uma agência especializada em desenvolvimento de sites, otimização (SEO) e marketing digital, entrei em contato com o Gabriel Carlini (Sócio-diretor da FG Solutions e leitor do ::Tutoriais Photoshop::) e expliquei a situação, dentro de um mês o código fonte do blog tinha sido organizado e reduzido pela metade, o tempo de carregamento foi otimizado e ainda por cima ganhamos uma otimização para dispositivos móveis, coisa que hoje em dia é muito importante, caso vocês precisem construir um site/blog, fazer o trabalho de otimização para buscadores ou mesmo otimizar seu site/blog para os navegadores mais populares do mercado a FG Solutions é sem sombra de dúvida a agência certa para este tipo de trabalho, o atendimento é ótimo e o serviço prestado também.

Vejam abaixo a diferença entre o ::Tutoriais Photoshop:: antes e depois da otimização.

tabela comparativa

Como é possível ver nem todos os erros foram sanados devido ao padrão fechado que o blogspot usa, mas a maior parte dos erros graves foram corrigidos.

Outras pequenas mudanças também ocorreram devido aos acessos feitos pelo Internet Explorer 6, muitos leitores que ainda usam este navegador reclamavam que a barra do Friend Connect que ficava na parte inferior da tela não rolava junto com o conteúdo, infelizmente esse erro também ocorria com a barra superior que ficava fixa no alto da tela, o jeito retirar este atributo do menu superior e passar o Friend Connect para a coluna direita do blog garantindo assim um acesso igual para todos os navegadores, espero que com essas mudanças vocês possam aproveitar ainda mais o conteúdo do blog seja pelo Firefox, Internet Explorer, Ópera, Safari, Chrome ou via dispositivo móvel :).

Escrito por André Sugai

Publicitário, Photoshopista, criador do Tutoriais Photoshop, venceu o prêmio iBest na categoria tecnologia em 2008 e dois prêmios de criatividade da Adobe. Ex-colaborador do Tech Tudo (http://Globo.com), iMasters (UOL) e Revista Photoshop Creative.

Deixe um comentário para BrunoCancelar resposta

O seu endereço de e-mail não será publicado. Campos obrigatórios são marcados com *

Esse site utiliza o Akismet para reduzir spam. Aprenda como seus dados de comentários são processados.

5 Comments

  1. Cara.
    Adorei o tempo de carregamento que ficou bem menor.
    Gostava do menu fixo no topo do site, era mais prático, dá uma arrumada nisso, é fácil.
    Abração e parabéns pelo código novo.

  2. Sou exemplo claro aqui… Meu pc não é tão bom porém tenho uma net rapida mais isso não ajudava nada ao carregar as imagens aqui, tinha que esperar um certo tempo até abrir tudo, ja agora abriu tudo de primeira e muito rapido, e gostei da ideia de fazer coluna direita pro Friend Connect pq certos momentos realmente atrapalhava :s

    Quero deixar aqui meus parabéns pelo seu trabalho e sua paciência conosco Andre rs

    Abraços.

  3. Oi Anônimo, realmente o tempo de carregamento caiu bastante, o pessoal da FG Solutions fez um ótimo trabalho, obrigado pela visita!! 🙂

    Oi Bruno, obrigado pela visita!! 😀

Download: Texturas de papel cartão.

Tutorial: Criando raios que saltam de uma palavra