Comunidad de diseño web y desarrollo en internet

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

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:

¿Sabes SQL? ¿No-SQL? Aprende MySQL, PostgreSQL, MongoDB, Redis y más con el Curso Profesional de Bases de Datos que empieza el martes, en vivo.

Publica tu comentario

o puedes...

¿Estás registrado en Cristalab y quieres
publicar tu URL y avatar?

¿No estás registrado aún pero quieres hacerlo antes de publicar tu comentario?

Registrate