Melhore a performance do seu site

Durante o projeto de um tema WordPress no qual usamos muitas imagens de alta definição  ( Faça um tema customizado para o seu negócio ), notei que o tempo de carregamento da página não estava satisfatório. Assim, tivemos que lançar mão de várias técnicas para acelerar o carregamento da página tanto para mobile quanto para diversas resoluções diferentes no desktop.

Abaixo, compartilho alguns links onde podemos avaliar o tempo de carregamento de páginas Web, alguns deles dão dicas valiosas de como acelerar o carregamento da sua página.

https://www.webpagetest.org

https://developers.google.com/speed/pagespeed/insights/

https://gtmetrix.com

https://loadimpact.com

http://www.monitis.com/pageload/

https://www.dotcom-tools.com/website-speed-test.aspx

Dicas :

Carregue primeiro o que será visto primeiro –  Se possível, mova folhas de estilos e adie a carga de Javascript para depois do conteúdo.  Esses componentes costumam carregar a carga da página no browser, tornando-a mais lenta.

Reduza imagens – Esse é um ponto importante, imagens tomam tempo importante no processo de carga. Mas, reduzir a imagem não significa perder qualidade. Afinal, ninguém quer o seu site com imagens de qualidade ruim. Existem algumas ferramentas online que reduzem o tamanho das imagens sem a perda da qualidade. Recomendo o TinyJPG. Outro ponto que melhora muito o desempenho é ter imagens com dimensões adequadas ao tamanho que será apresentado, sem ficar redimensionando na tag HTML.

Evite usar conteúdo linkado de outros sites – Esse é um ponto controverso, pois quando usamos outro site, o nosso servidor libera recursos para processar outra parte da página. Porém, abrimos mão da manutenção da disponibilidade do conteúdo. E nesse momento, a carga do site pode ser tornar lenta se o servidor remoto demorar demais para responder.

Comprima os arquivos – Se há a possibilidade de habilitar a compressão de arquivos no seu servidor, use-a. Embora o servidor tenha que efetuar uma tarefa a mais, poupamos recursos de banda.

Simule a navegação do site em redes de baixa velocidade – Tenha a mesma experiência que seus usuários em redes compartilhadas ou de baixa velocidade.

Teste em muitos browsers – Tenha os mais comuns instalados na sua máquina.

Espero que essas dicas tenham lhe ajudado.

 

Aprendendo Python de maneira Interativa

Uma forma legal de aprendizado para programar uma linguagem de programação, é a possibilidade de durante o aprendizado praticar o assunto abordado e quem sabe fazer um pequeno projeto. Acredito que ajude a fixar e até estimule mais ainda o aprendizado. Durante minhas pesquisas de desenvolvimento usando OpenCV, acabei esbarrando com Python algumas vezes.

Uma delas, durante a montagem do ambiente do OpenCV tive um contato de instalação e recentemente, durante a montagem de protótipo, acabei iniciando um estudo mais aprofundado da linguagem. Um dos sites que me chamou a atenção foi o Learn Python. que se propõe a ser o ponto de entrada com a linguagem e permite os testes de programação online.

Recomendo, vai lá!

Desenvolvimento mobile com AppGyver Steroids

Recentemente, testei o desenvolvimento de aplicativos para iOS usando HTML5, CSS e Javascript através da plataforma Steroids.

A solução da AppGyver permite a criação de soluções usando recursos de Web, Phonegap e Cordova.  A proposta é bem interessante, pelo fato de utilizar conhecimento e recursos que já realizem o desenvolvimento de soluções Web, podendo criar soluções iOS e Android.  A instalação do ambiente de desenvolvimento é bem simples e esta disponível para Windows e Mac.

O que achei mais interessante foi testar a aplicação rodando no iPhone ou iPad sem a necessidade de uma conta de desenvolvedor na Apple Store.

Rodei algumas das aplicações exemplo usando o console.  A experiência de navegação no iPhone 4S não foi boa e muitas vezes a carga da página seguinte levou mais tempo e a ampulheta de carga foi apresentada. Na aplicação nativa isso não aconteceria. Outra desvantagem é que o Steroids não permite drag-and-drop nas interfaces e o suporte a base de dados usando sqlite é bem limitado.

Uma ferramenta lançada recentemente pela AppGyver é o prototyper que permite criar a aplicação, mesmo para pessoas sem o conhecimento de desenvolvimento.

Conclusão

AppGyver pode ser uma excelente solução para apresentação de protótipos e validação de interfaces. Principalmente para a protipação rápida usando o prototyper. A documentação é bem razoável e a capacidade de extensão através do uso de APIs é boa.

Mesmo com toda a facilidade oferecida,  a performance da aplicação ainda esta muito abaixo. Mas não usaria para uma solução comercial.

 

Guia de produtividade (coletar) com Evernote

Utilize o Evernote para lidar com o excesso de informações dos dias atuais e se aprofunde em assuntos do seu interesse sem tomar muito tempo navegando pela Internet.

Aprenda com essas 4 dicas como fazer para coletar melhor usando o Evernote:

1 – Google Alerts + Evernote ( http://www.google.com/alerts )

Google alerts

2 – Receba a atualização dos sites na sua conta Evernote

A assinatura de conteúdo através de e-mail é facilitada através  do uso do e-mail de entrada da conta do Evernote. (Em 2015 o envio de e-mails para sua conta do Evernote deixou de estar disponível na conta gratuíta) Evitando que sua caixa de entrada fique lotada de e-mails 🙂

3 – Armazene o conteúdo dos seus feeds prediletos

É possível através de ferramentas de automação como o IFTT(www.ifttt.com) que já foi citado em outro post sobre o mapa de produtividade usando várias plataformas, realizar a automação para cada novo post no Feed de um site ou blog, que esse seja capturado e seja armazenado no Evernote como uma nota.

4 – Viu algo legal ? Capture o momento com uma foto

” Uma imagem vale mais que mil palavras”

Essa é uma funcionalidade muito legal. Armazenar telas, fotos ou mesmo diagramas para referência futura. Mais uma vez, é possível usar uma receita no IFTTT para automatizar sua presença através de imagens e coletar suas fotos no Facebook, Instagram, etc.. .e armazená-las no Evernote.

Conhece outras maneiras de melhorar a coleta utilizando o Evernote ? Compartilhe.

 

Como coletar automaticamente com o Evernote

Recentemente criei um mapa para auxiliar na coleta automática de entrada(GTD) usando o Evernote como ferramenta para armazenamento de conteúdo e para a etapa de coleta usando diversas soluções de captura em diversos sites e redes sociais.

evernote collect

Faço uso intenso desses mecanismos e tem funcionado muito bem. Principalmente para acompanhar o conteúdo de sites que eu gosto. Todo esse conteúdo é apresentado na minha inbox e seleciono o que desejo armazenar e o que não é interessante.

Executo a análise do que me interessa no momento oportuno, sem lotar minha caixa de e-mail ou perder conteúdo em feeds intermináveis.

Espero que esse mapa possa ajudar !