{ "category": { "id": 49, "name": "Ferramentas de Análises", "slug": "ferramentas-de-analises" }, "total_articles": 2, "articles": [ { "title": "Como analisar a velocidade do seu site", "excerpt": "

Neste artigo, vamos utilizar a ferramenta nativa do navegador que realiza uma análise mais precisa, íntegra e independente de variáveis criadas por softwares de terceiros, que utilizam de robôs para criar as métricas de análise de carregamento com base em elementos estáticos e não dinâmicos.  Com a análise nativa você…

", "content": "

Neste artigo, vamos utilizar a ferramenta nativa do navegador que realiza uma análise mais precisa, íntegra e independente de variáveis criadas por softwares de terceiros, que utilizam de robôs para criar as métricas de análise de carregamento com base em elementos estáticos e não dinâmicos. 

\n

Com a análise nativa você garante resultados reais sobre o desempenho do seu site.

\n

É importante verificar a qualidade da internet, checando principalmente o tipo de conexão utilizada, que pode ser via Wi-fi ou Cabo Lan.

\n

A conexão Wi-Fi é mais instável e pode sofrer com interferência que prejudicam a conexão. O tipo de conexão mais indicado para esse teste é a cabeada, que promove eficiência, segurança e estabilidade.

\n
\n

Como serão realizados os testes de velocidade?

\n

Neste caso, o navegador escolhido para realização dos testes é o Google Chrome, mas o processo pode ser repetido em outros navegadores de maneira semelhante.

\n

Preparando o ambiente

\n

A melhor maneira de garantir um resultado mais preciso é utilizando uma guia anônima do Chrome.

\n\n

Também é possível utilizar um atalho de teclado para abrir uma janela de navegação anônima:

\n

Windows, Linux ou SO Chrome:
\nAperte CTRL + Shift + N

\n

Mac
\nAperte ⌘ + Shift + N

\n

Quando terminar, terá algo parecido com isso:

\n

\"nova

\n

Caso a opção esteja desmarcada, clique em “Bloquear cookies de terceiros”.

\n
\n

Entre no seu site

\n

Digite a URL do seu site:

\n

Exemplo: www.seusite.com.br

\n

\"site

\n
\n

Iniciando a análise

\n

Clique com o botão direito do mouse sobre qualquer campo da tela e desça no menu aberto até a opção “inspecionar” como segue a imagem:

\n

Mac: aperte ⌘ + Shift + i.

\n

Windows, Linux ou SO Chrome:  CTRL + Shift + i.

\n

\"abrir

\n

Após clicar, você terá algo parecido com isso:

\n

\"Ferramenta

\n

Vá até a aba “Network”, quarto item da direita para a esquerda no menu do modo desenvolvedor.

\n

\"aba

\n

Logo abaixo você encontrará a opção 

\n

“Disable Cache”, é muito importante que essa opção esteja habilitada.

\n

\"desabilitando

\n

Com esta opção habilitada, você fará o recarregamento da página clicando no botão ao lado da URL do site, ou aperte F5.

\n

Logo em seguida, terá a seguinte tela:

\n

\"recarregando

\n

Na barra inferior, algumas informações apresentadas se referem ao carregamento site, como segue a imagem:

\n

\"velocidade

\n

Velocidades a serem analisadas

\n

Finish:

\n

Representa o tempo de carregamento do site, desde o primeiro arquivo até a última integração do site.

\n

(tempo de 7.46 segundos)

\n

DOM: 

\n

Representa o tempo de carregamento dos elementos não web da página.

\n

(Tempo de 2.96 segundos)

\n

Load:

\n

Representa o tempo de carregamento dos arquivos do site, sem integração de terceiros. 

\n

(Tempo de 4.54 segundos)

\n
\n

Realizando testes mobile

\n

Na barra superior do modo desenvolvedor, clicarmos no segundo botão “toggle device toolbar”. 

\n

\"abrir

\n

Ao carregar teremos a versão Mobile do site na tela, como segue a imagem:

\n

\"analisar

\n

Para realizar o diagnóstico, basta fazer o recarregamento da página novamente, através do mesmo botão de reload ou F5.

\n

Com o resultado em vista, podemos observar que o carregamento realizado no site mobile obtém uma melhora de alguns poucos segundos pela sua forma de organização do layout na tela, contendo menos elementos a serem carregados, segue o resultado:

\n

\"analisar

\n
\n

Como melhorar a velocidade de carregamento do seu site?

\n

O tamanho dos arquivos importa!

\n

Com arquivos maiores, o carregamento do site fica mais custoso e demorado. O tamanho ideal de imagens para colocar no seu site são as que contém no máximo 300kb, que são carregadas muito rapidamente.

\n

A plataforma da Rocket Imob as converte para um arquivo WEBp, que tem o carregamento muito mais eficaz pela diminuição da imagem até 10 vezes menor que a original sem grande perda de qualidade.

" }, { "title": "Google PageSpeed Insights", "excerpt": "

Entenda sobre a ferramenta de análise mais popular da internet, o Google PageSpeed Insights.

", "content": "

Este artigo tem o objetivo de tirar dúvidas comuns sobre ferramentas de análise de performance, esclarecer o nosso posicionamento sobre elas, além de desmitificar o que vem sendo divulgado por alguns profissionais que, muitas das vezes sem embasamento técnico sobre performance na prática, disseminam informação de maneira vaga apenas com base em  resultados de testes sintéticos ou teorias.

\n

 

\n

Google PageSpeed Insights

\n

É uma ferramenta criada pela Google para manter desenvolvedores ao redor do mundo atualizados de práticas e tecnologias inovadoras que possam promover, ao longo do tempo, a criação de aplicações mais leves e ágeis.

\n

Apesar do anseio que temos em andar sempre à frente com relação a tudo o que diz respeito a inovação em performance, isso nem sempre depende apenas de nosso próprio esforço ou está dentro de nossas possibilidades.

\n

Vale mencionar também que o dinamismo presente no site de uma imobiliária, por sua necessidade de funcionalidade de busca apurada e estar integrado a outras plataformas, o torna naturalmente menos suscetível a pontuações muito elevadas, quando comparado por exemplo a um outro site qualquer de natureza mais estática.

\n

O Google PageSpeed Insights, apesar do que é divulgado, não é levado em consideração pelo próprio Google quando falamos de posicionamento orgânico no buscador. O Google leva em consideração o Google Analytics. Em resumo, os dados lidos no PageSpeed Insights não afetam o seu posicionamento orgânico, mas sim os dados do Google Analytics.

\n

 

\n

Oportunidades – Melhorias Comuns

\n

Abaixo você verá algumas melhorias que são comuns o Google PageSpeed sugerir, juntamente com um pouco do que temos a dizer sobre elas.

\n

Disponibilize imagens em formatos de última geração

\n

Para aqueles que ocasionalmente já realizaram testes em seu site, olhando atentamente para as recomendações que concentram o peso das melhorias, conclui-se sem grande dificuldade estarem atreladas aos formatos das imagens presentes no site, o Google PageSpeed está recomendando o uso dos formatos de imagens JPEG 2000, JPEG XR e WebP. Porém os formatos recomendados pelo PageSpeed Insights, além de ainda não terem compatibilidade total em todos os diferentes navegadores e suas versões, não são também formatos padrão em que imagens são salvas pela câmera que as capturou. Assim sendo os pontos de melhoria mais significativos e que impactam direta e significativamente as notas atribuídas aos sites não estão integralmente ao nosso alcance, por enquanto.

\n

Quando estes formatos de imagem se tornarem mais comuns, as galerias dos imóveis passarão a fazer seu uso, assim como CRMs imobiliários eventualmente permitirão e encorajarão seu uso. O que se refletirá diretamente na pontuação atribuída aos sites.

\n

Codifique as imagens com eficiência

\n

Este ajuste diz respeito à compactação da imagem. Para imagens que ficam em áreas apenas onde a nossa equipe consegue editar, pedimos sempre sejam enviadas otimizadas para o nosso time de suporte. Muitos programas de edição de imagem fazem isso com bastante eficiência em poucos cliques, neste sentido, recomendamos atenção especial as imagens que são enviadas para os artigos do Blog e banners que compõem o slider na página inicial.

\n

Para as imagens de imóveis, as otimizadas devem ser enviadas para o CRM que optou em utilizar.

\n

Elimine recursos que impedem a renderização

\n

A maioria dos recursos de script e folha de estilos passíveis de serem “eliminados” por impedir a renderização já foram em otimizações que realizamos em revisões anteriores. O termo eliminados vem entre aspas, pois ao contrário do que o que o título induz, eles não são eliminados de fato. Nem mesmo teria como, pois o site ficaria sem eles. O que este quesito sugere na prática é adiar o que não é estritamente necessário ao aparecimento do conteúdo inicial da página. O que aparece listado neste quesito na análise de seu site Rocket Imob, é o que não pode ser “eliminado”, pois sem estes recursos incluídos prioritariamente o seu site simplesmente não carregaria.

\n

Remova CSS não utilizado

\n

Algumas fontes remotas ou links de css que aparecem neste quesito não possuem utilização no contexto de uma ou outra página, mas por se tratarem de propriedades de uso genérico por outros elementos específicos ou páginas específicas, ao serem removidos, levariam consigo parte do design ou layout de seus respectivos dependentes. O resultado seriam falhas de layout ou aparecimento com visual arcaico de elementos ou páginas inteiras de seu site Rocket Imob.

\n

Reduza o JavaScript

\n

O site carrega o mínimo de JavaScript possível para o perfeito funcionamento, nós temos sempre que desenvolver tendo em mente equilibrar usabilidade com leveza, afinal, neste sentido de nada adianta um site com a nota mais alta, mas que não ofereça aos usuários as funcionalidades que eles precisam, da forma intuitiva como eles esperam interagir com elas, não é mesmo?

\n

Estamos periodicamente otimizando algoritmos para entregar a seus usuários mais por menos neste sentido.

\n

Testes em Concorrentes

\n

Você pode aplicar o mesmo teste em grandes portais, verá que a nota será inferior aos sites da Rocket Imob.

\n

Melhorias Futuras

\n

Como o nosso desenvolvimento é constante, sempre estamos estudando e aplicando melhorias neste sentido. Matemos uma equipe focada em otimizar nossos códigos, por conta disso conseguimos atingir os melhores resultados em termo de SEO.

\n

Sugestões de SEO

\n

Aqui não detalharemos a melhor forma de utilizar a plataforma Rocket Imob, mas a nossa sugestão é que utilize o blog e que invista na descrição dos imóveis. Conteúdo é rei!

" } ] }