Hoy en AyudaWordPress.com

Posted: 28 Apr 2014 02:59 AM PDT

optimizar velocidad wordpress

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.

GTmetrix

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.

Rendimiendo web

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.

Specify a 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>

Enable gzip compression

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.

Enable 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>

Specify a 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

Remove query strings from static resources

É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: http://miweb.com  Description: Elimina las cadenas.  Author: Yo mismo  Version: 1.0  Author URI: http://miweb.com  */  ?>  <?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 );  ?>

Specify image dimensions

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

Serve scaled images

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

Optimize images

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.

AYUDA WORDPRESS

lunes, 28 de abril de 2014