No sólo basta con tener un bonito blog bien organizado o bien actualizado si no también es indispensable el tiempo de carga. Mientras el internet todavía tenga como debilidad el ancho de banda tenemos que tener sumo cuidado con este tema y en lo posible tener menos opciones que permitan una carga lenta o nuestros lectores abandonarán nuestro blog.  Aquí dejo algunos simples pasos que harán de tu blog más rápido.

 1. Analizar el tiempo de carga del blog: Existen muchas páginas donde puedes ver la velocidad de carga. Puedes hacerlo desde acá: http://www.iwebtool.com/speed_test

2. Optimizar las imágenes
   a. Se recomienda que sean GIF ya que tienen 256 colores y comprimidos para web.
   b. Definir el alto y ancho de la imagen:  <img src=”http://www.ebuho.com/blog/wp- content/plugins/wp polls/images/loading.gif” width=“400″ height=“450“>
  c. Alojar las imágenes en servidores externos a donde esta alojado tu blog. (ejemplo Flickr)

 3. Comprimir los estilos CSS

    a. Usar el plugin que permite comprimir estos archivos: CSS Compress WordPress.
           http://wordpress.org/extend/plugins/css-compress/

    b. Adicionalmente podemos usar una técnica recomendada por wordpress: http://www.wpsos.com/wp-other/speedy-wordpress/ que indica:

      – Añadir la extensión .php a tu hoja de estilos, de forma que quede estilos.css.php
      – Al principio del archivo creado estilos.css.php añade este código:
        <?php if(extension_loaded(‘zlib’)){ob_start(‘ob_gzhandler’);} header(“Content-type: text/css”); ?>
        y Al final esta añade esta línea:   <?php if(extension_loaded(‘zlib’)){ob_end_flush();}?>
     – Abrir el archivo header.php  y buscar la línea.
       <link rel=”stylesheet” href=”<?php bloginfo(‘stylesheet_url’); ?>” type=”text/css” media=”screen” />
       y reemplazar con
      <link rel=”stylesheet” href=”<?php bloginfo(‘stylesheet_url’); ?>.php” type=”text/css”  media=”screen” />.

4. Comprimir los archivos JavaScript

    a. Añade la extensión .php a tu archivo javascript (archivo.js.php )
    b. Añadir al inicio de este archivo renombrado:
  <?php header(“Content-type: text/javascript; charset: UTF-8″); header(“Cache-Control: must-revalidate”); $offset = 60 * 60 * 24 * 3; $ExpStr = “Expires: ” . gmdate(“D, d M Y H:i:s”, time() + $offset) . ” GMT”; header($ExpStr); ?>
   c. Cambiar en el archivo header la llamada a los js, renombrando por archivo.js.php

5. Finalmente

WordPress como es de conocimiento trabaja con base de datos por lo que existen muchas consultas a BD sin embargo se pueden optimizar algunas evitando que lo haga de manera innecesaria. Por ejemplo el titulo del blog es algo que siempre va a ser el mismo, o que el  juego de caracteres sea UTF-F8 ó que el tipo de contenido sea text/html en fin, casos como estos deben ser analizados y harcodearlo.  Ejemplo:

<?php bloginfo(‘html_type’); ?>

<meta http-equiv=”Content-Type” content=”<?php bloginfo(‘html_type’); ?>”; charset=”<?php bloginfo(‘charset’); ?>” />

Esta opción permite mostrar el tipo de contenido del documento. A la fecha es text/html quedando así:

<meta http-equiv=”Content-Type” content=”text/html”;charset=”<?php bloginfo(‘charset’); ?>” />

si nos damos cuenta en la misma linea tenemos al final la función charset que invoca al juego de caracteres o juego de carateres del documento el cual usualmente es UTF-8 por lo que finalmente quedará asi:

<meta http-equiv=”Content-Type” content=”text/html”; charset=”UTF-8″ />

Seguramente hay más formas de optimizarlo me gustaría que nos comentes para enriquecer este post.