Banner Tutoriais Photoshop

Tutorial Anterior: Blue Mil e Um. | Página Inicial »
Tutorial Anterior: Mário na vida real. | Página Inicial »
Tutorial Anterior: Amanhã é dia 09 de Julho uma data muito especial p... | Página Inicial »
Tutorial Anterior: Inspiração - Artistas do Photoshop - Chris Scarbor... | Página Inicial »
Tutorial Anterior: Inspiração, Cartazes de Rock: Of Montreal. | Página Inicial »
Tutorial Anterior: Como criar uma seleção através do Channels. | Página Inicial »
Tutorial Anterior: Fogos de artifício por PES. | Página Inicial »
Tutorial Anterior: Download: Texturas de Madeira. | Página Inicial »
Tutorial Anterior: N-Matic, manta com tecnologia LED. | Página Inicial »

quarta-feira, 8 de julho de 2009

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


Vote no Tutoriais Photoshop para o Top Blog 2010

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 :).

Participe deixando seu comentário, dúvida, sugestão, ideias, exemplos ou simplesmente dizendo um "Olá!" na parte de comentários deste Post, sua participação é extremamente importante para o blog e também para todos os leitores que posteriormente terão acesso aos tutoriais e matérias que oferecemos por aqui.

Caso não queira ficar de fora das atualizações diárias do blog você tem 3 opções bem práticas:

  • Siga-me no Twitter.
  • Cadastre-se e receba por e-mail o resumo diário do que foi postado aqui no blog.
  • Cadastre nosso endereço RSS para receber as atualizações via leitor de Feeds.
  • Obrigado por ter votado no ::Tutoriais Photoshop:: para o iBest e Peixe Grande 2008 e 2009!

    Até a próxima!!



    5 Comentários:

    Às 8 de julho de 2009 08h41min00s BRT , Anonymous Anônimo disse...

    Puxa deu uma diferença sim legal vocês taum de parabens

     
    Às 8 de julho de 2009 09h38min00s BRT , Anonymous Bruno disse...

    Gostei bastante!!!Ficou bem mais leve mesmo...Aprovado

     
    Às 8 de julho de 2009 12h37min00s BRT , Blogger Andre Sugai disse...

    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!! :D

     
    Às 8 de julho de 2009 22h21min00s BRT , Anonymous James disse...

    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.

     
    Às 13 de julho de 2009 09h33min00s BRT , Blogger Nelson Dantas disse...

    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.

     

    Postar um comentário

    Assinar Postar comentários [Atom]

    Links para esta postagem:

    Criar um link

    << Início