Además del contenido de calidad, uno de los factores más importantes que toman en cuenta los algoritmos de Google para la indexación y debida organización de los sitios web en los resultados de las búsquedas, es la velocidad de carga. Si eres el propietario de una página web, blog o tienda online de WordPress (o cualquier otro CMS en realidad), una de tus mayores preocupaciones debería ser mejorar la velocidad de carga, ya que no sólo es crítico, sino que influye directamente en las visitas y en las conversiones de tu página web.

optimizar wordpress guia wpo como mejorar rendimiento web velocidad de carga

Si tu idea es posicionar lo más arriba posible en buscadores como Google, tienes que empezar a plantearte una revisión completa del WPOWeb Performance Optimization (en español es la optimización del rendimiento web, pero lo he leído tantas veces en inglés que ya me suena mal). La idea de escribir esta guía para mejorar el tiempo de carga de WordPress , como parte de mi tutorial WordPress, no es otra que ayudarte a entender este concepto y que lo puedes aplicar en tu página web, blog o tienda online tu mismo (aunque siempre tendrás mi servicio SEO a mano).

Índice

#1 Prepara las herramientas que vas a necesitar

Para hacer un buen análisis y una posterior optimización de la velocidad de carga de tu instalación WordPress es crítico disponer de una serie de herramientas, que pueden facilitarte la vida y hacer del proceso algo mucho más sencillo y llevadero.

Dominio Web

mejores herramientas instalar configurar dominio web
Desde 7€/año
Ir a Dominio

Alojamiento Web

mejores herramientas instalar configurar alojamiento web
Desde 4€/mes
Ir a Hosting

Wordpress

mejores herramientas instalar configurar wordpress.org
Gratis
Ir a WordPress

#2 Importancia de la velocidad de carga en WordPress

Si te ganas la vida con tu página web, blog o tienda online, la velocidad de carga es algo que no puedes permitirse el lujo de ignorar. Loadstorm ha realizado una infografía en la que ha fusionado algunos resultados bastante interesantes, demostrando que el aumento de un solo segundo en el tiempo de carga de la web conduce a una pérdida del 7% de las conversiones, un 11% menos de páginas vistas y una disminución del 16% en la satisfacción del cliente.

Consigue hacer lo contrario y disminuye 1 segundo la velocidad de carga de tu instalación WordPress y podrías llegar a ganar, fácilmente, un de 7% tus beneficios. Los que vivimos en países desarrollados, a veces se nos olvida que la calidad de servicio de Internet no es uniforme en todo el mundo, incluso utilizando un CDN (hablaremos sobre este tema un poco más abajo) y optimizar todo al 200%. Tu página web puede tardar en cargar en 2 segundos en Nueva York, 2,3 segundos en Dublín y de 4 a 5 segundos en la India.

Al realizar una optimización más profunda puedes llegar a disminuir el tiempo de carga en Europa en 0,3 segundos, pero sólo podrás disminuirlo en 1,8 segundos en África, que a lo mejor es tu mercado objetivo y daría lugar a más ventas. No hay que olvidar que la red es enorme y que ciertos números son promedios, habiendo muchos que forman parte de una muestra única de un conjunto muy variado.

Además de todos los beneficios directos que aporta una buena carga web, es un hecho bien conocido que la velocidad de la página tiene un impacto enorme en la optimización SEO, por ende, en el posicionamiento. Google intenta confundirnos, intencionadamente, sobre los detalles, pero algunas investigaciones arrojan luz sobre una posible correlación. Una cosa es segura: una mejor velocidad de carga = mejor posicionamiento en los ojos de Google.

Si te preocupa el medio ambiente (a mí personalmente sí), puedes pensar en este proceso como un ejercicio de reducción de tu huella de carbono. Una página web más rápida es, generalmente, el resultado de menos procesamiento, un menor número de solicitudes y el requerimiento de menos datos, lo que significa que los equipos donde se aloja tu página web trabajan menos, reducen su producción de calor, que a su vez significa menos refrigeración necesaria. El efecto es probablemente imperceptible en un simple servidor, pero estoy totalmente seguro de que sería medible a escala.

Por dónde empezar

Voy a dividir esta guía WPO de WordPress en varias partes para que sea más amena y “tragable”. Inicialmente, voy a hablar de algunas consideraciones generales, donde trataré de explicarte los detalles más importantes sobre la velocidad de carga. Las dos secciones siguientes se centrarán en la mejora que cualquier usuario puede realizar sobre su instalación WordPress. Habrá cierta superposición en estas dos últimas secciones. Insto a los que no estéis tan familiarizados con el código a revisar de arriba a abajo ambas secciones, ya que muchas de las técnicas para mejorar el tiempo de carga de WordPress pueden ser ejecutadas siguiendo simples guías, a pesar de que necesiten algo de código para llevarse a cabo.

De hecho, si te soy sincero, yo soy malísimo con el código, y en proyectos web grandes necesito apoyo en esta área, por lo que no te asustes que todos estamos igual. Cuando llegues al final, espero que seas capaz de quedarte, al menos, con un par de ideas que puedas aplicar inmediatamente en tu página web, blog o tienda online de WordPress, para que sea mucho más rápida para ti y para todos los usuarios.

#3 Razones por las que una página web o blog es lenta

Entender por qué un sitio web es lento es clave para tomar ciertas decisiones. Existe una enorme diferencia entre una página web que carga despacio porque está alojada en un servidor de bajo coste/calidad y otra que tiene un código ineficiente y cientos de imágenes mal optimizadas sobresaturando sus recursos. Voy a dividir la velocidad de tu página web en diferentes capas. Tu trabajo será analizar y optimizar cada una de estas capas. Por ahora, vamos a aprender acerca de todos los componentes que entran en juego en WPO.

Nota: Ten en cuenta que no todos los elementos se pueden corregir siempre.

#3.1 Tecnología básica

La tecnología y el lenguaje que se utilizan para que tu página web funcione determina la rapidez con que el código se procesa en el servidor. Utilizar sólo HTML es un problema menor, pero la mayoría de páginas web utilizan programación del lado del servidor. Puedes estar utilizando ASP.net, PHP o tal vez HHVM para ejecutar código PHP. Por desgracia, no hay mucho que puedas hacer para aumentar la velocidad en los idiomas básicos.

Si bien no soy un experto, creo que técnicamente ASP.net tiene la capacidad de ser más rápido que PHP, pero las diferencias son despreciables. HHVM comenzó superando a PHP cuando fue lanzado, pero las dos tecnologías han tenido un “pique” (amistosa) y parece que PHP 7 superará a HHVM, que se espera que mejorará el rendimiento y hará a los usuarios muy felices.

Uno de los sitios donde sí puedes marcar la diferencia es en la configuración del servidor. Por ejemplo, los servidores pueden ser configurados para enviar datos en un formato comprimido, (conocido como compresión gzip, que te explicaré más abajo). Esta es una simple configuración que puedes activar o desactivar a tu antojo, aunque te recomiendo que la dejes activa, porque la velocidad de carga de tu web aumentará.

#3.2 Sistema de gestión de contenidos

Como norma general, cualquier página desarrollada con un CMS siempre va a ser más lenta que una que usa sólo HTML estático (siempre y cuando esta última este bien ejecutada). Si bien es cierto que un sistema de caché para todas las páginas puede reducir al mínimo las diferencias de velocidad, estos datos almacenados en caché a veces tienen que ser purgados y los usuarios registrados o que hayan iniciado sesión no disfrutan de una versión de la web cacheada, además de que la administración del contenido siempre consume más recursos.

Dicho esto, un CMS bien construido hará más bien que mal. Es más seguro, te ofrece millones de posibilidades y te permite gestionar el contenido con mucha facilidad. Todos los sistemas CMS conocidos entran en la categoría “bien desarrollados”, por lo que WordPress, Joomla y Drupal están bien desde el punto de vista de la velocidad de carga. De todas maneras, los problemas de velocidad pueden ser más comunes en unos CMS que en otros, pero esto suele estar relacionado con la cantidad de código adicional que se utiliza en plantillas y plugins (me extenderé sobre este tema más abajo).

La razón de que estos sistemas de gestión de contenidos sean más lentos que los sitios estáticos es que necesitan conectarse a un servidor, el servidor necesita procesar una solicitud, generar código HTML y enviarla de vuelta al navegador. Durante este proceso se hacen muchas consultas a la base de datos, que no hacen más que aumentar los tiempos de carga.

Nota: La mayoría de los CMS tienen mecanismos para optimizar este proceso, que es la razón por la que las páginas web tienden a cargar en un par de segundos, haciendo de estos sistemas una solución muy viable.

#3.3 Extensiones

Cuando pongo extensiones me refiero a cualquier código “extra” que utilices con tu CMS. En WordPress esto tiene nombre propio: themes y plugins (En Joomla y Drupal se llaman templates y extensiones). Normalmente, salvo contadas excepciones, estos temas y plugins no son creados por las mismas personas que desarrollaron el CMS. Esto significa que, si los desarrolladores no están al tanto de las mejores prácticas para el CMS en cuestión, van a cometer errores. y el rendimiento va a bajar. Por ejemplo, puede que necesites realizar una consulta a la base de datos una vez en cada operación.

Si no piensa bien estas cosas, es posible que, en vez de 1, pueda llegar a hacer 3, por lo que estás multiplicando x3 el trabajo del servidor (no te equivoques, dependiendo de tus necesidades 3 consultas, en ocasiones, pueden llegar a ser más rápidos que 1, por lo que elegir cuidadosamente el método es muy importante). Esto son, a grosso modo, las cosas que pueden dar al traste con cualquier tiempo de carga de cualquier instalación, sea cual sea el CMS que se use. En esta guía te voy a mostrar algunas de las técnicas de codificación que más ralentizan el código. Por ahora me quedo contento si has entendido que las extensiones añaden una capa de carga a tu página web o blog.

Nota: Con WordPress, este aspecto negativo se ve magnificado por el hecho de que sea una comunidad tan abierta, ya que hace que sea extremadamente fácil contribuir con código malo.

#3.4 Servidores y hosting

Tu servidor es un factor determinante en la velocidad de tu WordPress, especialmente durante las horas de más tráfico. Voy a separar estos dos términos antes de empezar decirte cómo optimizarlos, de manera que aprendas un poco más sobre cómo inciden en la velocidad de carga. Tu servidor es un equipo físico en algún lugar (preferiblemente en el continente donde más tráfico tengas) que tiene propiedades similares a un ordenador en tu casa. Tiene memoria, CPU, disco duro y ciertos parámetros (software) que dictan cómo funciona. Tu plan de alojamiento web es, esencialmente, un conjunto de servicios vinculados a un servidor. Esto incluye cosas como las copias de seguridad automáticas, gestión de servidores y así sucesivamente.

El factor más importante de un hosting es el plan o precio que pagas por el mismo. Muchas veces no hace falta empezar por lo mejor o lo más rápido. Basta con contratar algo ajustado a las necesidades de ese momento, ya que la nube te permite ir contratando a medida que se crece, consiguiendo reducir el coste en tecnología (que a día de hoy es casi irrisorio). Existen 3 tipos de planes que tienes que entender (porque luego algunas empresas se inventan otros entre medias), los cuales se dividen en hosting compartido, VPS o servidor dedicado.

  • Hosting compartido: En un servicio compartido, es posible llegar a tener cientos de personas en un mismo servidor. Esto significa que varios centenares de personas comparten el mismo espacio en el disco, memoria, velocidad de la CPU y ancho de banda (Los recursos no se comparten de manera uniforme). En este caso, una página web o blog defectuosa puede utilizar hasta el 80% de los recursos del servidor, dejando a otros 99 usuarios con el 20% restante o peor
  • VPS (Virtual Private Server): Un VPS también es compartido, pero, por lo general, entre un menor número de usuarios (Los recursos si que se distribuyen de manera uniforme). Si hay 5 usuarios en el mismo servidor, cada uno recibiría el 20% de la memoria. En este caso, si un usuario tiene una página web que consuma muchos recursos, las demás seguirán rindiendo perfectamente
  • Hosting dedicado: En un servidor dedicado, tu eres el único usuario del servidor y de todos sus recursos. Esto anula completamente el efecto “mal vecino” que comparten los anteriores, aunque su precio, configuración y mantenimiento no están al alcance de cualquier usuario
Nota: Si te lo tuviera que explicar en pocas palabras, sus diferencias están determinadas en la cantidad de personas que utilizan el mismo servidor para tener su página o blog.

#3.5 Parámetros del servidor

Como ya he mencionado anteriormente, el servidor de tu página web o blog es un factor clave que determinará la velocidad de carga del sitio web. En pocas palabras, cuanto mayor sea el rendimiento del servidor, mejor rendimiento y velocidad e carga tendáa tu sitio web. Es todo cuestión de tamaño: Si tiene una instalación WordPress pequeña, con unas 10.000 visitas al mes, no importa si tu servidor tiene 1 GB de RAM y 8 GB. Por el contrario, si tienes una con 400.000 visitas mensuales (como este blog) ¿Crees que sería suficiente con ese servidor? La pregunta se contesta sola ¿Verdad?

Otro factor que marcará la diferencia, como te decía más arriba, es la ubicación del servidor. Esto es lógica pura y aplastante y es muy fácil de entender: Si eres un usuario de México (que son una gran parte de las visitas que tiene este blog) y mi servidor se encuentra en París (muy habitual), recibirá los datos de forma mucho más rápida un usuario español que uno mexicano ¿Verdad? ¿Entonces en qué continente contrato mi servidor? (La respuesta te la voy a ir explicando poco a poco, pero es bueno que empieces a conocer al CDN).

Los datos, cuando viajan dentro de los cables de fibra óptica, alcanzan una velocidad cercana a la de la luz, pero una vez se acercan al destino (a tu caso por ejemplo) se ralentizan a las velocidades de tu ISP (Esto sin contar el viaje a través de cortafuegos, routers y otros seres mágicos que tienden a ralentizar las cosas). La distancia afecta a la velocidad de carga de las solicitudes más habituales. Lo que quiero decir con esto es que la descarga de un archivo de 1 GB desde México lleva casi la misma cantidad de tiempo que si se hace desde España. Cuando se nota es cuando pides esa misma descarga 10.000 veces al día (aquí la distancia se nota mucho)

¿En qué afecta todo esto a tu página web o blog? Muy fácil, cuando se carga una página web o blog puede llegar a hacer un gran número de solicitudes. Esto incluye hojas de estilo, imágenes, archivos javascript y muchos otros. Si reduces esas solicitudes al mínimo, puedes maximizar la velocidad de carga.

#3.6 Equipo del receptor

La edad, calidad y rendimiento del ordenador que utiliza el usuario para acceder a tu página o blog también afecta en gran medida a la velocidad de conexión que se percibe. Tengo un iPad 2 algo maltratado en casa y mi conexión parece ir mucho más lenta en ese dispositivo que en el Macbook Pro que uso para trabajar, estando ambas conectada a la misma Wifi y a la misma distancia. Existen numerosas razones para que ocurra esto, pero creo que la principal es la edad del equipo. La degradación de los componentes ha causado que el iPad use la memoria de manera menos eficiente.

Hasta hace poco esto no era un gran problema ya que la mayoría de la computación se llevaba a cabo en el servidor. Con el auge de máquinas más potentes y las nuevas tecnologías web, los sitios web dejan de lado del cliente la potencia de procesamiento. Esto significa animaciones mucho más rápidas y reales, pero también significa que los dispositivos más lentos van a sufrir.

#4 Herramientas para medir la velocidad de carga de una web

Vivimos en un mundo “rápido“, que todo cambia deprisa y no tenemos tiempo ni de parar a mirar. Con las páginas web y blogs pasa lo mismo, buscamos la información y la queremos buena y deprisa. Es por esto por lo que la velocidad de carga de tu página web se está convirtiendo en un deber más de toda web que quieras posicionar en las primeras posiciones de cualquier motor de búsqueda.

Este factor ha tomado un papel fundamental en aspectos como la captación de tráfico orgánico y, a su vez, ha sido un elemento imprescindible de analizar para trabajos de usabilidad y optimización de landing pages o procesos de compra. Además es un factor cada vez más importante para los motores de búsqueda como Google. Vamos a ver las herramientas que necesitas conocer para medir la velocidad de carga de tu página web o blog.

ganador 1

GTmetrix

mejores herramientas medir velocidad carga pagina web gratis pago gt metrix
Gratis | Solo ($10/Mes) | Estándar ($20/Mes) | Crecimiento ($40/Mes)

GT Metrix es una herramienta muy eficiente para medir la velocidad de una página web. Muestra de manera porcentual el impacto de cada error en un espacio y su correspondiente solución de forma detallada para que su corrección sea sencilla. La herramienta utiliza la tecnología de Google Page Speed y Yahoo! YSlow para ver el comportamiento de la web en parámetros JavaScript, CSS, Solicitudes HTTP, Búsquedas de DNS… Destaca también por su capacidad para llevar a cabo comparaciones con otros espacios de la competencia.

Ir a GTMetrix
ganador 2

Google PageSpeed Insights

mejores herramientas medir velocidad carga pagina web gratis pago google pagespeed insights
Gratis

Google Page Speed Insights es una herramienta para medir la velocidad de carga de un sitio web creada por la empresa de Google. El servidor mide de 0 a 100 la velocidad de la página e indica, por orden de prioridad, los aspectos a mejorar. La principal ventaja de esta herramienta es que ofrece la información tanto para ordenador como para móvil debido al incremento de la navegación a través del último. Si utilizas el servicio de herramientas para webmasters, hay una versión reducida donde verás la calificación general y una comparación con el resto de sites que integran en Google.

Ir a Google Page Speed Insights
ganador 3

Pingdom

mejores herramientas medir velocidad carga pagina web gratis pago pingdom
Gratis | Monitoreo Sintético (8.33 /Mes) | Monitoreo Real (8.33 €/Mes)

Pingdom es una herramienta diseñada para medir la velocidad de carga de un sitio web que se caracteriza por su eficiencia y su óptimo rendimiento. El servidor analiza los elementos de una página web a través del código HTML (servidor capaz de detectar imágenes, CSS, Javascripts, RSS, Flash y frames/iframes) e imita el modo en el que funcionaría un espacio sin elementos pesados. Solamente es necesario introducir la URL y hacer clic en “Test now!” para obtener un análisis detallado de elementos destacados como, por ejemplo, la salud DNS, ping y traceroute.

Ir a Pingdom
Herramientas para medir la velocidad de carga web

#5 Pasos básicos para mejorar la velocidad de carga de tu web

Antes de empezar a optimizar tu web y mejorar su velocidad de rendimiento, te adelant0 que vas a ver las dos caras de la moneda: métodos y consejos para desarrolladores y para los que no están familiarizados (Ten en cuenta que esto no significa que todos los consejos para principiantes sean fáciles de configurar). Te iré asesorando a medida que vaya leyendo, haciendo la distinción en función de la dificultad. Si tuviera que resumirlo en pocas palabras, cualquier cosa que tengas que hacer en el código a tu tema o plugins estará en la sección avanzada y todo lo demás estará en la sección más básica.

En esta primera sección, la más básica o general, voy a hablar sobre métodos, consejos y trucos que puedes realizar sin tocar el código de tu página web o blog (sin tener que tocar el código del WordPress, de la plantilla o de los plugins). Como mucho tendrás que editar algunos archivos del servidor y utilizar comandos de terminal. Estas optimizaciones no suele hacerlas el desarrollador, pero si conoces alguien que se desenvuelva bien entre servidores te vendrá fenomenal. Hay unas cuantas cosas que hacer que estoy seguro que aumentarán la velocidad de carga de tu sitio web. De hecho, para facilitar la comprensión, he intentado seguir la lista que había seguido en la anterior sección “Razones por las que una página web es lenta“.

#5.1 Actualiza la tecnología más importante

El 99.99% de los usuarios no tienen los conocimientos suficientes para optimizar un PHP, pero siempre pueden asegurarse de que está correctamente actualizado. Desde mi experiencia, cuanto más caro es tu alojamiento, más rigurosos son con las actualizaciones del PHP (siempre que sea un entorno administrado). Muchos servidores baratos o de gama baja sólo actualizan su versión de PHP si se lo dices.

Analizando ciertos puntos de referencia de PHP es cuando te das cuenta de la importancia de este tema. Existen cambios o actualizaciones de PHP que pueden tener un impacto enorme, sobre todo cuando hablamos de PHP 7. El proceso de actualizar tu versión de PHP será diferente, en función de tu hosting. Inicia sesión en tu panel de control (cpanel o plesk normalmente) y busca “Configuración de PHP“. Si lo has hecho bien deberías ver un cuadro de selección que te permite alternar entre las distintas versiones del PHP. Siempre dependerá de qué versión sea la más estable, pero nunca estés muy por debajo de la última versión.

Antes de hacer ningún cambio, hay ciertos “peligros” que debes tener en cuenta antes de actualizar un PHP. El código de tu sitio web y tus archivos no van a desaparecer de forma repentina, pero si tiene estás funcionando un código muy antiguo, es posible que destapes problemas con los que no contabas. Si no estás seguro de qué hacer, asegúrate de preguntar a tu servicio de alojamiento si podrás volver hacia atrás o deshacer (downgrade) cualquier cambio que hagas si las cosas no salen bien.

#5.2 Actualiza el CMS

Este punto debería ser evidente, pero la realidad es que sigo viendo muchas páginas web y blogs con versiones de WordPres antiguas. La actualización de un CMS generalmente no proporciona un aumento impresionante de la velocidad de carga, pero si que solucionan problemas de seguridad. Un agujero en la seguridad del CMS puede terminar con un código malicioso inyectado en tu sitio web que puede destrozar el rendimiento, y hacer que las cosas vayan mucho más despacio.

Aparte, las actualizaciones del CMS tienden a optimizar el sistema, lo que permite escribir un mejor código. Como resultado de esta optimización tu base de datos será más ligera y sus consultas serán más rápidas, lo que se suele traducir en una mejora de la velocidad de carga a la larga.

Nota: No esperes mejoras de velocidad por pasar de la versión de WordPress 4.4 a la 4.5.

#5.3 Reduce solicitudes

Este tema te lo voy a explicar en detalle más abajo, en la sección avanzada, pero hay algunas cosas básicas que puedes ir haciendo para mejorar el tiempo de carga de tu web. En primer lugar, para averiguar cuántas peticiones hace tu página web o blog puedes utilizar algunas herramientas que te faciliten ese trabajo. Por ejemplo, puede ver las solicitudes desde las “Herramientas para desarrolladores” del navegador o utilizar una herramienta online como Pingdom Tools para obtener una buena visión del conjunto.

Es importante que entiendas que, cuando añades contenido a tu sitio web, aumentan las solicitudes ya que también añades imágenes y otros elementos multimedia. Básicamente, añades una petición por artículo. Si a esto le sumas una galería de fotos y añades que las 5 primeras imágenes se muestren también en las páginas de archivo, podríamos estar hablando de hasta 60-70 peticiones en una sola página o entrada.

Si eres fotógrafo, artista o simplemente alguien a quien le gusta la imagen (este soy yo) es probable que no quieras añadir un menor número de imágenes a tus entradas o páginas. En estos casos, una posible cura sería disminuir el número máximo de entradas a mostrar en el sitio o mostrar un menor número de imágenes en tus listas de archivos.

tutorial wordpress velocidad carga numero maximo entradas

En “Ajustes > Lectura” puedes configurar el número máximo de entradas a mostrar en el sitio web

Un segundo paso es evitar o eliminar aquellos plugins que afectan al front-end (lo que ves como usuario) del sitio web. Esto puede llegar a ser muy dañino para la velocidad de carga, ya que muchos plugins añaden sus propios estilos y scripts, por lo que notarás una mejoría en el rendimiento si los eliminas (dependiendo de la calidad del plugin, puedes llegar a ahorrar a tu servidor varias decenas de peticiones).

Cambiar la plantilla también puede ahorrar una gran cantidad de peticiones, aunque en muchos casos esta no sea una opción viable. Me he dado cuenta de que muchos themes, sobre todo aquellos que ofrecen montones de características en el mismo pack, tienden a sobrecargar de scripts y estilos innecesariamente.

El Lazy Loading o la carga diferida de imágenes es una herramienta muy potente que puede hacer que tu sitio web parezca más rápido. En realidad, no disminuye la cantidad de solicitudes, pero si la necesidad de cargarlas. La idea detrás de la carga diferida es que las imágenes que aparecen al final de la página no necesitan ser mostradas hasta que el usuario se desplaza cerca de las mismas.

A3 Lazy Load

mejores plugins wordpress carga diferida imagenes a3 lazy load
Gratis

A3 Lazy Load es un plugin SEO de WordPress para Lazy Load que permite retrasar la carga de imágenes hasta que se llegue hasta ese lugar del post o página para  acelerar tu web WordPress y poder aumenta la experiencia de usuario de tus lectores desde cualquier dispositivo (ordenadores, tabletas y móviles) con a3 Lazy Load. Aunque está enfocado al móvil, este plugin mejorará el rendimiento de tu instalación. Cuanto más grande sea tu sitio web, mejor.

Ir a A3 Lazy Load

Lazy Load

mejores plugins wordpress carga diferida imagenes lazy load
Gratis

Lazy Load es un plugin SEO de WordPress para Lazy Load desarrollado por un equipo de Automattic (la gente que está detrás de WordPress).Este plugin básicamente se centra, exclusivamente, en las imágenes, optimizándolas para reducir los tiempos de carga. Este plugin se basa en jQuery, que carga imágenes sólo cuando el usuario se desplaza a ellas en un navegador. Por lo tanto, no se cargan hasta que estén a la vista y hace que la experiencia del usuario sea mejor.

Ir a Lazy Load

BJ Lazy Load

mejores plugins wordpress carga diferida imagenes bj lazy load
Gratis

Bj Lazy Load es un plugin SEO de WordPress para Lazy Load que se encarga de realizar una carga diferida para hacer que el contenido del sitio web se muestre más rápido, así como que el consumo de ancho de banda sea menor. Este plugin básicamente hace que el contenido no se cargue hasta que el usuario se desplace hacia el haciendo que se reduzca el tiempo de carga principal. Funciona sobre las imágenes y los iframes, que, en la mayoría de los casos, son los que retardan la carga de las páginas.

Ir a BJ Lazy Load

Otro buen método para disminuir las solicitudes es la concatenación (de la cual te voy a hablar en detalle en la sección avanzada). Entender este concepto es fácil, en vez de cargar 10 archivos Javascript por separado, puedes hacer lo mismo cargando 1 único archivo Javascript en el que pegas un archivo tras otro. Esto significa que, en lugar de descargar 10 archivos de un promedio de 20 kb cada uno, descargarías un único archivo de 200 KB, lo que resultaría en una carga mucho más rápida. Esto es bastante fácil de hacer cuando se codifica el sitio desde cero, pero mucho más difícil cuando ya existe o está en funcionamiento.

Autoptimize

mejores plugins seo wordpress posicionamiento web rendimiento web minificacion autoptimize
Gratis

Autoptimize es un plugin SEO de WordPress para concatenación y minificación de archivos que busca hacer sencilla la optimización de tu sitio web. Este plugin tiene numerosas funciones que harán funcionar mejor a tu página web reduciendo los tiempos de carga. Destaca por ofrecerte la posibilidad de combinar tanto la minimización como el cacheo de scripts y estilos, así como añadir CSS a las partes críticas de tu web. Prácticamente este plugin permite que optimices todo lo que necesites para que tu web sea más rápida.

Ir a Autoptimize

Dependency Minification

mejores plugins seo wordpress posicionamiento web rendimiento web minificacion dependency minification
Gratis

Dependency Minification es un plugin SEO para WordPress que concatena y minifica scripts y hojas de estilo de forma automática. Coge los scripts y hojas de estilo que se han añadido a través de wp_enqueue_script y wp_enqueue_style y, automáticamente, los concatena en grupos lógicos utilizando WP-Cron. Los datos minificados se quedan guardados en una tabla del plugin por lo que no es necesario descargar nada, este plugin destaca por su interfaz de administración.

Ir a Dependency Minification

Fast Velocity Minify

mejores plugins seo wordpress posicionamiento web rendimiento web minificacion fast velocity minify
Gratis

Fast Velocity Minify es un plugin SEO para WordPress  que minifica los archivos de tu web para hacerla más rápida. Esta especialmente diseñada para desarrolladores y usuarios más avanzados. Este plugin lo que hace es reducir los tiempos de carga de tu página web minificando el CSS y el los archivos Javascript en grupos de archivos que tratan de usar la menor cantidad posible de archivos. Este plugin destaca por ofrecer funciones especiales para usuarios más avanzados y desarrolladores. Los primeros pasos se darán en el frontend.

Ir a Fast Velocity Minify

Merge + Minify + Refresh

mejores plugins seo wordpress posicionamiento web rendimiento web minificacion merge minify refresh
Gratis

Merge + Minify + Refresh es un plugin SEO de WordPress para minificar y concatenar archivos que fusiona y concatena archivos CSS y Javascript y después los minifica usando Minify (para CSS) y Google Closure (para el JS con Minify como punto de retorno). Esta inspirado en los plugins MinQueue y Dependency Minification. Te recomiendo usar fechas de vencimiento largas. Este plugin destaca por conseguir mantener la página web funcionando aunque falle la minificación y por las múltiples posibilidades que brinda su interfaz.

Ir a Merge + Minify + Refresh

MinQueue

mejores plugins seo wordpress posicionamiento web rendimiento web minificacion merge minqueue
Gratis

MinQueue es un plugin SEO de WordPress con el que puedes minificar y concatenar archivos de forma sencilla. Este plugin no hace nada de forma automático, pero te permite configurar qué recursos quieres concatenados y en qué orden. Es uno de los plugins mejor equilibrado debido a sus características, control y facilidad de uso. Este plugin es capaz de mejorar notablemente la carga tu sitio web. Además, destaca por ofrecerte un total control sobre los datos y archivos que vayas a minificar.

Ir a MinQueue

WP Super Minify

mejores plugins seo wordpress posicionamiento web rendimiento web minificacion wp super minify
Gratis

WP Super Minify es un plugin SEO de WordPress para concatenar y minificar archivos de una forma rápida y sencilla para que cualquiera lo pueda hacer. Este plugin combina, minifica y cachea tanto el JavaScript como los archivos CSS que sean necearios usando Minify PHP Framework. Una vez que actives este plugin verás que la fuente HTML de tu web se ha comprimido lo que hará que los tiempos de carga sean mucho menores. Es un aspecto muy importante para que el usuario se encuentre agusto en tu web.

Ir a WP Super Minify
Nota: Estos plugins te ayudan automatizar el proceso, pero he tenido resultados mixtos cuando los he usado. Dales una oportunidad, si consigues que funcionen correctamente es posible que vea una reducción significativa de las solicitudes realizadas.

Aunque a mi, en particular, no me gustan los artículos o páginas con paginación, en algunos casos puede tener sentido dividir un artículo o página en varias páginas. Eso sí, y te lo pido por favor, no lo hagas sólo para aumentar páginas vistas. Hazlo si creas una megaguía de, por ejemplo, los mejores 500 hoteles del mundo con sus respectivas imágenes (puede ser una buena idea dividirlo en secciones de 50-100).

#5.4 Elimina plugins innecesarios

Todos los plugins son piezas de código que ayudan a realizar funciones que, de otra manera, sería difícil y costoso de hacer. Pero a veces complican más que ayudan y se convierten en contraproducentes. Ya sea porque no hacen su trabajo correctamente, porque entran en conflicto con otros plugins, porque sobrecargan el servidor o por lo que sea, es importante mantener a raya este tipo de plugins.

mejores plugins wordpress seo posicionamiento web p3 plugin performance profiler

P3- Plugin Performance Profiler es el plugin de Worpdress perfecto para detectar plugins que afecten a la velocidad de carga de tu sitio web

Aquí  es cuando entra en juego el plugin P3- Plugin Performance Profiler, que te permite detectar cuál de tus plugins están impactando en los tiempos de carga del sitio web. Con el informe que genera, serás capaz de identificar qué plugins están ralentizado la velocidad de carga de tu página web o blog. Si existe algún plugin que afecte al rendimiento de tu sitio web en exceso, es un buen momento de buscar y encontrar plugins alternativos.

mejores plugins wordpress seo posicionamiento web p3 plugin performance profiler

En “Herramientas > P3 Plugin Profiler” haz click en “Start Scan” y verás un informe con los tiempos de carga de los plugins de tu instalación WordPress

Otra opción es desactivar cualquier cosa que tengas instalada, pero que no utilices. Por ejemplo, yo uso a menudo plugins como Thumbnail Regenerator, Theme Check o P3. Si bien estos ofrecen un valor añadido cuando los usas, sólo los necesito en momentos puntuales. Cuando no los utilizo, los desactivo (de hecho, en muchas ocasiones los llega a eliminar por completo), para asegurarme de que no tienen impacto en el rendimiento del sitio web.

#5.5 Elimina elementos innecesarios

Existen muchos elementos de diseño y módulos (normalmente impulsados por JavaScript), de aspecto agradable pero que no tienen ningún sentido. Te voy a dar dos ejemplos.

El primer ejemplo tiene que ver con elementos frustrantes. Supón que tienes un menú de usuario que se despliega con una animación impactante cuando pasas el puntero del ratón sobre ella. Cuando un usuario lo ve por primera vez, va a pensar que “mola mucho”. Sin embargo, cuando ya lo haya usado varias veces, le resultará cada vez más molesto. Pregúntate una cosa ¿Por qué cualquier usuario debería esperar un segundo para que aparezca el menú?

Este problema lo causan, generalmente, los programadores y propietarios del sitio web, que no utilizan el sitio web de la misma manera que sus usuarios. Por ejemplo, cuando quieres iniciar sesión en WordPress, por lo general visitas “<code>/ wp-admin /</ code>”, pero tus usuarios, probablemente, usan el enlace de inicio de sesión que hay que hay en la cabecera. Por lo tanto, asegúrate de dar una experiencia de usuario fluida, y no una que simplemente se vea bien o bonita, ya que puede ser frustrante en el largo plazo.

Aparte del aspecto puramente visual (UX), tu sitio web mejorará su velocidad de carga. Es fácil de entender, ya que habrá menos elementos que animar y menos Javascript que cargar, lo que se traducirá en un sitio web más rápido o uno que parezca más rápido (que al final es lo mismo).

El segundo ejemplo tiene que ver con la eficiencia y la conversión. Mi ejemplo favorito es un elemento que se está empezando a poner de moda en las instalaciones WordPress: las sliders. Prácticamente cualquier investigación que se haga sobre el tema (aquí tienes una de Conversionxl) apunta a la misma conclusión: las sliders son simplemente horribles. Para que te hagas una pequeña idea, ocupan demasiado espacio web, tienen graves vulnerabilidades en seguridad, afectan a tu posicionamiento web y ralentizan la velocidad de carga del sitio web ¿Te siguen gustando las sliders?

Quiero hacer hincapié en el hecho de que, para una empresa, el objetivo de su página web o blog no es que se vea bonita. Hacerla más atractiva es una herramienta que se utiliza para lograr el verdadero objetivo: ganar dinero. Si después de hacer una investigación llegas a la conclusión de que la slider de la página de inicio está afectando al tiempo de carga de la web ¿No lo eliminarías si eso aumentará tus ingresos?

Lo ideal es que analices todos los elementos de tu sitio web y tomes algunas decisiones (aunque estas a veces sean duras) y que, en el camino, eduques a tus usuarios. Infórmate sobre ese tema en particular, haz tu propia investigación y, sobre todo, mide el resultado. Además, ten en cuenta que, aunque en algunos casos la eliminación total de ese elemento es lo correcto, siempre existe la manera de reemplazarlo. Puedes estar pensando que, retirar tu slider, puede hacer que tu tasa de conversión baje, pero a lo mejor no has pensado que, si la sustituyes con el texto plano y enlaces puede llegar a aumentar muy por encima del nivel al que estaba cuando había slider ¿Estás dispuesto a averiguarlo?

#5.6 Utiliza un CDN

Desde mi experiencia, el CDN o Content Delivery Network (Red de entrega de contenidos) es una herramienta perfecta para cualquier sitio web, ya que hace que todo sea mucho más sencillo y rápido. Hay dos razones principales por las que me encanta usar CDN: la primera es que permiten alojar imágenes en un servidor aparte y la segunda es que disminuyen los tiempos de carga de las imágenes. En resumen, te ayudan a mejorar el rendimiento de uno de los elementos que más lata da en una instalación web: la carga de las imágenes (aunque no es lo único).

Me gusta alojar las imágenes fuera del servidor de la instalación de WordPress, ya que libera el contenido. Puedo cambiar mi dominio o pasar de un hosting a otro, que mis archivos multimedia siempre estarán en el mismo lugar. Una base de datos y una plantilla que estén en la media pesarían alrededor de 10-25 Mb. Sin embargo, puede haber más de 2 GB de imágenes para transferir también. Si colocas esos 2 GB en otro servidor (u otros servidores), sólo tendrás que preocuparte de 25 Mb.

La idea detrás de un CDN es colocar los recursos solicitados lo más cerca del usuario, geográficamente hablando. Mi página web se encuentra alojada en algún lugar de París, y uso Amazon CloudFront (aunque también te recomiendo MaxCDN) como un CDN. Esto significa que, si alguien accede a mi sitio web desde México, puede recibir las imágenes desde un centro de datos de su continente (normalmente EE.UU.). Esto reduce los tiempos de transferencia, hops (número de routers /cortafuegos /etc. que los datos tienen que atravesar) y otros parámetros, lo que se traduce en un sitio web mucho más rápido.

#5.7 Activa la cache

El almacenamiento en caché es, probablemente, el mejor método para mejorar la velocidad de carga de tu sitio web y el que más alegrías te va a traer. La memoria caché la puedes entender con una simple analogía: ¿Recuerdas cuando aprendiste a sumar en la escuela? Necesitabas contar, físicamente, 5+4 (Para ello usabas los dedos o lo que tuvieses a mano). Hoy ya sabes la respuesta y conoces automáticamente e resultado: 9. Tu cerebro ha cacheado el resultado, asi que ya no es necesario que saques los dedos para contar.

Con los sitios web hay una vuelta de tuerca más, ya que el resultado de esa suma no siempre es el mismo. He aquí por qué: Imagina un sitio web que sólo muestra el nombre y el año actual. El contenido de ese sitio web sólo cambia una vez al año (cuando cambia el año). Sin embargo, cada vez que el servidor carga el sitio web calcula cuál es el año en curso. Lo que el cacheo o almacenamiento en caché hace es, esencialmente, guardar una copia HTML de la página web o blog por un tiempo determinado. En el ejemplo anterior podría configurar el caché para que caduque una vez al día. Esto significa que, una vez al día, la página web o blog se carga de forma habitual: se detecta una solicitud, el servidor procesa el código y devuelve el resultado en forma de HTML. Por último, guarda el HTML resultante en la memoria.

La próxima vez que alguien cargue el sitio web, la caché carga el código HTML de la memoria, en vez de pedírsela al servidor. Esto puede no parecer mucho, pero para un sitio web medio esto podría convertirse en varios segundos de ahorro en el tiempo de carga. Ten en cuenta que, lo que te acabo de explicar, es un sistema de caché completo para un sitio web, pero hay muchos otros tipos (es una profesión en sí misma). Por suerte, los que usamos WordPress podemos configurar un sistema de cacheo con bastante facilidad. Para ello te dejo los 3 mejores plugins para configurar e implementar la caché en tu instalación WordPress.

ganador 1

WP Rocket

mejores plugins seo wordpress posicionamiento web rendimiento web cache wp rocket
Single ($49/año) | Plus ($99/año) | Infinite ($249/año)

WP Rocket es un plugin de caché premium muy popular debido a su facilidad de uso y a las ventajas que proporciona. La herramienta integra la funcionalidad de varios plugins juntos puesto que se encarga de hacer copias de seguridad rápidamente, carga las imágenes de modo óptimo y actualiza constantemente las bases de datos. El plugin también está disponible en español para que todos los informes que genera puedan ser comprendidos por todos los públicos.

Ir a WP Rocket
ganador 2

LiteSpeed Cache

mejores plugins seo wordpress posicionamiento web rendimiento web cache litespeed cache
Gratis

LiteSpeed Cache es un plugin gratuito que proporciona opciones que van más allá de las funcionalidades habituales. La herramienta te permite excluir aquellos elementos que no deseas guardar en el caché, te permite conectar tu red CDN fácilmente y te ofrece la posibilidad de optimizar todas tus imágenes en un solo clic para evitar que ralenticen la carga de tu página web. Tanto si estás comenzando con tu sitio web como si ya eres un veterano, es una buena opción.

Ir a LiteSpeed Cache
ganador 3

WP Super Cache

mejores plugins seo wordpress posicionamiento web rendimiento web cache wp super cache
Gratis

WP Super Cache es un plugin ideal para proyectos web estándar que no requieren un trabajo demasiado complejo o específico. Su uso y configuración es muy sencillo para que el usuario se encargue rápidamente de instalar la herramienta para asegurarse que todos sus datos están almacenados para evitar pérdidas y garantizar un rendimiento óptimo. El plugin incluye un servicio de asesoramiento en horario laboral por si tienes algún problema.

Ir a WP Super Cache
Plugins de caché para WordPress
Nota: Te aconsejo usar WP Rocket por su facilidad de uso, ya que podrás poner en marcha un sistema de cache en cuestión de minutos, y porque podrás ahorrarte un 20% con el código “ignaciosantiago20”.

Hay bastantes ajustes para cada plugin, asi que te recomiendo es leer detenidamente cada uno de los ajustes, para obtener el mejor rendimiento. Por si no sabes por dónde empezar, te dejo un tutorial muy bueno de un crack en estos temas, Miguel Floro.

Dicho esto, desde mi experiencia te digo que, simplemente utilizando la configuración básica, vas a lograr, al menos, el 80% máximo de mejora de la velocidad de carga, así que merece la pena cuanto antes, incluso si eres un novato o tienes pocos conocimientos. También debes saber que puedes mejorar el sistema de almacenamiento en caché desde el servidor. Algunos servicios autogestionados de WordPress ofrecen almacenamiento en caché a nivel de servidor (que siempre será más rápido). Muchos de estos servicios de alojamiento no permiten instalar plugins de cacheo, ya que ralentizarían el sitio web.

#5.8 Optimiza la base de datos

Con el tiempo, tu base de datos adquiere cierto peso muerto que, por desgracia, es inevitable. Dentro de este peso hay 2 partes principales, los datos que no utilizas y el nivel de consumo de tu base de datos. Los datos que se usan pueden proceder de muchos sitios. Por ejemplo, aunque tengas soluciones (o plugins) personalizadas para eliminar usuarios (en el caso de un foro), tal vez no elimines los metadatos asociados a esos usuarios correctamente. Esto podría dejar cientos (o miles en algunos casos, dependiendo del tamaño del sitio web) de filas huérfanas en la base de datos (en definitiva, inservibles).

Limpiar todo esto no es difícil, pero es importante que aprendas, tanto a limpiar la casa, como a cuidarla. Lo primero que quieres hacer es buscar y eliminar los plugins que no uses o que no aporten nada. Este proceso es rápido, ya que tan sólo tienes que ir a “Plugins > Plugins instalados” y ver cuales están inactivos. Además, el plugin P3 te dará pistas de qué plugins están sobresaturando el servidor.

tutorial wordpress como eliminar plugin wordpress

Para eliminar un plugin dirígete a “Plugins > Plugins instalados” y haz click en “Borrar”

Pero esto no acaba aquí, ya que hacer click en “Borrar” es el primer paso, pero no el último. Remarco esto porque es importante que aprendas a meter comandos SQL en tu base de datos. Sé que puede sonar a chino, pero si sigues esta guía SEO te prometo que es muy fácil. Lo primero es acceder a tu base de datos, y si no recuerdas tu nombre de usuario y contraseña no te preocupes, ya que están almacenadas en el archivo wp-config.php. El código que estás buscando se parece a este:

Por ejemplo, en donde pone “nombredeusuario” estaría el nombre del usuario de base de datos, y donde pone “contraseña” la contraseña. Ahora tienes que acceder al panel de control phpMyAdmin, que está en la lista de opciones del panel de control Cpanel.

tutorial wordpress velocidad carga optimizar base de datos phpmyadmin

Accede a tu Cpanel y haz click en “phpMyAdmin”

tutorial wordpress velocidad carga optimizar base de datos phpmyadmin

Elige la base de datos que quieres optimizar o limpiar (mira en nombre en tu wp-config.php)

tutorial wordpress velocidad carga optimizar base de datos phpmyadmin

Haz click en la ficha SQL y escribe las consultas que quieras (aquí tienes unas cuantas) y, cuando hayas terminado, haz click en “Continuar”

Si terminas viendo un mensaje que dice que ninguna tabla se ha modificado, entonces felicidades, tus tablas ya estaban en buenas condiciones para esta tarea en particular. De todas formas, yo entiendo que esto no es fácil y que este tema puede sobrepasar a más de uno. Es por ello que te traigo una solución más fácil, para principiantes en el tema. Y esta solución no es otra que una serie de plugins que te permitirán hacer todo tipo de optimizaciones a la base de datos, sin ser un prodigio de las bases de datos.

Optimize Database Revisions

mejores plugins wordpress optimizar base de datos optimize database after deleting revisions
Gratis

Optimize Database After Deleting Revision es un plugin SEO de WordPress para bases de datos que sirve para limpiar y optimizar la base de datos de tu WordPress con tan solo un click. Este plugin destaca por eliminar revisiones de posts y páginas, elimina los posts enviados a la papelera, páginas y comentarios, borra comentarios spam, elimina las etiquetas que no uses, optimiza la tabla de la base de datos y optimiza la base de datos en general. Un plugin de limpieza y optimización.

Ir a Optimize Database Deleting Revisions

WP DBManager

mejores plugins wordpress optimizar base de datos wp dbmanager
Gratis

WP DBManager es un plugin SEO de WordPress para bases de datos que te permite gestionar de forma segura y sencilla la base de datos de tu sitio web. Este plugin te permite optimizar la base de datos, reparar la base de datos, hacer copias de seguridad de base de datos, restaurar la base de datos, eliminar la base de datos y ejecutar consultas personalizadas. Este plugin de WordPress soporta la programación automática de copias de seguridad.

Ir a WP DBManager

WP Optimize

mejores plugins wordpress optimizar base de datos wp optimize
Gratis | 1-2 Sitios Web ($39/Año) | 5 Sitios Web ($59/Año) | Ilimitado ($149/Año

WP Optimize es un plugin SEO de WordPress para bases de datos que optimiza la base de datos de tu sitio web con WordPress de una forma segura y en muy pocos pasos. Este plugin optimiza las bases de datos ejecutando comandos, eliminando revisiones de entradas, spam y comentarios no aprobados. Es esencial si no manejas manualmente la base de datos o ejecutas tus propios scripts de optimización. Además incluye funciones para cambiar el nombre de los usuarios.

Ir a WP Optimize

Por último, y para tratar tanto la limpieza de la base de datos como su posible sobrecarga, puedes utilizar una herramienta integrada en MySQL que se encarga de optimizar la base de datos de forma automática (Si conoces la desfragmentación del disco para los discos duros, es parecido). Sigue estos pasos a menudo y tu base de datos estará en perfectas condiciones para aguantar lo que la eches encima.

tutorial wordpress velocidad carga optimizar base de datos phpmyadmin

Accede a phpMyadmin, elige la base de datos, elige todos las tablas y optimizar la base de datos

tutorial wordpress velocidad carga optimizar base de datos phpmyadmin

El resultado es un informe de las tablas de la base de datos que se optimizado y las que no

#5.9 Optimiza las imágenes

Una parte de la optimización de la velocidad de carga de WordPress que se pasa por alto a menudo es la forma de gestionar las imágenes. Si simplemente siguieses unos simples pasos podrías conseguir, fácilmente, una mejora de la velocidad y, por ende, del posicionamiento web. Por ello debes tener bien presentes los siguientes plugins.

ganador 1

ShortPixel

mejores plugins seo wordpress posicionamiento web optimizar imagenes short pixel
Gratis | 10.000 Imágenes ($4,99/mes) | 24.000 Imágenes ($23,96/mes)| 110.000 Imágenes ($109,78/mes)

ShortPixel es un plugin SEO de WordPress para optimizar imágenes con el que puedes optimizar las imágenes de tu sitio web en WordPress desde una interfaz sencilla y fácil de usar. Este plugin destaca por tener una interfaz de administración sencilla que comprime todo tipo de formatos de imágenes, convierte los formatos, no hay límite de peso de imágenes, optimiza cualquier imagen de tu galería, es compatible con WP Retina 2X y funciona correctamente con WooCommerce.

Ir a ShortPixel
ganador 2

WP Smushit

mejores plugins seo wordpress posicionamiento web optimizar imagenes wp smushit
Gratis

WP Smushit es un plugin SEO de WordPress para optimizar imágenes que te permite optimizar las imágenes de tu web de muchas maneras para mejorar el rendimiento de tu web ya sea en lazy load, cambiando tamaños y comprimiéndolas para poder mejorar el tráfico de tu web y por ende tu posicionamiento SEO. Destaca por permitir optimizar hasta 50 imágenes a la vez pudiendo cambiar el tamaño al mismo tiempo, por detectar automáticamente las imágenes no optimizadas y por integrarse con Gutenberg.

Ir a WP Smushit
ganador 3

Imagify

mejores plugins seo wordpress posicionamiento web optimizar imagenes wp smushit
Lite 1GB ($4,99/mes) | Standard 5GB ($19,99/mes) | Enterprise 50GB ($69,99/mes)

Imagify es un plugin SEO de WordPress para optimizar imágenes con el que puedes optimizar imágenes de una forma sencilla en tan solo un click para tratar de hacer que el sitio web sea más eficiente. Este plugin se añadirá automáticamente a la interfaz principal de tu WordPress y desde ahí podrás optimizar las imágenes con el nivel de compresión que desees o volver a ponerlas en el tamaño anterior, también cambiar el tamaño y hacer las las imágenes para que se vean bien desde el móvil.

Ir a Imagify

Siempre que sea posible, lo mejor es tratar de automatizar la optimización de imágenes. Para que tengas una pequeña ayuda, voy a compartir contigo algunas de las herramientas de optimización de imágenes que suelo usar. Como normal general, ejecuta los optimizadores con más perdidas primero y después los que tienen menos pérdidas, así mejorarás el rendimiento. La mayoría de los desarrolladores se olvidan de que los optimizadores de imágenes optimizan un archivo en particular en vez de una imagen.

Nota: No tiene sentido optimizar el archivo de una imagen y luego cambiarla de tamaño, recortarla o cambiarla a otro formato, ya que todos los cambios realizados en ese archivo no habrán valido de nada y las optimizaciones se habrán perdido por el camino.

PNG

SVG

Nota: Te recomiendo encarecidamente que tengas jpegmini y tinypng siempre a mano.

#5.10 Desactiva el hotlinking

El hotlinking es quizás una de las prácticas más utilizadas y menos comprendidas por los bloggers. Aunque es una acción que no acelere tu sitio web directamente, sí que resta actividad a la carga del servidor, especialmente si tienes un sitio popular. Todos sabemos que “compartir es bueno“, que “hay que enlazar” y todas esas cosas que hacen que la web sea hipertextual, hasta ahí de acuerdo. El problema viene con las imágenes.

Cuando alguien usa una imagen tuya para ilustrar una publicación suya, si en vez de alojar la imagen en su servidor hace “hotlinking“, o sea, “Añadir … desde una URL“, algo que incluso tiene su pantalla al efecto en WordPress en el cargador de imágenes, está aumentando la carga de tu servidor sin saberlo (espero). Entonces ¿Cómo puedo evitar que alguien robe los recursos de tu servidor? Muy fácil, para evitar que la gente haga hotlinking en los contenidos multimedia de tu sitio web necesitas hacer algunos retoques al código del .htaccess.

Si lo prefieres, puedes utilizar la herramienta htaccesstools.com para generar el código necesario, que después puedas agregar al archivo .htaccess de tu instalación WordPress. Normalmente, tu hosting debería poder ayudarle con esto.

Nota: Una vez que evites el hotlinking, podrás estar seguro de que los recursos del servidor no se consumen en un sitio web que no sea el suyo propio.

#5.11 Habilita la compresión Gzip

Realizar esta acción puede traducirse en una enorme mejora de velocidad de carga. La compresión gzip se encarga de comprimir varios activos antes de enviarlos a tu navegador para la fase de interpretación. Es algo que ha de configurarse en el servidor. Basta con que añadas este código a tu archivo .htaccess.

La razón por la que esta acción ayuda tanto al tiempo de carga de tu sitio web es porque el CSS y el HTML utilizan gran cantidad de contenido repetido. Cuantos más tenga tu contenido, mejor se pueden comprimir. Un ejemplo un poco rudimentario, pero con el que estoy seguro de que te quedará clarísimo el trabajo de la compresión gzip: Si tienes “Nacho es impresionante” 100 veces en el código de tu sitio web, podrías sustituir ese texto con “12d” y ahorrarías mucho espacio. Esta es la esencia de cualquier compresión y cuantos más patrones tengas, mayor compresión podrás lograr.

#5.12 Elige un hosting de calidad

La elección de un buen hosting es todo un arte y si no conoces bien el medio, puede convertirse en una apuesta al azar y en un error a medio-largo plazo. Aunque es una opción que te ofrecía en el capítulo 3, porque mi deber es informarte de lo que hay en el mercado, mi primera recomendación es que no uses un alojamiento compartido. Si recuerdas lo que te explicaba más arriba, este tipo de servicios de hosting, aunque son más económicos (ya que cuestan alrededor de 4€/mes), su servicio no es fiable, ya que tienden a bajar su rendimiento debido al uso excesivo de recursos por parte de otros usuarios que están en el mismo espacio.

ganador 1

Kinsta

mejor hosting wordpress alojamiento web kinsta
Starter Pro ($30/mes) | Pro ($60/mes) | Business ($100/mes)

Kinsta es un proveedor de Wordpress que se encarga de gestionar tu sitio web, prestando su tecnología más avanzada y tomándose en serio tu soporte. Trabaja para ti y posee una serie de características avanzadas siendo un sitio rápido y simple que utiliza la plataforma de Google. Kinsta clava las tres S del hosting: velocidad, seguridad y soporte. Con Kinsta podrás administrar tus sitios mediante una de las formas más estables de alojamiento.

Ir a Kinsta
ganador 2

WP Engine

mejores paginas comprar plantillas plugin premium wordpress wpengine
Básico (desde 23€/AÑO) | Crecimiento(desde 89€/AÑO) | Escala (desde 225€/AÑO) | Personalizado

WP Engine es un servicio de alojamiento que hace que pases la mejor experiencia digital dando lugar a rapidez, experiencia y seguridad en tu Wordpress. Puedes publicar contenido ótimo gracias a su CMS de calidad mundial y a su experiencia digital que se caracteriza por proporcionar ayuda a plataformas como Google, AWS, Hubspot etc. Es importante destacar que este tipo de hosting está dirigido a usuarios de Wordpress con un nivel avanzado.

Ir a WPEngine
ganador 3

Flywheel

mejor hosting wordpress alojamiento web flywheel
Minúsculo (13€/mes) | Inicio (25€/mes) | Lanza libre (96€/mes)| Agencia (242€/mes)

Flywheel es un proveedor de hosting que está diseñado para cada una de las etapas de tu agencia y, por eso, sus planes se adaptan a tus necesidades. Puedes agregar SSL gratis y DNS, restaurar copias de seguridad nocturna, transferir la factura de los clientes, colaborar con compañeros de trabajo e incluso administrar uno o cien sitios. Posee una velocidad ultrarápida dando lugar a un rendimiento y almacenamiento en caché administrado.

Ir a Flywheel

Muchas veces se tiende a contratarlos por gastar lo menos posible, pero te advierto que es un error, porque traen más problemas que beneficios. Pagando un poco más tendrás un servicio de mucha más calidad, que mejorará la velocidad de carga de tu sitio web y su posicionamiento web (que es de lo que se trata). Si lo piensas, pagar de 20€ a 40€ al mes no es tanto. Si lo piensas, en el caso intermedio en 1€ al día, que no supone ningún desfalco bancario. Desde mi experiencia, te sugiero que no uses un alojamiento compartido a menos que sea absolutamente necesario o que no puedas permitirte un hosting de más calidad.

Asimismo, tampoco recomiendo contratar un alojamiento dedicado. Aunque es la mejor opción a nivel de rendimiento, necesitas amplios conocimientos para gestionarlo correctamente. Si lo contratas sin esos conocimientos, no vas a saber administrarlo y estarás totalmente perdido, sin poder sacarlo su potencial. Si tienes un sitio web tan popular y tiene tanto tráfico que necesita servidores dedicados, probablemente es el momento de contratar a alguien que sepa todo sobre su tecnología.

Básicamente sólo te queda 1 opción, y esa no es otra que el VPS. Si buscas bien puedes llegar a contratar un plan por 12€/mes, pero siempre depende de las empresas que ofrecen este tipo de servicios, por lo que te toca mirar detenidamente las características del servicio. En general, suelen costar alrededor entre 20€ y 50€ al mes. Los servidores VPS están (prácticamente) libres del “efecto vecino”, y también ofrecen más recursos y, con frecuencia, servicios adicionales como copias de seguridad, actualizaciones automáticas y mucho más.

Otra opción es un servicio de hosting administrado especializado en WordPress. Este tipo de alojamiento ofrece se centra más en una instalación WordPress. En un VPS como los de antes puedes ejecutar cualquier aplicación que te guste, pero un alojamiento pensado 100% para WordPress, tan sólo debería permitirte instalar y ejecutar todo lo que tenga que ver con WordPress.

Como resultado, los servidores se construyen específicamente pensando en WordPress, con ciertas características que harán que tu página web o blog cargue muy rápido, ya que suelen venir, por ejemplo, con un sistema de almacenamiento en caché a nivel de servidor instalado y configurado y otras muchas ventajas. En definitiva, si el hosting especializado en WordPress, si está bien gestionado, puede llegar incluso a desactivar algunos plugins y temas que puedan estar ralentizando tu WordPress o estén dando problemas de seguridad.

#5.13 Monitoriza tu sitio web

Monitorizar o hacer un seguimiento a tu sitio web no va a mejorar su tiempo de carga, pero te avisará cuando algo vaya mal y podrás solucionarlo a tiempo y con garantías, evitando perdidas de velocidad con el tiempo. Además, reaccionar a un problema de velocidad de carga antes de que llegue a ser notable es una gran manera de retener a tus usuarios.

ganador 1

GTmetrix

mejores herramientas medir velocidad carga pagina web gratis pago gt metrix
Gratis | Solo ($10/Mes) | Estándar ($20/Mes) | Crecimiento ($40/Mes)

GT Metrix es una herramienta muy eficiente para medir la velocidad de una página web. Muestra de manera porcentual el impacto de cada error en un espacio y su correspondiente solución de forma detallada para que su corrección sea sencilla. La herramienta utiliza la tecnología de Google Page Speed y Yahoo! YSlow para ver el comportamiento de la web en parámetros JavaScript, CSS, Solicitudes HTTP, Búsquedas de DNS… Destaca también por su capacidad para llevar a cabo comparaciones con otros espacios de la competencia.

Ir a GTMetrix
ganador 2

Google PageSpeed Insights

mejores herramientas medir velocidad carga pagina web gratis pago google pagespeed insights
Gratis

Google Page Speed Insights es una herramienta para medir la velocidad de carga de un sitio web creada por la empresa de Google. El servidor mide de 0 a 100 la velocidad de la página e indica, por orden de prioridad, los aspectos a mejorar. La principal ventaja de esta herramienta es que ofrece la información tanto para ordenador como para móvil debido al incremento de la navegación a través del último. Si utilizas el servicio de herramientas para webmasters, hay una versión reducida donde verás la calificación general y una comparación con el resto de sites que integran en Google.

Ir a Google Page Speed Insights
ganador 3

Pingdom

mejores herramientas medir velocidad carga pagina web gratis pago pingdom
Gratis | Monitoreo Sintético (8.33 /Mes) | Monitoreo Real (8.33 €/Mes)

Pingdom es una herramienta diseñada para medir la velocidad de carga de un sitio web que se caracteriza por su eficiencia y su óptimo rendimiento. El servidor analiza los elementos de una página web a través del código HTML (servidor capaz de detectar imágenes, CSS, Javascripts, RSS, Flash y frames/iframes) e imita el modo en el que funcionaría un espacio sin elementos pesados. Solamente es necesario introducir la URL y hacer clic en “Test now!” para obtener un análisis detallado de elementos destacados como, por ejemplo, la salud DNS, ping y traceroute.

Ir a Pingdom
Herramientas para medir la velocidad de carga web

#6 Pasos avanzados para mejorar la velocidad de carga de tu web

A los desarrolladores web les gusta culpar a los usuarios o propietarios de que la velocidad de un sitio web no sea todo lo rápida que debería. Hay, por supuesto, algo de verdad en esto, pero creo que muchos de esos desarrolladores escriben código, que es similar a mentir por omitir. Según ellos, técnicamente, el código no es defectuoso, no contiene errores y no ralentiza la carga del sitio web. Sin embargo, tampoco hacen mucho para mejorar esa velocidad o asegurarse de que se mantiene óptima en el tiempo. No suele haber ninguna maldad detrás de estas afirmaciones, tan sólo se trata de cómo ha sido desarrollado gran parte del código.

En esta parte de la guía voy a explicarte, ya seas desarrollador o no, algunas de las cosas que puedes hacer para asegurarte de que el sitio web funcione sin problemas y mantener a raya el rendimiento decreciente el mayor tiempo posible.

#6.1 Conoce las herramientas

Aunque pueda parecer una tarea sencilla, pocos desarrolladores entienden realmente su significado. No existe manera humana de saberlo todo acerca de algo tan grande como WordPress. Lo que sí que puedes hacer es detectar señales cuándo realizas la investigación. En pocas palabras: conocer tu oficio y seguir aprendiendo (de manera continua). Por ejemplo, ¿Alguna vez has tenido que sacar un gran número de metadatos para un post en particular? ¿Tal vez usando “get_post_meta ()” 20 veces se puede aproximar? Puede llegar a pensar que esto es un desperdicio, ya que estamos haciendo 20 solicitudes a la base de datos. He visto a personas utilizar la clase WPDB para obtener directamente todos los metadatos del post y funciones de matriz para reorganizar y conseguir esos metadatos. Aunque la intención es buena, está completamente fuera de lugar.

La primera vez que utilizas “get_post_meta ()” saca todos los metadatos por sí mismo y los almacena en caché. Las siguientes llamadas a un mismo post utilizarán los datos almacenados en caché, no a la base de datos. Antes de tomar cualquier decisión como la del ejemplo, asegúrate de consultar el Codex de WordPress y leer ampliamente sobre los acciones que vayas a llevar a cabo.

#6.2 Reduce solicitudes

Aquí voy de nuevo con el tema de las solicitudes, pero esta vez como desarrollador. Si la plantilla o plugins que utilizas en tu instalación de WordPress necesita kilómetros de Javascript y CSS, por favor, usa la concatenación. Personalmente, me gusta desplegar mis scripts y estilos en muchos archivos porque esto es mejor para el desarrollo. Para este trabajo, uso herramientas como Gulp, que me permite concatenar automáticamente todos los archivos. Esto, por lo general, se traduce en 1 hoja de estilo y 1 hoja de Javascript en lugar de docenas. La velocidad de la página web o blog lo va a notar mucho.

#6.3 Utiliza sprites

Otra herramienta que tienes a tu disposición y que es determinante son los sprites. Los sprites no son más que imágenes concatenadas. Por ejemplo, en lugar de cargar todos los iconos sociales por separado, se pueden combinar en una sola imagen y utilizar esa imagen como fondo, colocándola de una manera precisa para que sólo sea visible lo que necesitas. Twitter, por ejemplo, utiliza sprites, y se une a muchos más sitios web de gran tamaño que quieren ofrecer este tipo de propiedades user-friendly. En este sentido puedes usar Sprite PadSprite Me, ambos son herramientas perfectas para ayudarte a crear sprites de tu CSS. Cuando necesito crear un sprite suelo utilizar Stitches, una herramienta que te recomiendo, ya que te permite subir imágenes y las organizar y genera los estilos de forma automática.

Nota: Aunque los sprites del CSS son útiles, no son esenciales.

#6.4 Minifica los archivos

La concatenación y la minificación suelen ir mano a mano. Una vez que tengas los archivos finales del proyecto web es un buen momento para hacerlos los más pequeños (y ligeros) posible. Después de todo, tu navegador no necesita todos esos amables comentarios, espacios, saltos de línea, sangrías, ya que sigue siendo igual de feliz con una masa de código ilegible. También puedes usar Gulp para esta acción, pero hay muchas otras herramientas como Grunt y herramientas web para tareas específicas como la optimización de imágenes, minimización, etc.

#6.5 Carga los scripts en el footer

A menos que sea absolutamente necesario utilizar un script en el encabezamiento (header.php), asegúrate de que se carga en el pie de página (footer.php). Cuando utilices la función wp_enqueue_script () establece el quinto parámetro en true para poder cargar el script (secuencia de comandos) en el pie de página. Esto aumentará la velocidad aparente del sitio web. No disminuye el némero de solicitudes o el tamaño de los archivos, pero hace que el contenido más importante se cargue en primer lugar.

Nota: Si un script no funcionase correctamente, por la razón que sea, no impedirá que el contenido se cargue correctamente.

#6.6 Priorizar el contenido

También se puede dar prioridad a otro tipo de contenido, al igual que hacemos colocando los scripts en el pie de página. Por ejemplo, si el sidebar (barra lateral) contiene información relacionada, pero contenido que no es esencial (que probablemente debería serlo) puedes hacer que se cargue más tarde que el contenido principal. Esto no es siempre una buena opción, pero si te centras en cargar el contenido más importante cuanto antes, se va a traducir en un sitio web con una mejor apariencia en la rapidez de carga y que también posicionará mejor en Google.

#6.7 Deshabilita pingbacks y trackbacks

Los trackbacks y pingbacks de WordPress se utilizan para hacerte saber que alguien ha enlazado tu sitio web desde otra página web o blog. Los trackbacks son manuales y los pingbacks automáticos, y ambos terminan en la lista de moderación de tus comentarios. He de avisarte que, prácticamente, el 99% de todos los trackbacks y pingbacks son spam. De hecho, si empiezas recibir demasiados, la velocidad de carga de tu sitio web puede verse afectada. Para deshabilitarlos, dirígete a “Ajustes> Comentarios“, bajo predeterminado ajustes Artículo desactivar los pingbacks y trackbacks.

tutorial wordpress velocidad carga desactivar pingbacks trackbacks

Dirígete a “Ajustes> Comentarios” y desactiva la opción “

Nota: Siempre puedes utilizar el plugin WP SpamShield Anti-Spam para mantener a raya el spam.

#6.8 Utiliza tamaños apropiados de imagen

Cuando utilizas imágenes en tu instalación WordPress, este te permite especificar el tamaño de la imagen. Lo normal es que sepas lo grandes que van a ser las imágenes destacadas, los iconos, las miniatura, los avatares, etc. Si utilizas la funciónm add_image_size () puedes especificar el tamaño de esas imágenes. Esto significa que, cada vez que se carga una imagen, WordPress va a crear una copia de esa misma imagen en el tamaño que hayas establecido. Por ejemplo, si necesitas una imagen de 600×320px, deberíamos crear una imagen de ese tamaño exacto por 2 razones:

  1. Si creas una imagen más grande perderás ancho de banda y la velocidad de carga empeorará
  2. El hecho de cambiar el tamaño de una imagen, tanto si es más grande o más pequeña, requiere poder de procesamiento y disminuye la calidad de la imagen

tutorial wordpress velocidad carga ajustes tamaño imagenes

Dirígete a “Ajustes > Medios” y controla las dimensiones de las copias de las imágenes que crea WordPress

#6.9 Reduce y optimiza el número de consultas

Las consultas a la bases de datos pueden propiciar un empeoramiento significativo de la velocidad de carga debido, principalmente, al uso de la memoria. He trabajado en más de un proyecto donde se cayó el servidor tantas veces (debido a las consultas defectuosas) que el hosting llegó a desabilitar el sitio web temporalmente. Hay dos puntos a tener en cuenta aquí. Por un lado disminuir las consultas y, por otro, optimizarlas. Eso sí, no me refiero a la optimización que te he explicado en la sección de los pasos básicos. En este caso una optimización puede suponer aumentar (en vez de reducir) el número de consultas para sustituir un recurso que tenga un alto consumo.

En primer lugar, en WordPress evita consultas sin procesar a la base de datos. Hay cientos de funciones a tu disposición para conseguirlo, ya sean entradas, comentarios, taxonomías personalizadas o metadatos. Si necesitas escribir una consulta personalizada, asegúrate de usar la clase WPDB para una seguridad y eficiencia máxima. Trate de evitar la unión de tablas y otras cosas complejas ya que, en muchos casos, es mejor usar dos consultas individuales (que serán mucho más rápidas).

Existen un montón de herramientas para averiguar si todas las consultas que se ejecutan durante una petición y si están bien escritas. Para ello te recomiendo utilizar el plugin Query Monitor, añadir “define(‘SAVEQUERIES’, true)” a tu archivo de configuración (wp-config.php) y obtener todas las consultas a través de “$wpdb->queries“. También tienes la opción de añadir al log las consultas MySQL más lentas. Esto suele estar activo en la mayoría de los hosting, aunque siempre puedes hacerlo tu mismo o pedir al servicio de soporte que lo haga por ti. Puede encontrar más información sobre este tema en la web de MySQL.

#6.10 Coloca el CSS arriba y el Javascript abajo

Las referencias del CSS deben ir en la parte superior derecha. Los navegadores no cargarán el contenido antes de haber leído el archivo CSS. De otro modo, podrías hacer que tu página se viese, durante unos segundos, sin estilos (un horror, te lo aseguro) y sin una carga progresiva. Si no me haces caso y colocas el archivo CSS cerca del final, el navegador tiene que volver a dibujar todos los elementos de tu sitio web, el cual acabará ralentizando el tiempo de carga.

El JS (o Javascript) es relegado a la última posición, ya que evita la carga en paralelo en el navegador, lo que significa que es la única cosa que se carga. Además, la carga progresiva se bloquea si hay un script por encima del contenido. Para asegurar que todo el contenido se cargue de forma progresiva tienes que poner los scripts al final. Seguro que alguno esta pensando en los plugins gratuitos de caché, pero ya te digo que ellos tampoco logran hacer esto correctamente. Para ello puedes utilizar uno de esos plugins de caché junto con Autoptimize. De todas maneras, te aviso que, a veces, las cosas tienden a romperse y no aconsejaría esta opción a alguien que no sea capaz de meterse en un servidor a arreglar un problema. Si prefieres que lo hagan por ti, prueba WPRocket.

#6.11 Utiliza hooks de activación, desactivación y desinstalación

Muchas de las cosas que hace un plugin, en realidad no es necesario hacerlas en cada petición: Crear funciones adicionales, regenerar reglas de reescritura, añadir tablas personalizadas a la base de datos, etc son sólo algunas de ellas. Mi consejo es que las unas en una función de activación, que sólo se ejecutará cuando se active el plugin. Esto reduce el procesamiento, lo que permitirá una mejora de la velocidad de carga.

Por otra parte, debes asegurarte de eliminarlas cuando se desactiven y retirar por completo algunos de sus componentes, utilizando hooks desactivación y desinstalación. Esto ayuda a que la base de datos de WordPress permanezca virgen, lo que retrasa el momento en que se ralentizará debido al exceso de recursos. Cuando esto sucede, lo que a veces es inevitable, una simple optimización será suficiente para hacer que las cosas vuelvan a funcionar de nuevo.

#6.12 Utiliza plugins sociales ligeros

Los botones sociales para permitir compatir tu contenido en las redes sociales son imprescindibles para cualquier sitio web y deberían formar una parte importante de cualquier estrategia de marketing online. Sin embargo, a veces, los propietarios o desarrolladores del sitio web no lo piensan bien e implementan demasiadas opciones, lo que no sólo molesta a los usuarios, sino que ralentiza la web. Mi consejo personal con este tipo de plugins para compartir en los medios sociales es que sea lo más sencillo posible. Aquí te dejo mis plugins favoritos.

ganador 1

Easy Social Share Buttons

mejores plugins wordpress call to action easy social share buttons wordpress
$19 (1 SITIO WEB)

Easy Social Share Buttons es uno de los plugins premium de Wordress para implementar botones sociales más completos y recomendables. Además se trata de uno de los más populares y descargados. Tiene una capacidad de configuración muy grande, pudiendo configurar los botones de compartir de prácticamente todas las redes sociales tal y como los quieres, desde su color hasta su forma.

Ir a Easy Social Share Buttons
ganador 2

Monarch

mejores plugins wordpress redes sociales botones stream iniciar sesion compartir automaticamente monarch
Gratis

Monarch es uno de los plugins de social media más populares para WordPress .Este plugin da una solución a tus usuarios para que compartan tu contenido en sus diferentes redes sociales. Ofrece varios diseños diferentes para los botones de compartir así como también el posicionamiento de estos. Este tema viene con una interfaz muy útil y fácil de usar y personalizable.

Ir a Monarch
ganador 3

Social Warfare

mejores plugins wordpress redes sociales botones stream iniciar sesion compartir automaticamente social warfare
Gratis / Single Site $29 / 5 Sites $89 / Unlimited $349

Social Warfare es un plugin para WordPress que te resultará muy adecuado.  Con este plugin podrás añadir botones atractivos y sencillos de entender a tu blog, hace que compartir tu contenido en las redes sociales sea muy fácil para tus visitas. En resumidas cuentas, es otro plugin que trata de englobar todas las funciones posibles y además tiene una versión gratuita bastante buena y otra de pago muy completa.

Ir a Social Warfare

El plugin Floating Social Bar, por ejemplo, no se carga hasta que el usuario realmente mueve el cursor sobre el botón de acción social (el cual es una réplica). Social Sharing by Danny tiene un tamaño de 50 KB, el cual es increíblemente bajo y hace que todo vaya mucho más rápido. Por último, el plugin Easy Social Share Buttons, aunque no es nada ligero, es el que yo uso debido a la larga lista de opciones que ofrece (entre ellas, muchas de las que hemos visto en esta guía), ya que no todo es optimizar, también hay que pensar en los usuarios.

#6.13 Aprende y edúcate a ti mismo

Sí, es cierto que, tanto los clientes, como los usuarios en general, hacen sus propios sitios web lentos, pero es más un factor para educarles y enseñarles. Por ejemplo, crear documentación para el usuario final puede ayudar a que el sitio web siga siendo rápido, además de que aumenta la satisfacción del cliente e incluso la reducción de la carga de trabajo en el largo plazo. Céntrate, específicamente, en aquellos aspectos que pueden causar problemas, tales como el uso adecuado de los plugins, no instalar 24 herramientas de analítica a la vez (muy habitual), etc.

Conclusión: Optimiza WordPress y mejora su velocidad de carga y rendimiento

Son muchas las ventajas de tener una página web o blog optimizada y con una velocidad de carga rápida, no sólo porque podrás mejorar tus estadísticas haciendo que los usuarios se sientan cómodos permaneciendo en tu sitio web, sino que además mejorarás tu posicionamiento web al ser mejor valorado por Google. So lo miramos desde la perspectiva del marketing, tener un sitio web que cuyo funcionamiento sea eficiente es una buena forma de potenciar la imagen de tu marca y mejorar tu credibilidad. Y por si eso fuera poco, cachear tus páginas es también muy eficaz a la hora de liberar recursos en tu servidor.

De todas maneras me gustaría hacer hincapié, aunque ya lo habrás observado a lo largo de la guía, que, aunque una velocidad de carga óptima es muy importante, no lo es todo. Si lo llevásemos al extremo, también podrías eliminar las imágenes por completo (porque ocupan mucho espacio y ralentizan la carga) y no utilizar estilos y JavaScript. Esto podría reducir el tiempo de carga varios milisegundos, pero ¿Te ayudaría a algo que a ganar una carrera de velocidad? Ten siempre en cuenta cuál es el objetivo de tu sitio web.

mejorar velocidad de carga wordpress analisis gtmetrix

Análisis en GTmetrix del dominio ignaciosantiago.com

Mi blog de marketing online saca una nota bastante buena, pero no la mejor. Y eso que tengo un servidor dedicado, con un sistema de cache con varnish implementado, a lo que hay que añadir un CDN en MaxCDN  y Amazon Cloudfront (en el futuro sólo el segundo). Aún así la velocidad se resiente ¿Por qué? Muy fácil, porque hay otras cosas que son claves para mí. Por ejemplo, en mi página web yo utilizo un plugin de botones sociales (Easy Social Share Buttons), que no es recomendable si llevamos al extremo esta tipo de optimización, pero yo necesito una solución que me permita configurar, a medida, cada una de las redes sociales.

Te puedo decir mil cosas más, pero el objetivo va a ser el mismo: usar lo que realmente necesites tu pero, sobretodo, tus usuarios. Al fin y al cabo tu sitio web se dirige a una audiencia, y es en ella en quien tienes que fijarte para poner o quitar ciertos elementos. Prueba a preguntar a tus lectores si el nuevo popup o la nueva opción para hacer lo que sea les gusta, te sorprenderás. A lo mejor te das cuenta de que estás ofreciendo cosas que no hacen falta, y puedes invertir tiempo y esfuerzo en añadir otras opciones.

Si necesitas alguna opción o plugin en tu instalación WordPress que es crítica para tu sitio web y esta ralentiza el tiempo de carga, busca otra opción o trabaja en mejorar la que tienes.

Si sigues mi guía para mejorar la velocidad de carga de Worpdress, pagarás menos costes de alojamiento y este estará mejor optimizado. Al fin y al cabo, lo que persigo es que tengas una instalación limpia, rápida y segura. Lo demás casi viene sólo. Espero que te haya gustado mi guía y que la recomiendes a tus amigos y familiares. Me ha costado mucho tiempo hacerla, pero ha merecido la pena cada minuto que he invertido. Por último, como entiendo que puede quedarte alguna duda o pregunta, por favor, baja un poco más y deja tu comentario, estaré encantado de atenderlo.

¿Te ha gustado el contenido?

Puntuación media 5 / 5. Votos: 567

¡Todavía no hay votos! Sé el primero en valorar el contenido.

Volver al anterior capítulo
Ir al siguiente capítulo
Esta guía también te puede interesar
como crear un blog con wordpress

¿Sientes curiosidad o interés por iniciar tu propio blog? No es ningún secreto que las bitácoras ocupan buena parte de la red, dejando claro que la generación de contenidos puede generar tráfico, relevancia e ingresos. Hacer un blog que sea, a la vez, tu identidad digital y un escaparate es algo que hay que tomarse muy en serio. Este tutorial te explica, paso a paso, cómo crear, diseñar, gestionar, optimizar y rentabilizar un blog.

Ir a la guía

¿Te ha gustado? Comparte el contenido

¡Es tu turno! Deja tu comentario y opina

Suscríbete y estate al día en marketing digital

Únete a más de 50.000 personas que, aparte de recibir los primeros todas las actualizaciones del blog e importantes descuentos en herramientas, tienen acceso gratuito a todos nuestros contenidos.

Vale, me apunto
servicios marketing digital diseño web wordpress seo fondo
servicios marketing digital diseño web wordpress seo fondo
Suscríbete y estate al día en marketing digital

Únete a más de 50.000 personas que, aparte de recibir los primeros todas las actualizaciones del blog e importantes descuentos en herramientas, tienen acceso gratuito a todos nuestros contenidos.

Vale, me apunto