Loading ...
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.
