Como aumentar a velocidade do blog de forma simples.

Uma das coisas que nos pode fazer perder mais visitantes e a velocidade ou a falta dela que o blog tem. Um blog que demora algumas dezenas de segundos para abrir com certeza vai ver muitos dos visitantes a deixarem logo o blog e dificilmente a voltarem.

Com isto em mente lembrei-me de diminuir o tamanho dos ficheiros que compoem o theme. Como toda a gente que ja editou themes sabe alguns dos ficheiros trazem comentarios e muitas linhas em branco o que aumenta o tempo de download de cada ficheiro e com isso o tempo que um blog demora a abrir.

Pelo menos neste theme o ficheiro que mais linhas em branco e comentarios tem e o ficheiro css. Ao apagar grande parte das linhas em branco (deixei algumas ainda) e um ou outro comentario desnecessario (grande parte ficou para uma melhor separacao de cada parte do theme) consegui reduzir o tamanho do ficheiro em mais de 20%. Com mais algumas alteracoes nos outros ficheiros reduzi o tamanho total do theme em mais de 12KB.

Podem pensar que e um valor completamente insignificante mas quando se verificam muitos acessos em simultaneo ao blog isso pode significar a diferenca entre manter os visitantes ou perder alguns deles que tenham internet mais lenta e que demore mais a abrir o site.

Embora actualmente a maioria de quem utiliza a internet tenha banda larga ainda existem utilizadores com ligacoes mais lentas e para esses casos esses “pequenos” 12KB podem fazer uma grande diferenca.

E o melhor de tudo e que nao precisam de ter qualquers conhecimentos em programacao para fazerem isso por exemplo neste theme cada bloco de codigo do ficheiro css estava separado do seguinte por 3 linhas em branco, tudo o que fiz foi apagar 2 dessas linhas e deixar apenas 1. Depois dentro de cada bloco cada linha de texto tinha uma linha em branco a separar e eu apaguei esse linha. Se nos a lermos este texto conseguimos ler com as linhas juntas porque e que nao havemos de conseguir no codigo do theme.

Nao sei qual sera a razao porque os programadores deixam tantas linhas em branco mas isso so pode prejudicar quem utiliza o theme e nao tras nenhuma vantagem a meu ver. Alias ate a analisar o codigo consegue-se melhores resultados se apenas existir uma linha de intervalo do que 3 ou mais e que deixam o codigo muito comprido.

Se existir algum programador/designer de themes a ler isto que diga como faz quando cria um novo theme.

12 comentários a “Como aumentar a velocidade do blog de forma simples.”

  1. tb ando para fazir isso no meu codigo mas ainda não tive pachorra 🙂

    mas há sites que o fazem automaticamente, basta colar o codigo completo!

    já fiz isso com o meu blog inglês, mas com o português deu erro e tera de ser à mão :S

  2. Eu posso responder a essa observacao das linhas , já que tirei programacao :P, serve para facilitar o scanning, em propgramacao aprendemos a estruturar todo o codigo.
    Mas se queres melhorar o teu css, posso te dar uma dica.
    faz assim pegas no teu css e salvas no pc, depois comprimes o css~http://www.cssdrive.com/index.php/main/csscompressor/
    mas atencao nunca salves o ficheiro compressado no pc senao nunca mais é scapaz de o compreender, em principio tens la o reset mas nao confio muito nisso :P, salvas as modificacoes duplicas o css comprimes e envias para o alojamento e voila ainda mais velocidade 😀

  3. Dav7 eu ainda encontrei um plugin para isso mas simplesmente não funcionou e fiz as coisas à mão.

    Rúben eu também dei vários tipos de programação mas não entendo o porque de tantas linha em branco.
    Por exemplo eu para mim entendo melhor se o código estiver assim:
    linha 1
    ——
    linha 2
    do que assim:
    linha 1
    ——
    ——
    ——
    linha 2.

    Sendo os —– linhas em branco. Isto num ficheiro com centenas de linhas de código tanto espaço só vai dificultar mais a compreensão e aumentar em muito o tamanho do ficheiro. Pelo menos eu falo por mim.

  4. Ruben, nesse site, e utilizando o cod do meu blog, o que tenho de fazer é copiar tudo, colar la, comprimir, pegar no cod comprimido, e colar no blog certo?

    de qualquer maneira fiz 1 backup ao cod :S

    já agora, o resultado que me deu foi este:

    Compression results

    Original size: 52417 bytes
    Compressed size: 49253 bytes
    Savings: 3164 bytes (6%)

  5. @Dav7 isso mesmo 😛 eu no meu nao fiz isso ainda mas vou fazer, recomendo e fora da pasta do theme guardarem o original 😀

    @webmaster quem faz o codigo com programas leva com a palha, os programas dao espacamento para facilitar o scanning para além de incluir cores conforme as funcoes :), eu no meu tirei o espacos todos

  6. Rúben nem me tinha lembrado disso que existem programas que por vezes adicionam as linhas automaticamente.
    Bem lembrado.

    Como me chamas-te Webmaster mudei o meu nome para Nelson. Acho que fica melhor.

Deixar uma resposta

O seu endereço de email não será publicado. Campos obrigatórios marcados com *