Reducir tiempos de carga en WordPress

Sois muchos los que después del twitt que puse el otro día me habéis enviado mails y habéis compartido algún wave conmigo para que os ayude a reducir el tiempo de carga de vuestro blog, es por eso que para no seguir repitiendo lo mismo a todos, voy a explicaros como he conseguido bajar del segundo en el medidor de velocidad de Pingdom.

Como en Pingdom se guardan los registros de las consultas, podéis comprobar que hace un mes cuando comprobe la carga de mi blog, estaba en 8,7 segundos xD

Los principales pasos que he seguido para optimizar mi blog, són los siguientes, primero tenemos que comprobar lo que tarda en cagar nuestro blog en Pingdom, nos fijaremos en las dos ventanas de resultados que nos muestra.

pingdom tools

Si prestamos atención a la primera ventana, descubriremos que tenemos que:

  1. Buscar las lineas en rojo. Esas lineas son llamadas a archivos o normalmente imágenes que no se encuentran, bien porque las hemos cambiado de sitio o las hemos borrado, por lo que tendremos que buscar esa línea en nuestro código y borrarla.
  2. Fijarnos en los archivos con el final de la barra azul. Suelen ser archivos muy grandes y tenemos que intentar reducir su peso, como normalmente son imágenes es muy fácil, hay muchos optimizadores de imágenes online, aunque si no nos gusta ninguno siempre podemos hacerlo nosotros con algún editor, o directamente usar este.

Sigue leyendo

Comprime tu CSS

Tal y como dice el título revisando mis feeds(que ya tocaba) he descubierto una forma muy sencilla de comprimir nuestro CSS, el mio concretamente ha pasado de 26Kb a 6Kb, y claro la mejora en la velocidad de carga de la pagina se nota.

El truco es muy sencillo, sólo son 4 pasos.

  1. Copiar nuestro archivo style.css como style.css.php
  2. Editar el archivo style.css.php y poner esto al principio.
  3. <?php if(extension_loaded('zlib')){ob_start('ob_gzhandler');} header("Content-type: text/css"); ?>
  4. Y esto al final.
  5. <?php if(extension_loaded('zlib')){ob_end_flush();}?>
  6. Editar el archivo header.php y cambiar la llamada al fichero, ahora llamara al style.css.php. Tenemos 2 posibles formas de hacerlo, así.
  7. <style type="text/css" media="screen">
    @import url(<?php bloginfo('stylesheet_url'); ?>.php);
    </style>
    

    o así

    
    <link rel="stylesheet" type="text/css" media="screen" href="/style.css.php"/>
    

Vía | Gran Impetu