4/03/2013

Cómo reducir la carga del Blog

13 comentarios
Personalizar el blog y llenarlo de widgets es algo que a muchos les gusta hacer. Pero pocos saben la importancia de la carga del blog.

Google hace tiempos se esta fijando en el el tiempo que dura tu pagina en cargar, lo cual acarreara una subida o bajada de ranking. Ademas de esto, al optimizar y reducir el tiempo de carga, se evita el abandono de los usuarios visitantes, y mejora la experiencia de navegación.

Algo muy frecuente, es cuando utilizamos plantillas externas a las ofrecidas por blogger.

Cuando tu blog carga; el navegador tiene que conectar a todos los servidores que conectan a las imágenes, scripts y demás .., como resultado conduce a un retraso enorme en el tiempo de carga de tu blog. Lo que debes hacer es reemplazar todas las imágenes o scripts que se alojan en otros servidores externos a blogger por imágenes y scripts alojados en blogger. 

La ventaja de hacerlo sera que el navegador tendrá que conectar sólo a blogger. Así se ahorrara tiempo.

Puedes utilizar herramientas como Google Page Speed o Pingdom Tools, para medir el tiempo de carga y conocer que problemas debes solucionar.

Te dejare una serie de consejos que pueden ayudar a minimizar la carga de tu pagina.

Optimiza las imágenes

Utiliza imagenes en formato .PNG o .GIF ya que estas tiene una reducción del 25% aproximadamente comparadas con el formato .JPG a la hora de cargar.

Ademas recuerda usar un editor de imágenes para recortarlas y reducir su tamaño antes de subirlas a blogger.

Guarda todos los JavaScript en Blogger

No necesitas guardar los JavaScript en otro lugar pudiéndolo hacer en blogger. Simplemente utiliza este código:

<script type='text/javascript'>
/ / <! [CDATA [
Pega el código JavaScript aquí
/ /]]>
</ Script>

Para encontrar los códigos JavaScript, en tu plantilla, con artilugios expandidos busca por <script type='text/javascript'> o también por la terminación .JS

Encuentra aquellos que se alojan en almacenamientos externos, ve a link y copia todo el código que allí se ve para luego pegarlo en el dentro del código que te mostré anteriormente.

Opta por plantillas de calidad

Una error muy común es cargar a blogger la primera plantilla que parece atractiva.
Muchas de las plantillas que se ofrecen en  la blogosfera son hechas por personas no oficiales o con poco conocimiento en el uso adecuado de HTML y JavaScript. 

Una plantilla con errores es trabajo duro para los buscadores y los lectores.
Mi recomendación es que uses plantillas creadas por personas recomendadas y/o profesionales.

Usa pocos anuncios publicitarios

Mucho quieren obtener grandes pagos por publicidad, y entonces rellenan el blog con molestos anuncios y pop-ups.

Esto crea una mala reputación, y deteriora la experiencia del lector, ademas de reducir la carga del blog puesto que estos anuncios utilizan JavaScript.

Asegúrate de no tener mas de 3 anuncios, y mantener una apariencia limpia y accesible.

Resume las entradas con un "Leer mas..."

Utiliza esta buena herramienta para resumir las entradas en la portada del blog.

No muestres mas de 7 entradas resumidas en la pagina principal

Evita visualizar flash en tu blog

El contenido de Flash aumenta significativamente el tiempo de carga de tu blog. Evitar el flash y plugins relacionados pueden añadir eficiencia de su sitio. Los Flash son también conocidos como malos para SEO.

En conclusión, estos son algunos simples consejos para aumentar la velocidad de carga de tu blog.

Seguramente hay mas tips en cuanto a este tema. Si conoces algunos puedes comentarlo.

13 comentarios:

  1. Para las imágenes yo utilizo fileminizer, que las comprime bastante, cual es el tamaño ideal que deberían pesar?

    ResponderEliminar
    Respuestas
    1. Bueno yo trataría de hacer que el peso no supere los 100Kb, con eso no mucho se le exige a nuestra conexión.

      Eliminar
  2. Buenos días Diego, disculpa cuando puedas puedes hacer un tutorial sobre como colocar los comentarios de esta manera o alguna similar?, es que utilizo Disqus en mi blog y también alarga el tiempo de carga. Un saludo

    ResponderEliminar
    Respuestas
    1. Ok Pedro, tendré muy en cuenta tu petición, y pronto haré una publicación respecto al tema que sugieres. Saludos!!

      Eliminar
  3. Diego yo se que no tiene que ver con el tema, pero te quería preguntar, que a lo mejor vos sabes, si es importante tener un icono apple, y si es importante si sabes como integrarlo a mi blog

    saludos

    ResponderEliminar
    Respuestas
    1. No había escuchado eso Ezequiel, bueno si es que vendes productos Apple seria necesario. De lo contrario no veo porque.

      Eliminar
    2. Es que en los sitios que analiso mi web, ya van varias veces que me dice que debería poner un icono apple, por ej: en woorank y en metricspot, me salta est mensaje ¡Atención! Esta página no tiene icono para dispositivos Apple.

      Eliminar
    3. La verdad esos informes tienen muchas fallas y errores. Por ejemplo en un blog que tiene mas de 3000 likes en Facebook, me dijo que tenia 67. Con eso supe que no era confiable.

      Analiza tu web con herramientas profesionales como Google Analytics y las herramientas para Webmaster de Google.

      Eliminar
  4. No me acepta la plantilla sale error

    ResponderEliminar
  5. En que parte de la plantilla de debe insertar el codigo:

    < script type='text/javascript'>
    / /
    < / Script>

    ResponderEliminar

Publicar un comentario

Recibe actualizaciones en tu Email :)