Vamos a explicar un poco como aceleré la velocidad de carga de este blog, un tiempo después de haberlo puesto en marcha procedí a comprobar la velocidad de carga con la herramientaPAGESPEED INSIGHTS de Google.
Elimninar plugins innecesarios
Lo primero que hay que hacer si o si, es eliminar los plugins que sepamos que no son realmente imprescindibles o que tengamos activos pero no usemos.
Habilitar compresión GZIP
Para este paso, podemos usar algún plugins o mejor aún hacerlo nosotros mismos con las opciones ocultas de wordpress, para ello nos vamos a www.nuestrodominio.com/wp-admin/options.php y entraremos en las opciones avanzadas de wordpress.
Buscamos la casilla gzipcompression y cambiamos la opción 0 a 1.
con esto obtenemos lo siguiente:
Ventajas:
Tiempo de carga de la web.
Mejor experiencia para el usuario.
De cara a google esto es mucho mejor ya que vamos a acelerar notablemente nuestra web.
Inconvenientes:
Al ser una opción que viene desactivada por defecto en wordpress, debemos de comprobar en cada actualziación que siga activada.
Como estamos comprimiendo muchos archivos de la web, veremos aumentado el consumo de CPU y RAM de nuestro servidor.
Puede ser que al hacer esto aún no esté habilitado GZIP en nuestro servidor con lo cual debemos de acceder a nuestro CPANEL ir al apartado optimizar el sitio web
y habilitar la opción para todo el sitio.
Accedemos al sitio web GIDNETWORK y comprobamos que en nuestro hosting está habilitada la opción, si nos indica NO en Web page compressed? debemos comunicarnos con nuestro proveedor para que nos active dicha opción.
He realizado un test, una vez finalizado esta configuración y estos son los resultados:
Resultados Móvil:
Resultados Pc:
Como podéis ver, en el PC hemos pasado de 52 puntos a 73 y en el Móvil de 50 a 64, vamos mejorando!!
¿Que más podemos hacer?
Otra cosa que vamos a ver es el tema de la caché, para ello se pueden usar plugins, pero un metodo rápido de acelerar la caché es habilitar la propia caché de wordpress, para ello debemos irnos a nuestro archivo wp-config.php y añadir la siguiente linea:
define( ‘ENABLE_CACHE’, true ); |
una vez realizado esto hay que crear una carpeta en wp-content/ llamada caché (si no existe) y le damos permisos de escritura.
Ahora vamos a decirle al la duración de los archivos de la caché para ello modificamos el archivo .htaccess de nuestra web y añadimos el siguiente código:
<IfModule mod_expires.c> <filesmatch "\.(jpg|JPG|gif|GIF|png|PNG|css|ico|svg|woff|js)$"> ExpiresActive on ExpiresDefault "access plus 31 day" </filesmatch> </IfModule> |
La puntuación actual es la siguiente:
VERSIÓN PC:83 PUNTOS ( ANTES 73)
VERSIÓN MOVIL: 71 PUNTOS (ANTES 64)
Como podemos ver solo con estos pasos he pasasdo mi web de una puntuación 52 a 83 en la versión pc y de 50 a 71 en la versión movil, sin duda una muy buena puntuación.
Quitar llamadas php innecesarias
Recomendamos quitar todas las llamadas innecesrias posibles como por ejemplo el título de nuestra web o blog.
Cambiar:
<title>< ?php bloginfo('name'); ?> < ?php bloginfo('description');?></title> |
Por el título que teníamos en los ajustes:
<title>Título de nuestro Blog | Descripción de nuestro blog</title> |
Esta es solo un ejemplo, pero podemos cambiar las llamadas a los archivos css, rss, javascript.. y así con muchas llamadas que hay que en realidad nos hacen todo más comodo pero poco a poco nos van perjudicando.