InstantShift – web Designers e desenvolvedores recurso Diário.
em um ambiente de crescimento contínuo, é importante que o servidor desempenhe seu papel responsável conforme necessário. No entanto, existem alguns horários de pico quando o servidor desiste ou você cruza o limite de largura de banda desejado. Um servidor pode ser travado por dezenas de razões, com cada razão tendo várias possibilidades, com cada possibilidade tendo dezenas de soluções comprometendo sua existência. Isso poderia impor uma enorme confusão para um pequeno grupo de desenvolvedores.
uma coisa que notamos ao gerenciar poucos sites-em muitos casos, eles não são os sites mais rápidos da World-Wide-web. Embora muito disso possa ser devido à configuração do servidor host, alguns dos problemas de desempenho são causados por coisas que você pode controlar.
neste artigo, apresentamos as melhores dicas para reduzir a carga do servidor e economizar largura de banda para seus sites em crescimento.
existem muitas razões pelas quais você pode enfrentar o tempo de inatividade do site. Pode ser devido à condição do servidor host (por exemplo, se for um servidor compartilhado, os outros sites em execução no mesmo servidor definitivamente retardarão as coisas) ou a configuração do seu site ou talvez devido ao seu código. É essencial jogar pelo seguro.
há poucas coisas que você precisa ter em mente antes de explorar essas dicas que muitas vezes é possível que algumas das dicas mencionadas não funcionem para o seu site em particular, o que não significa que não vai funcionar com nenhum outro de seus projetos.
também como uma recomendação pessoal, se você está procurando algumas dicas tradicionais para reduzir a carga do servidor e economizar largura de banda, tente usar essas técnicas, pois também conseguimos obter os resultados desejados no passado.
você pode estar interessado nos seguintes artigos relacionados também.Sinta-se livre para se juntar a nós e você é sempre bem-vindo para compartilhar seus pensamentos que nossos leitores podem achar útil.
não se esqueça de se inscrever em nosso feed RSS e siga-nos no Twitter-para atualizações recentes.
11 Dicas para reduzir a carga do servidor e economizar largura de banda
01. Use texto CSS em vez de imagens
as imagens tornam suas páginas da Web mais lentas e consomem muita largura de banda do seu servidor. Em vez de usar uma imagem de fundo, use o código CSS. Por exemplo, se você quiser usar fundo vermelho liso em seu site, use o código CSS background-color:#F00 em vez de um vermelho-bg.jpg. Com CSS, você pode definir a cor de fundo ou imagem de fundo de qualquer elemento CSS.
este é um bom tutorial sobre CSS-Tricks.com sobre como sabiamente você pode usar suas imagens de fundo para reduzir a carga do servidor.
02. Otimizar suas imagens
mais da metade da largura de banda na maioria dos sites é usada por imagens e otimizar imagens é a melhor maneira de melhorar a largura de banda usada em seu servidor web. Otimize suas imagens para a internet e reduza seus tamanhos também, nunca use arquivos de bitmap (.bmp) como eles são enormes (principalmente em MBs). Você deve usar jpeg (.jpg) ou gif (.gif) arquivos para imagens, pois são otimizados para a internet. Uma boa regra é lutar para que nenhuma imagem seja maior que 10 Kb. Isso é especialmente difícil com animações, mas se você puder fazer isso, notará uma diferença notável na largura de banda usada no seu servidor. Existem vários programas/softwares de conversão de imagens disponíveis em toda a internet e também existem vários programas de otimização, certifique-se de obter um programa de otimização que será capaz de reter a qualidade das imagens e reduzir drasticamente seu tamanho.
se você estiver usando o Photoshop, use pode compactar suas imagens por ‘Salvar para Web & Devices’ (Alt+Shift+Ctrl+S) opção para otimizá-lo para largura de banda mínima. Quando você tem uma imagem com muitas cores, você deve ir para JPEG ou PNG. Brinque com a qualidade para alterar o tamanho do arquivo.
confira a sétima pesquisa da Georgia Tech GVU WWW, citada em “How Much is Too Much”.
03. Comprima seu CSS por propriedades CSS abreviadas
os arquivos CSS podem ser muito grandes, com muitas quebras e espaços inúteis. As propriedades abreviadas CSS são ótimas! Eles são uma ótima maneira de reduzir a quantidade de código contido em um documento CSS, permitindo tempos de download mais rápidos e edição mais fácil. Por exemplo, você pode usar
margin: 2px 1px 3px 4px (topo, direita, baixo, esquerda)
…em vez de
margin-top: 2px;
margin-right: 1px;
margin-bottom: 3px;
margin-left: 4px
Lá é um ótimo artigo escrito pelo shopping.co.uk sobre propriedades abreviadas CSS.
Você também pode usar o compressor CSS de arantius.com para reduzir o tamanho do arquivo CSS e quebras e espaços desnecessários.
04. Remover Desnecessárias Código HTML, Tags e Espaços em Branco
Você pode comprime o tamanho da sua página removendo espaço em branco desnecessário em seus arquivos HTML mesmo remover comentários (se não for absolutamente necessário), porque cada extra charecter meios extra de tamanho de página. Se você usa editores HTML visuais ou bloco de Notas, seu código HTML contém coisas desnecessárias: espaços desnecessários, retornos, meta tags, valores padrão em elementos HTML, etc. Eles tornarão suas páginas da web maiores, sem servir a nenhum propósito real. Páginas da web maiores levam mais tempo para carregar, aumentam o tráfego de dados do seu servidor da web e desperdiçam uma largura de banda preciosa.
Wordoff é uma ferramenta web simples e útil que permite remover tags e estilos desnecessários do código HTML. A maioria de nós precisa limpar o código HTML manualmente em nossa vida útil. Esta ferramenta web definitivamente ajudar todos nós nessa situação e você também encontrar este bookmarking vale a pena.
05. O uso de AJAX e JavaScript, Bibliotecas
AJAX é uma tecnologia para uma página da web para se comunicar com um servidor usando JavaScript sem recarregar a página. Em geral, as páginas relacionadas em um site consistem em muito conteúdo comum entre elas. Usando métodos tradicionais, esse conteúdo teria que ser recarregado em cada solicitação. No entanto, usando Ajax, um aplicativo da web pode solicitar apenas o conteúdo que precisa ser atualizado, reduzindo drasticamente o uso da largura de banda e o tempo de carregamento.
se você quiser ler mais sobre técnicas que você pode usar para economizar sua largura de banda, aproveite a API AJAX Libraries do Google, perishablepress.com publicou um artigo sobre este tópico.
06. Desativar Hotlinks de arquivo
Hot Linking term está vinculando imagens ou downloads de seu site para outro(S) site (s). Basicamente, as imagens estão no seu site e outros sites apenas vinculam tags de imagem ao seu site, roubando sua largura de banda. Se as pessoas estão ‘hotlinking’ para seus arquivos de imagem, eles estão usando sua largura de banda que você acabará por pagar.
você pode impedir que isso aconteça colocando um’.arquivo htaccess ‘ na pasta onde suas imagens são armazenadas. Isso só permitirá que solicitações de suas próprias páginas exibam as imagens-qualquer pessoa que vincule a elas de fora do seu site, ou qualquer site que você escolher, terá o ‘X vermelho’ em vez da imagem.
RewriteEngine em
RewriteCond % {HTTP_REFERER}!^ $
reescrito %{HTTP_REFERER} !^http(S)?://(.*\.)?yourserver.com
regravação \.(jpeg / jpg / gif / png)$ –
altlab.com escreveu um bom tutorial para evitar hotlinking usando o.arquivo htaccess.
você também pode usar .gerador htaccess para desativar o hotlinking fornecido pelo HTMLBasix.
07. Comprima seu HTML e PHP com gzip
assim como o CSS, seu HTML pode conter muitos espaços em branco e quebras inúteis. Se você estiver usando PHP, poderá usar mod_gzip para Apache para compactar seu conteúdo. Mod_gzip é um módulo para o apache (existente no windows e Unix/Linux versões do apache) que pode reduzir significativamente o tamanho de uma página da web na mosca, quando for solicitado por um navegador que pode compreender o conteúdo compactado (quase todos os navegadores modernos suportam a compressão). Lembre-se, a grande coisa é que a compactação no servidor é ativada apenas se os navegadores solicitarem conteúdo compactado, caso o navegador não entenda o conteúdo compactado ou não solicite, o servidor simplesmente servidores de conteúdo simples e descompactado!
a maneira mais fácil é usando um .arquivo htaccess. Eu recomendaria usar .método htaccess porque é muito simples de implementar e por .arquivo htaccess você pode configurar ainda mais as configurações do servidor. Agora, para ativar a compactação gzip, adicione a seguinte linha ao seu .arquivo htaccess.
php_value output_handler ob_gzhandler
Ou em que você pode inserir para que o PHP compressão para trabalhar, você deve inserir a seguinte linha no cabeçalho de suas páginas, na parte superior que é de sua página:
< ? ob_start (“ob_gzhandler”);?>
webcodingtech.com escreveu um tutorial sobre como habilitar a compactação gzip.
08. Use imagens gratuitas / arquivo webhosting site para hospedar seus arquivos
se você quiser compartilhar arquivos (grandes) e não deixar seu efeito de largura de banda por ele, hospede o arquivo em sites gratuitos ou pagos de hospedagem de imagens/arquivos, como Flickr, Pikasa, PhotoBucket, ImageShack, rapidshare.com e megaupload.com. Hospede o arquivo e coloque o link de download em seu próprio blog ou site. Isso economizará uma enorme quantidade de largura de banda em seu servidor. Antes de fazer isso, no entanto, verifique se você tem permissão do seu provedor de serviços para fazer isso.
09. Evitar anexos sempre que possível
se o arquivo que você está prestes a hospedar em seu servidor pode ser encontrado em outro lugar na rede, talvez seja melhor usar o link desse local em vez de hospedar uma cópia do próprio arquivo em seu servidor. Sem dúvida, custará largura de banda extra, mas também aumentará a carga do servidor. Se nada mais, isso economizará algum tempo porque você não precisa fazer upload de arquivo em seu sistema.
10. Armazenamento em cache do site
o Cache é um método de recuperação de dados de um armazenamento pronto (cache) em vez de usar recursos para gerá-lo toda vez que a mesma informação é necessária. Habilite o cache em seu site se não for dinâmico, permitirá que o computador dos Usuários Finais leia do seu servidor de vez em quando, o resto das vezes ele lerá de suas próprias cópias de backup até que expirem. Outra boa ideia é armazenar em cache seu site, mas você pode querer definir uma data de validade nos cabeçalhos HTTP para que os cabeçalhos expirem digam ao navegador Quanto tempo ele deve manter o conteúdo em cache. A maioria das imagens em seu site nunca muda e é uma boa ideia mantê-las em cache localmente.
Cache com mod_headers
# 1 ANO
<filesmatch “\.(flv|ico|pdf|avi|mov|ppt|doc|mp3|wmv|wav)$”=””>
conjunto de Cabeçalho Cache-Control “max-age=29030400, públicas”
</filesmatch>
# 1 SEMANA
<filesmatch “\.(jpg|jpeg|png|gif|swf)$”=””>
conjunto de Cabeçalho Cache-Control “max-age=604800, públicas”
</filesmatch>
# 3 HORA
<filesmatch “\.(txt|xml|js|css)$”=””>
conjunto de Cabeçalho Cache-Control “max-age=10800”
</filesmatch>
# NUNCA CACHE
<filesmatch “\.(html|htm|php|cgi|pl)$”=””>
Header set Cache-Control “max-age=0, private, no-store, no-cache, must-revalidate”
</filesmatch>
Caching with mod_expires
ExpiresActive On
ExpiresDefault A0
# 1 YEAR
<filesmatch “\.(flv|ico|pdf|avi|mov|ppt|doc|mp3|wmv|wav)$”=””>
ExpiresDefault A9030400
</filesmatch>
# 1 WEEK
<filesmatch “\.(jpg|jpeg|png|gif|swf)$”=””>
ExpiresDefault A604800
</filesmatch>
# 3 HOUR
<filesmatch “\.(txt|xml|js|css)$”=””>
ExpiresDefault A10800″
</filesmatch>
11. Cache RSS Feeds
RSS ou distribuição realmente simples, como é comumente conhecido, é uma tecnologia que dá aos webmasters a capacidade de distribuir e publicar facilmente conteúdo sindicado na Internet. Assim que o feed for armazenado em cache, ele será lido no disco rígido local por um período de tempo especificado. Após o tempo especificado ter caducado, o feed RSS será buscado novamente. Isso permite que o conteúdo do feed RSS que está sendo exibido permaneça atual, enquanto agiliza todo o processo. Os feeds RSS do Cache reduzem o uso da largura de banda. A largura de banda é reduzida porque o servidor web não precisa buscar repetidamente o mesmo feed RSS do seu servidor.
conclusão
se você deseja criar um site, blog ou galeria de imagens de alto tráfego, não basta retransmitir em seu webhost, mas gastar um pouco mais de tempo para otimizar seu site e servidor. Porque se você não fizer isso, você estará procurando um novo e maior webhost para o seu site em breve. Embora seja sempre recomendável usar um host bom e rápido, a aplicação dessas técnicas economizará muita carga e largura de banda do servidor em nenhum momento.
Perdemos Alguma Coisa?
você tem mais técnicas de economia de largura de banda que não estão nesta lista? Sinta-se livre para compartilhá-los com nossos leitores.