A velocidade e o desempenho da página da web são muito importantes para a experiência do usuário. Se o seu site estiver muito lento, você não apenas perderá visitantes, mas também clientes em potencial. Mecanismos de pesquisa como o Google Factor A velocidade do site Em consideração nas classificações de pesquisa; portanto, ao otimizar a velocidade do seu site, você deve levar tudo em consideração.
Cada milissegundo conta.
Aqui estão apenas algumas dicas gerais de otimização de sites para melhorar o desempenho e a velocidade de um site.
1. Adiar o conteúdo de carregamento quando possível
O AJAX nos permite criar páginas da Web que podem ser atualizadas de forma assíncrona a qualquer momento. Isso significa que, em vez de recarregar uma página inteira quando um usuário executa uma ação, podemos simplesmente atualizar partes dessa página. Podemos usar uma galeria de imagens como exemplo.
Os arquivos de imagem são grandes e pesados; Eles podem desacelerar as velocidades de carregamento de páginas das páginas da web. Em vez de carregar todas as imagens quando um usuário visita a página da web pela primeira vez, podemos apenas exibir miniaturas das imagens e, quando o usuário clicar nelas, podemos solicitar assíncrono as imagens de tamanho completo do servidor e atualizar a página. Dessa forma, se um usuário quiser ver apenas algumas fotos, não precisará sofrer esperando que todas as fotos baixem.
Este padrão de desenvolvimento é chamado carregamento preguiçoso. Bibliotecas de AJAX/Desenvolvimento da Web como jQuery, protótipo e mootools podem facilitar a implementação de carregamento de conteúdo diferido.
2. Use arquivos JS e CSS externos
Quando o usuário carrega primeiro sua página da web, o navegador cache recursos externos, como CSS e arquivos JavaScript. Assim, em vez de arquivos JavaScript e CSS em linha, é melhor colocá -los em arquivos externos. O uso de CSS embutido também aumenta o tempo de renderização de uma página da web; Ter tudo definido no seu arquivo CSS principal permite que o navegador faça menos trabalho ao renderizar a página, pois já conhece todas as regras de estilo que ele precisa aplicar.
Como bônus, o uso de arquivos JavaScript e CSS externo facilita a manutenção do site, porque você só precisa manter arquivos globais em vez de código espalhado em várias páginas da web.
3. Use sistemas de cache
Se você achar que seu site está se conectando ao seu banco de dados para criar o mesmo conteúdo, é hora de começar a usar um sistema de cache. Ao ter um sistema de armazenamento em cache, seu site só precisará criar o conteúdo uma vez, em vez de criar o conteúdo toda vez que a página for visitada por seus usuários. Não se preocupe, os sistemas de cache atualizam periodicamente seus caches, dependendo de como você o configura-portanto, mesmo as páginas da web em constante mudança (como uma postagem no blog com comentários) podem ser armazenadas em cache.
Sistemas populares de gerenciamento de conteúdo como WordPress e Drupal terão recursos estáticos de cache que convertem páginas geradas dinamicamente em arquivos HTML estáticos para reduzir o processamento desnecessário do servidor. Para WordPress, confira WP Super Cache (Um dos seis plugins críticos do WordPress que as seis revisões foram instaladas). O Drupal possui um recurso de cache de página no núcleo.
Existem também sistemas de cache de cache de banco de dados e scripts do lado do servidor que você pode instalar no seu servidor da Web (se tiver a capacidade de fazê-lo). Por exemplo, o PHP tem extensões chamadas Aceleradores PHP que otimizam o desempenho através do cache e vários outros métodos; Um exemplo de acelerador de PHP é APC. Cache de banco de dados Melhora o desempenho e a escalabilidade de seus aplicativos da Web, reduzindo o trabalho associado aos processos de leitura/gravação/acesso ao banco de dados; Memcachedpor exemplo, caches usados com frequência consultas de banco de dados.
4. Evite redimensionar imagens em html
Se uma imagem for originalmente 1280x900px em dimensão, mas você precisará ser 400x280px, você deve redimensionar e reprimir a imagem usando um editor de imagem como o Photoshop em vez de usar HTML’s width e height Atributos (ou seja ). Isso ocorre porque, naturalmente, uma imagem grande sempre será maior no tamanho do arquivo do que uma imagem menor.
Em vez de redimensionar uma imagem usando HTML, redimensione -a usando um editor de imagens como o Photoshop e salve -o como um novo arquivo.
5. Pare de usar imagens para exibir o texto
O texto não apenas se torna inacessível para os leitores de tela e completamente inútil para SEO, mas o uso de imagens para exibir o texto também aumenta os tempos de carregamento de suas páginas da web, porque mais imagens significam uma página da web mais pesada. Se você precisar usar muitas fontes personalizadas em seu site, aprenda sobre o CSS @font-face para exibir o texto com fontes personalizadas com mais eficiência. Escusado será dizer que você deve determinar se os arquivos de fonte de servir seriam mais ideais do que servir imagens.
6. Otimize o tamanho da imagem usando o formato de arquivo correto
Ao escolher o formato de imagem correta, você pode otimizar os tamanhos de arquivo sem perder a qualidade da imagem. Por exemplo, a menos que você precise da transparência da imagem (camadas alfa) que o formato PNG tem a oferecer, o formato JPG geralmente exibe imagens fotográficas em tamanhos de arquivo menores. Para saber mais sobre como decidir entre JPG, PNG e GIF, leia os seguintes guias:
Além disso, existem muitas ferramentas que você pode usar para reduzir ainda mais os pesos do arquivo de suas imagens. Confira esta lista de ferramentas para otimizar suas imagens.
7. Otimize a maneira como você escreve código
Olhe ao redor do seu código -fonte. Você realmente precisa de todas as tags que está usando ou pode usar o CSS para ajudar na tela? Por exemplo, em vez de usar , you can easily use CSS to make your headings italics using the font-style propriedade.
A gravação de código com eficiência não apenas reduz os tamanhos de arquivo dos seus documentos HTML e CSS, mas também facilita a manutenção.
8. Carregue JavaScript no final do seu documento
É melhor se você tiver seus scripts carregando no final da página e não no início. Ele permite que o navegador renderize tudo antes de começar o JavaScript. Isso faz com que suas páginas da web pareçam mais receptivas, porque a maneira como o JavaScript funciona é que ele bloqueia qualquer coisa abaixo da renderização até terminar de baixar.
Se possível, faça referência a JavaScript logo antes do fechamento tag of your HTML documents. To learn more, read about deferring the loading of JavaScript.
9. Use a Content Delivery Network (CDN)
Your site’s speed is greatly affected by where the user’s location is, relative to your web server. The farther away they are, the more distance the data being transmitted has to travel. Having your content cached across multiple, strategically placed geographical locations helps take care of this problem.
A CDN will often make your operating cost a little higher, but you definitely gain a speed bonus. Check out MaxCDN or Amazon Simple Storage Service (Amazon S3).
10. Optimize Web Caching
Along with using caching systems, you should create websites that utilize web caching as much as possible. Web caching is when files are cached by the web browser for later use. Things that browsers can cache include CSS files, JavaScript files, and images.
Aside from the basics, such as putting CSS and JavaScript code that are used in multiple pages in external files, there are many ways to make sure that you are caching your files in the most efficient way possible. For example, you can set HTTP response headers such as Expires e Last-Modified Para reduzir a necessidade de fazer o download de determinados arquivos quando o usuário voltar ao seu site. Para saber mais, leia sobre Cache em http e Alavancando o cache do navegador.
Para configurar HTTP Expires Cabeçalhos do Apache, leia este tutorial sobre como adicionar futuros cabeçalhos expira.
Gerar receita com MidiaPro
A otimizar a velocidade do seu site fortalece sua abordagem de SEO melhora a experiência do usuário, para que você possa avançar com a confiança de que suas palavras -chave e conteúdo inaugurarão conversões e receita. YA OU pode ter acesso a uma equipe de especialistas que podem impulsionar ainda mais seus negócios com os serviços de otimização de velocidade do site.
Entre em contato conosco online hoje ou ligue para nós em 21-973221936 Para começar a classificar mais alto e dirigir mais receita.



