¿Quieres registrarte?

Cómo aumentar la velocidad de carga de tu blog en WordPress

Por: [Ray]
30 de Marzo del 2009
1299 de clabLevel
Otros artículos de [Ray]
3,125 visitas

Una de las desventajas de usar WordPress para gestionar nuestro sitio web o blog es el hecho de que la velocidad de carga se afecta severamente debido a la solicitud de varios parámetros vía PHP al servidor para mostrarlos en el navegador.

Estas "etiquetas" deben de pedirle información a tu página para poder definirla como lo que es, lo cual lleva tiempo y banda ancha.

Una de las técnicas que yo recomiendo para aumentar la velocidad de carga del blog es remover estas "etiquetas" y reemplazarlas por texto plano.

No todos los parámetros pueden ser removidos debido a que algunos varían dependiendo de la sección que se visita.

Es por eso que aquí les traigo un nuevo tip sobre WordPress para que puedan eliminar ciertas etiquetas en el archivo header.php de su tema.

<?php bloginfo('html_type'); ?>


Esta etiqueta es la que solicita el tipo de contenido del documento, algo demasiado inútil, porque siempre será text/html y la etiqueta esta en el archivo header.php en la línea:

Código :

<meta http-equiv="Content-Type" content="<?php bloginfo('html_type'); ?>"; charset="<?php bloginfo('charset'); ?>" />

Asi que al reemplazarla tendríamos esta línea:

Código :

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

<?php wp_title('&laquo;', true, 'right'); ?> <?php bloginfo('name'); ?>


Aqui podemos ver que la línea esta compuesta de 2 etiquetas.
Es la línea encargada de pedir el título para el blog (lo que va en las etiquetas HTML <title> y </title>) y aunque algunas cosas cambian, no esta de más remplazar la parte que solicita el nombre del sitio: <?php bloginfo('name'); ?>
Esta etiqueta esta en el archivo header.php en la línea:

Código :

<title><?php wp_title('&laquo;', true, 'right'); ?> <?php bloginfo('name'); ?></title>

Y lo único que debemos de hacer es cambiar la etiqueta por el nombre de tu blog, en mi caso [Ray] Page, y tendremos una línea así:

Código :

<title><?php wp_title('&laquo;', true, 'right'); ?> [Ray] Page</title>

Si te preguntas de que se encarga la otra etiqueta, te explico:
Solo es la que se activa si estas viendo un artículo, ejemplo: Artículo 1« [Ray] Page
Pero la otra solo es la del título del sitio.

<?php bloginfo('charset'); ?>


Esta etiqueta es la que pide la codificación o juego de caractéres del documento HTML ó XHTML, que normalmente solemos usar el UTF-8
Esta también esta en el archivo header.php
En la línea:

Código :

<meta http-equiv="Content-Type" content="<?php bloginfo('html_type'); ?>"; charset="<?php bloginfo('charset'); ?>" />

Asi que la reemplazamos para tener esto:

Código :

<meta http-equiv="Content-Type" content="<?php bloginfo('html_type'); ?>"; charset="UTF-8" />

<?php bloginfo('stylesheet_url'); ?>


Esta etiqueta esta en el archivo header.php y esta en la línea que define la CSS del blog:

Código :

<link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>" type="text/css" media="screen" />

Y simplemente la remplazamos por la URL de nuestra CSS, que en mi caso sería:

http://www.ray-page.site40.net/wp-content/theme/default/style.css

Asi que remplazo la línea por esta:

Código :

<link rel="stylesheet" href="http://www.ray-page.site40.net/wp-content/theme/default/style.css" type="text/css" media="screen" />

<?php printf(__('%s RSS Feed', 'kubrick'), get_bloginfo('name')); ?>


Esta etiqueta que se encuentra en el archivo header.php sirve para darle el nombre al canal RSS de tu blog.

Esta en la línea:

Código :

<link rel="alternate" type="application/rss+xml" title="<?php printf(__('%s RSS Feed', 'kubrick'), get_bloginfo('name')); ?>" href="<?php bloginfo('rss2_url'); ?>" />

Asi que la reemplazamos por esta:

Código :

<link rel="alternate" type="application/rss+xml" title="Canal RSS de [Ray] Page" href="<?php bloginfo('rss2_url'); ?>" />

Obviamente cambiamos "[Ray] Page" por el nombre de nuestro sitio.

<?php bloginfo('rss2_url'); ?>


Esta etiqueta se encuentra en misma línea anterior, en el archivo header.php, y se encarga de detectar la URL del canal RSS de tu blog, el cual lo remplazaremos por una URL de este tipo:

http://tusitio.com/?feed=rss2

Con lo que tendremos una línea así:

Código :

<link rel="alternate" type="application/rss+xml" title="Canal RSS de [Ray] Page" href="http://www.ray-page.site40.net/?feed=rss2" />

<?php printf(__('%s Atom Feed', 'kubrick'), get_bloginfo('name')); ?>


Es lo mismo que con la línea del canal anterior, solo que esta es del canal Atom, solo cambiamos la etiqueta para tener esta línea:

Código :

<link rel="alternate" type="application/rss+xml" title="Canal Atom de [Ray] Page" href="<?php bloginfo('atom_url'); ?>" />

<?php bloginfo ('atom_url'); ?>


Esta etiqueta solo sirve para detectar la URL del canal Atom de tu blog, esta en el archivo header.php y solo se remplaza por la URL del canal Atom, asi que tendríamos esta línea:

Código :

<link rel="alternate" type="application/rss+xml" title="Canal Atom de [Ray] Page" href="http://www.ray-page.site40.net/?feed=atom" />

<?php bloginfo('pingback_url'); ?>


En esta etiqueta que se encuentra en el archivo header.php en la línea:

Código :

<link rel="pingback" href="<?php bloginfo('pingback_url'); ?>" />

Se encarga de detectar la URL para pingback, y solo hay que remplazar la línea por la respectiva URL de nuestro blog para hacer pingback, que suele ser algo así:

http://www.tusitio.com/xmlrpc.php

De tal forma que tengamos esta línea:

Código :

<link rel="pingback" href="http://www.ray-page.site40.net/xmlrpc.php" />

Les recomiendo también que editen el archivo footer.php de forma manual, para eliminar tanto código que contiene y solo dejar HTML que cargue de corrido

Espero que el tip les sirva :wink:

Enviar a twitter Enviar a facebook


También te interesa


Etiquetas php wordpress optimizacion bloger

Comentarios | Enviar un comentario
excelente, la verdad antes no me decidia por hacerlo por que aun andaba viendo lo de la plantilla
ahora creo que ya la dejare asi por un poco de tiempo por lo que pude hacer esos y alguno que otro cambio

creo que si acelero un poco al mostrar la imagen, pero lo veo mas por el lado del ancho de banda y de consultas de SQL

pudiste juntar o separar bien lo del html type y charset

pero muy buen tip!
Por: tribak
Interesante.. buen tip (y)
Por: Zguillez
Buen tip, pero no creo que esto afecte el "ancho de banda", ya que estas peticiones se ejecutan en el servidor antes de entregarte la página... dependiendo el servidor podria ser que ganes 2 o 3 milisegundos. Chequeaste los tiempos, solo por curiosidad, para saber si vale la pena!
Por: DanVen-blog
Esos cambios que comentas, no veo en que aceleren el ancho de banda o reduzcan el tráfico. Si acaso se reduciría el tiempo de ejecución del script, pero eso nada tiene que ver con el ancho de banda. En cuanto a la carga en el server, tampoco creo que la disminuyan mucho o se desgaste mucho por invocarlo. No he visto el nucleo de Wordpress, pero supongo tienen algo para no recargar eso.

Actualmente mi blog, tarda 0.4 seg. en cargar, lo cual me parece mas que aceptable(tiene Wordpress). Para la cantidad de funcionalidad que se carga 0.4 me parece razonable. Si puedes hacer una medición y decirnos en porcentaje, cuanto se reduce el tiempo de carga con esos cambios, igual me animo a implementarlos. Pero según yo sería una reducción de 0.4 a 0.39 o algo similar, no veo un cambio drástica de optimización.

El concepto que manejas es muy bueno, solo que apegandome a algo tangible, no estoy seguro de la verdadera ganancia de hacer eso.

saludos
Por: Dano
Mi respuesta va en el mismo sentido de la de DanVen
Por: Dano
Pues me parece interesante esa metódica, en lo general me ha gustado al jugar con el template reemplazando (por ejemplo) algunos de los tags dinámicos que muestran siempre el mismo contenido por su equivalente estática, pero he de opinar igual que Dano. Muy nice el resto,
Por: M@U
hola te gustaria intercambiar enlaces con mi blog

http://disenandomiblog.blogspot.com/
Por: jose-blog
si ya tienes wp_cache activado, casi seguro no notaras mejoras. Pero de todas formas, menos llamadas a funciones innecesarias siempre es bueno.
Por: j_aroche-blog
Muy buen tip

Saludos!
Por: alfathenus
Hola , como etas, queria felicitarte, pues tu pagina es excelente , me encantan los contenidos , digno de su publicacion ,si queres , entra en mi sitio , y dejame un comentario , y si te interesa , hacemos intrcambio de links , banners , cualquier cosa , avisame , te dejo mi email tvinternet08@gmail.com , te mando un abrazo .



El equipo de Marketing Mega Virtual
Por: marketing mega virtual-bl
De acuerdo plenamente con DanVen-blog
Por: Julio-blog
Te felicito por tu pagina. ha estado muy buena . solo que tengo que ir al baño.
Por: Jorge-blog
Gracias
Por: Edson-blog
La pagina es estupenda felicitaciones
Por: Achavez-blog
Un chistecito!!

Un vampiro llega con toda la boca rebosante de sangre a donde otro, y éste le dice:
-Oye, colega, dime ¿dónde conseguiste toda esa rica sangre?
-Bueno, ¿tú ves ese muro de cemento armado que está allí?
-Sí.
-¡¡¡Pues yo no lo vi!!!
Por: jorgito-blog
Se logra algo mejor activando algún plugin que maneje la Cache, así te creará archivos GZipeados del html resultante del PHP. Revisen las multiples formas como es que se maneja la cache de archivos. ;)
Por: Otaku RzO
A mi realmente no me gusto WordPress, no me gusto la forma que maneja los datos en la base.

se dieron cuenta que por cada modificación por mas mínima que uno haga en algún registro lo duplica?? tan solo por la fecha!!
eso para mi esta muy mal echo.. asi que opte por desarrollarme un sistema de blog yo. lo mejor es eso, desarrollarse un sistema uno mismo y listo no mas problemas.

sinceramente no se porque hicieron que el registro se duplique con la modificación. :S
Por: phoxer
El titulo me gusta :D.

Pero ahora no tengo tiempo :(, cuando tenga tiempo lo pongo a prueba y te cuento Ray.

Saludos y gracias por el tip.
Por: Distriker
sinceramente no se porque hicieron que el registro se duplique con la modificación.


Eso depende del sistema, en algunos casos es necesario para restaurar el contenido a una version determinada.
Por: RonAndOr-blog
Muy interesante, dejo dos tips también. Definiendo estas constantes en el wp-config se ahorran dos consultas a la base.

Código :

define('WP_SITEURL', 'http://example.com/wordpress');
define('WP_HOME', 'http://example.com/wordpress'); 


saludos
Por: Skatos

RonAndOr-blog :

sinceramente no se porque hicieron que el registro se duplique con la modificación.


Eso depende del sistema, en algunos casos es necesario para restaurar el contenido a una version determinada.


No eso esta bien, si se que es para restaurar, pero para eso se tendría que usar otra tabla, para no entorpecer con la de resultados. osea no se bien como es que funciona un motor interno en una base, pero no creo que sea lo mismo buscar entre 20 registros que 2000. a eso voy.
Por: phoxer

phoxer :

No eso esta bien, si se que es para restaurar, pero para eso se tendría que usar otra tabla, para no entorpecer con la de resultados. osea no se bien como es que funciona un motor interno en una base, pero no creo que sea lo mismo buscar entre 20 registros que 2000. a eso voy.
@ http://tinyurl.com/d8dvxw
Por: M@U

M@U :

phoxer :

No eso esta bien, si se que es para restaurar, pero para eso se tendría que usar otra tabla, para no entorpecer con la de resultados. osea no se bien como es que funciona un motor interno en una base, pero no creo que sea lo mismo buscar entre 20 registros que 2000. a eso voy.
@ http://tinyurl.com/d8dvxw


Buenismo M@U de haberlo sabido antes, igualmente eso me impulso a programar mi propio blog :) .. (no hay mal que por bien no venga verdad??) jeje.. saludos.
Por: phoxer
Pues hay que probar... buen aporte gracias.
Por: etzekiel
Se parece bastante a este post, deberias citarlo:
http://www.problogdesign.com/general-tips/13-tags-to-delete-from-your-theme/
Por: Angelo-blog
Deja un comentario
IMPORTANTE

Recuerda ser respetuoso, no insultes a otras personas, ni uses palabrotas, hay una persona al otro lado de la pantalla.

Habla bien, NO ESCRIBAS EN MAYUSCULA TODO, no escribas como en un SMS, evita cosas como "ke", "x q" y demás abreviaciones.

Aquí funcionan las etiquetas de los foros, puedes usar [b] para negrita, [img] para las imágenes, [url] para los enlaces, etc.

Si tienes preguntas técnicas, envíalas mejor al foro.