velocidad
Diseño web Google WordPress

Mejorar la velocidad de una web en WordPress

Las páginas web y blogs realizados con WordPress tienen un pequeño problema, la velocidad de carga.
//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js

(adsbygoogle = window.adsbygoogle || []).push({});

WordPress se ha convertido en los últimos años en un gestor de contenidos fantástico para desarrollar todo tipo de páginas web, desde blogs (que era su cometido inicial) hasta páginas web de empresas.

Sin embargo un inconveniente importante a la hora de realizar webs con WordPress está en la velocidad de carga de estas, factor que es tenido en cuenta por Google para posicionarnos mejor en su buscador.

Demostrado que afecta al SEO, la preocupación de todos los webmasters que han diseñado su web con WordPress es cómo reducir la velocidad de carga, sea cual sea el dispositivo desde el que la visitamos, ordenadores, smartphones o tablets.
Medir la velocidad de carga
¿Nuestra velocidad de carga es rápida o lenta? No se trata de un aspecto subjetivo, sino más bien de algo que debemos medir, para ello tenemos diferentes herramientas, aunque la más recomendable es la que ofrece la misma Google: Google PageSpeed Insights obtendréis dos resultados, el primero que hace referencia a la carga desde móviles, y la segunda la que se refiere a la carga en un ordenador.

Nos aportará una evaluación, con una puntuación del 0 al 100 y una serie de consejos para que modifiquemos nuestro sitio web.
Aspectos que Google te recomienda que mejores…
En el resultado verás dos bloques diferenciados, elementos que debes corregir (los que son imprescindibles o más urgentes) y los elementos que puedes plantearte corregir.

Aunque la recomendación es trabajar para corregirlo todo, normalmente algunos de los puntos que suelen ser genéricos para todas las webs no optimizadas son los siguientes:

– Eliminar el JavaScript que bloquea la visualización y el CSS del contenido de la mitad superior de la página.
– Optimizar imágenes.
– Reducir el tiempo de respuesta del servidor.
– Especificar caché de navegador.
– Minificar JavaScript.
– Minificar CSS.
– Minificar HTML.

Desde la misma página de PageSpeed Insights podrás descargar algunos ficheros optimizados para que los apliques a tu página web, pero en el caso de WordPress tenemos algunas herramientas que podremos utilizar para mejorarlo todo, aunque en algunos casos es complicado conseguir los resultados más eficientes.
Eliminar el JavaScript que bloquea la visualización y el CSS del contenido de la mitad superior de la página.
Esto es uno de los principales dolores de cabeza de todo diseñador web y tiene que ver con los archivos Javascript y CSS que se encuentran en la cabecera de nuestro sitio y que impiden que se cargue rápidamente.

Si esta clase de ficheros son necesarios existen varias soluciones, una de ellas la de trasladarlos al footer, de esta manera la web se cargará rápidamente dejando para el final esos ficheros.

Si la web está desarrollada por nosotros con código, entonces bastará con realizar esta tarea, pero si hablamos de WordPress necesitaremos un plugin que se encargue de ello.

El plugin en cuestión se llama Above The Fold Optimization y hace precisamente eso, trasladar los ficheros al footer, eso sí, podremos elegir si queremos que sean sólo los css o los javascript o ambos…

Como no sabemos de que manera responderá el theme de nuestro WordPress, dicho de otra manera, es posible que la página no se vea bien si activamos ese plugin, es mejor que lo probemos antes para comprobar los cambios.
Optimizar las imágenes
Las imágenes que utilizamos para nuestros posts y páginas suelen ocupar un espacio considerable y esto también provoca lentitud, por tanto habrá que comprimirlas sin pérdida de calidad.

Algo positivo en el caso de la PageSpeed Insights es que podremos descargar esas imágenes ya optimizadas, pero como es obvio en el caso de WordPress nos gusta más usar plugins.

Un plugin interesante es WP Smush, es realmente efectiva porque se encargará de comprimir sin pérdida de calidad las imágenes que ya tengas y también las que vayas cargando.
Reducir el tiempo de respuesta del servidor
Contar con un buen proveedor de servicios, un hosting que sea rápido es crucial, pero existen otros aspectos que pueden determinar que nuestro sitio tarde en responder por culpa del servidor.
Especificar caché de navegador
Hay elementos que es necesario que definamos, pero volvemos a lo mismo, tocar código puede ser contraproducente.

Instalar algún plugin como WP Caché mejorará nuestro rendimiento, nos ayudará a cargar antes, pero no es el único que tenemos disponible, tampoco es conveniente tener instalados muchos plugins que hagan lo mismo aparentemente, porque paradójicamente esto hace que se ralentice.
Minificar css, javascript y html
Los archivos css y javascript pueden comprimirse, a la hora de escribir código muchos diseñadores no tienen en cuenta este factor, lo mismo ocurre con html.
//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js

(adsbygoogle = window.adsbygoogle || []).push({});

Autoptimize es un plugin que concatena (unifica) los ficheros en uno, comprimiéndolos para que ocupen menos.
Otros plugins y cosas que puedes hacer
Otros plugins interesantes para optimizar esa carga son WP-Optimize que se encarga de limpiar nuestra base de datos de todo lo que nos sobra, comentarios spam, papelera, páginas eliminadas, etc.

Todo ello ayuda para que los tiempos de carga sean lo más decentes posibles.

También es probable que la plantilla que estés utilizando no esté todo lo optimizada que debería, siempre es mejor si el theme es de por sí rápido, si además instalamos y activamos los plugins, entonces conseguiremos todavía mejores resultados.

Por otro los plugins mencionados no siempre se llevan del todo bien con algunos themes, por tanto hay que ser precavidos, ir instalando, activando y viendo el resultado, para evitar sorpresas desagradables como puede ser que nuestro diseño se desorganice.