Acelera WordPress con estos consejos

Hoy en día es muy importante la velocidad de carga de un sitio, tanto que forma parte del SEO. Porque o tu web va rápida o Google o cualquier otro buscador, te puede penalizar por ello.

Así que te voy a dar unos buenos consejos para meterle el turbo a tu WordPress y acelerarlo lo máximo que pueda.

Con éstos consejos he visto WordPress que han aumentado de velocidad un 30, 50 , 200 o más por ciento.

Pero ésto ya depende de como lo hagas, del hosting y de otras cosas que ahora te contaré.

Te doy 5 minutos para que te prepares un café.

¿Listo?

Vamos al lío.

Lo primero es ver la velocidad que tiene tu WordPress y ver en que falla o se nos atasca.

Que conste que no solo sirve para WordPress y lo puedes aplicar a cualquier otro tipo.

Podemos usar Google Analytics, Pagespeed y otras herramientas.

Pero como cada maestrilllo tiene su librillo, yo te voy a enseñar el mio.

La herramienta que suelo usar se llama Gmetrix y te puedes registrar(es gratis) o no si no quieres.

La ventaja de registrarte es que vas guardando las urls y vas viendo los avances.

Si ponemos una url ya sea de la principal u otra de las páginas, podremos ver el rendimiento de la web tanto en Pagespeed como en Ylow, pero a un modo más profundo en el que veremos donde falla nuestra web.

Cuanto más verde está un apartado mejor. Pero debes tener en cuenta de que hay cosas que no se pueden mejorar, dado que no depende de nuestra web.

Como por ejemplo enlaces a redes sociales, el sistema de comentarios Disqus y cualquier otro servicio externo.

En mi caso estoy más pendiente de apartado Pagespeed para los errores y el Timeline, dado que en éste último puedes ver si hay algún archivo o url que tarde en cargar y ralentice tu sitio.

Un ejemplo de una web mía, que por cierto la pondré a dieta ya mismo que la veo algo pesada.

Que conste que la puntuación del 95% de mi web es después de haber elegido una buena plantilla y haber realizado un trabajo bueno para que de éste resultado.

Algunos de esos problemas son los que hacen las web pesadas y de esos consejos te voy a hablar en ésta guía.

Intentaré darle un repaso a lo más problemático y a lo que yo le se dar solución.

Antes de hacer nada, quiero que apuntes los datos que te pone arriba a la derecha:

• Page load time: El tiempo que tarda tu web en cargar.
• Total page size: Lo que ocupa tu web.
• Total number of requests: El número de peticiones que hace al servidor.

Cada vez que lleves a cabo alguno de los consejos, verás como tu WordPress va cogiendo el turbo y baja en todo.

Especifica un cache validator

La cache es un sistema que guarda una copia en el navegador de ciertos archivos estáticos como imágenes, CSS y otros.

La ventajas de ésto es que si tu sueles entrar a una página de vez en cuando, solo se cargará el contenido nuevo y no se tendrá que volver a descargar imágenes y demás.

Le ahorra tiempo y esfuerzo al servidor y a ti como navegante, te ahorra datos y por supuesto tiempo de carga.

Si no lo tienes activo, copia y pega lo siguiente en tu archivo .htaccess.

<ifmodule mod_expires.c>
ExpiresActive On
ExpiresDefault A3600
<filesmatch ".(jpg|JPG|gif|GIF|png|css|ico|js)$">
ExpiresDefault "access plus 1 week"
</filesmatch>
</ifmodule>

Activa la compresión gzip

Puede que tengas marcado ese error si no tienes la compresión activada en tu sitio web.

Eso puede ser por que tu hosting no la activa a sus clientes. Si es así, yo personalmente dejaría ese hosting cuanto antes.

Es muy importante, dado que reduce de tamaño los archivos que se pueden comprimir como los de texto, HTML, CSS, etc.

Ésto ahorra cantidad de tráfico y la web carga mucho más rápido.

Pregunta a tu hosting a ver que te dicen.

Activa Keep-Alive

Ésto es un sistema que mejora las conexiones y éste casi seguro que lo tiene tu hosting activado, pero también debemos activarlo en el .htaccess.

<ifModule mod_headers.c>
Header set Connection keep-alive
</ifModule>

Especifica el Vary: Accept-Encoding header

Ésto mejora la carga de las páginas dado que modifica la información de las cabeceras, según el cliente que reciba el archivo.

Lo mismo, al .htaccess.

<IfModule mod_headers.c>
<FilesMatch "\.(js|css|xml|gz)$">
Header append Vary: Accept-Encoding
</FilesMatch>
</IfModule>

Desactivar ETAG

Las etags tienen que ver con las versiones de los archivos y normalmente suelen ralentizar la carga y creo que es por la comprobación de las mismas.

La solución es quitarlas y problema resuelto.

Copiamos lo siguiente al .htaccess.

<ifModule mod_headers.c>
Header unset ETag
</ifModule>
FileETag None

Quita las cadenas de peticiones de recursos estáticos

Éste me encanta.

Resulta que WordPress tiene un sistema de versiones de archivos como el JQuery y otros.

A lo mejor la web tiene unos scripts o archivos CSS que tienen un control de versiones del tipo archivo.css?ver=3.2.4.

Ésto ayuda a llevar un control de la versión del archivo, pero a parte de que cualquiera puede ver si la versión de tu script tiene un bug conocido, también ayuda a que la web vaya lenta.

Para quitar ésto tenemos 2 opciones, pero con el mismo código.

Pegarlo en nuestro archivo functions.php:

function _remove_script_version( $src ){
$parts = explode( '?', $src );
return $parts[0];
}
add_filter( 'script_loader_src', '_remove_script_version', 15, 1 );
add_filter( 'style_loader_src', '_remove_script_version', 15, 1 );

O crear un pequeño plugin para hacerlo si no podemos modificar el functions.php o nuestros cambios se perderán en el momento que se actualice el tema.

Copia lo siguiente en un archivo de texto. Renombrálo a nombredelpluginquemedelagana.php. Lo subes por FTP a la carpeta wp-content – plugins y te vas a los plugins de WordPress y lo activas.

<?php
/*
Plugin Name: Mi plugin
Plugin URI: 
Description: Elimina las cadenas.
Author: Yo mismo
Version: 1.0
Author URI: 
*/
?>
<?php
function _remove_script_version( $src ){
$parts = explode( '?', $src );
return $parts[0];
}
add_filter( 'script_loader_src', '_remove_script_version', 15, 1 );
add_filter( 'style_loader_src', '_remove_script_version', 15, 1 );
?>

Especifica las dimensiones de imágenes

Éste problema es debido a quien hizo la plantilla de tu WordPress, no especificó el tamaño de las imágenes.

Poco podemos hacer aquí.

Lo mejor, buscar una plantilla mejor.

Sirve imágenes escaladas

Éste error es debido a que tu plantilla sirve las imágenes más grandes de lo que son, con el consecuente gasto de recursos y tiempo de carga.

Puede ser por fallo del que hizo la plantilla, pero no creo. O porque hayas cambiado de plantilla y no hayas vuelto a crear las miniaturas o thumbnails.

Mira ésto anda y no se te olvide para la próxima.

Optimiza las imágenes

Otro problema que suele haber con las imágenes es que no están optimizadas.

La mejor manera sería coger un programa de retoque de imágenes y optimizarlas para páginas web.

Ésto es un trabajo bastante arduo y no creo que vayamos a hacerlo a no ser que tengamos que retocar alguna imagen y digamos «ya que estoy la guardo optimizada para la web».

Pero no re preocupes que te doy la solución.

Hay algunos plugins que sirven para optimizar las imágenes como el smush it.

Con un simple clics, te optimiza todas las imágenes de tu Wordpress.

No quedarán perfectas, pero te quitará algo de peso.

—

Pues listo. Ahí queda ésto.

Si te ha servidor de ayuda, no olvides compartirlo.

Y cuando quieras estas invitado a pasar por mi web y aprender sobre WordPress.

¿Te gustó este artículo? ¡Ni te imaginas lo que te estás perdiendo en YouTube!

AVISO: Esta publicación es de hace 3 años o más. Si es un código o un plugin podría no funcionar en las últimas versiones de WordPress, y si es una noticia podría estar ya obsoleta. Luego no digas que no te hemos avisado. ¡Ah! ¿te funciona? pues entonces no he dicho nada :)