Albert Gil López | ¡Fuera los plugins! Bueno, tal vez alguno...

Una de las últimas incidencias que me ha llevado más de una y dos horas solucionarla ha sido causada por uno de los plugins de WordPress. Como bien sabes, y si además ya has utilizado este gestor de contenidos y trabajas con él, los plugins son una parte imprescindible que nos ofrecen funcionalidades muy interesantes, tanto para el desarrollo como para poder sacarle el máximo de potencial a nuestro sitio.

Cierto es, también, que caemos en el error de masificar nuestro blog o página web con multitud de ellos. Este hecho es el principal causante de algunos de los problemas que nos podemos encontrar y que afectan a la velocidad de carga de nuestra web, penalizando nuestro sitio y perdiendo posibles lectores o clientes potenciales. Total, ¡un drama!

En este artículo me gustaría explicarte por qué no es necesario inundar nuestro blog o página web con todos los plugins del mundo, pensado así que eso hará más atractivo nuestro sitio y mejorará su rendimiento. Todo lo contrario, muchas veces nos dejamos cautivar por un título que nos llama la atención: ‘5 plugins imprescindibles para tu página web’, ‘Optimiza tu sitio para obtener el máximo rendimiento’ o ‘El plugin de oro para reducir la velocidad de carga’. Nos emocionamos y los instalamos todos. Te sugiero, antes de nada, que si lo vas a hacer realices una copia de seguridad de tu web para evitar perder todo el contenido en caso de que algo salga mal. Algunos plugins cuando se combinan no funcionan correctamente.

Albert Gil López | ¡Fuera los plugins! Bueno, tal vez alguno...

Mi objetivo con este artículo es que seas tú mismo/a quien decida con que plugins puedes aprovechar al máximo tu página web y ofrecerte una alternativa, ya que podemos prescindir de muchos de ellos remangándonos y modificando algunas líneas de código de los archivos de WordPress. ¡No te preocupes! Es mucho más sencillo de lo que crees. El listado de plugins que yo utilizo en mis páginas web es el siguiente:

  • Akismet Anti-Spam
  • Broken Link Checker
  • Contact Form 7
  • Dropbox Backup & Restore
  • EWWW Image Optimizer
  • Maintenance
  • Remove Query Strings From Static Resources
  • WP-Optimize
  • WPBakery Visual Composer / Live Composer
  • Yoast SEO

Seguidamente los analizaremos y veremos qué resultados y mejoras ofrecen a nuestra web.

AKISMET ANTI-SPAM

Akismet comprueba los comentarios que se realizan en nuestro sitio con el web service de Akismet para saber si son spam o no y te permite revisarlos en la sección de comentarios desde el panel de administrador / o el escritorio de la página. Las principales características que incluye Akismet:

  • Comprueba automáticamente todos los comentarios y filtra los que parecen spam.
  • Cada comentario tiene un historial, por lo tanto puedes fácilmente ver qué comentarios fueron detectados o eliminados por Akismet.
  • Las URLs se muestran en el cuerpo del comentario para desvelar enlaces ocultos o incorrectos.
  • Los administradores pueden ver el número de comentarios aprobados por cada usuario.
  • Una función que descarta, totalmente, el peor spam, ahorrándote espacio en el disco y acelerando las actualizaciones del sitio.

Necesitarás una clave de la API para usarlo. Las claves son gratuitas para los blogs personales. Hay también suscripciones de pago disponibles para empresas y sitios comerciales. Tienes más información en su sitio web: https://akismet.com/

BROKEN LINK CHECKER

Este plugin lo descubrí hace poco y es muy útil para monitorizar el blog o la página web buscando enlaces rotos de todo el sitio (publicaciones, comentarios, etc.). Además, te indica de cual se trata. Algunas de las características que ofrece son las siguientes:

  • Monitorización de enlaces en publicaciones, páginas, comentarios, el blogroll y campos personalizados.
  • Detecta enlaces que no funcionan, imágenes perdidas y redirecciones.
  • Notificaciones a través del panel de control o por correo electrónico.
  • Hace que los enlaces rotos se muestren de forma diferente en los mensajes.
  • Evita que los motores de búsqueda sigan enlaces rotos.
  • Puede buscar y filtrar enlaces por URL o texto.
  • Edición de enlaces directamente desde la página del complemento, sin actualizar manualmente cada publicación.

Una vez instalado, el complemento comenzará a analizar tus publicaciones, marcadores y otros contenidos buscando enlaces. Dependiendo del tamaño de tu página web esto puede tomar más o menos tiempo. Cuando se complete el análisis, el plugin comenzará a revisar cada enlace para ver si funciona. Una vez más, esto durará en función del tamaño del sitio. En el directorio de plugins de WordPress puedes ampliar más información: https://es.wordpress.org/plugins/broken-link-checker/

Albert Gil López | ¡Fuera los plugins! Bueno, tal vez alguno...

CONTACT FORM 7

Este plugins seguro que lo conocéis. Se trata de un complemento que nos facilita la función de crear un formulario de contacto, permitiéndonos gestionar múltiples de ellos. Además, se pueden personalizar completamente, así como el contenido de los correos electrónicos: https://es.wordpress.org/plugins/contact-form-7/

DROPBOX BACKUP & RESTORE

Siempre es interesante contar con un plugin para realizar copias de seguridad y contar con un respaldo en caso de perdida de información. En este caso, yo utilizo Dropbox Backup & Restore, el cual me permite conectar WordPress a DropBox (también se pueden realizar en local) y tener un punto de restauración en el caso qué lo necesite: https://es.wordpress.org/plugins/dropbox-backup/

EWWW IMAGE OPTIMIZER

EWWW Image Optimizer es un complemento de WordPress que optimiza automáticamente imágenes a medida que las cargas en tu sitio. Si lo instalas una vez ya las has subido no te preocupes. Se puede realizar un análisis de todas las imágenes de la web y convertirlas automáticamente al formato de archivo que generará el tamaño de imagen más pequeño y, opcionalmente, aplicar compresión con pérdida para lograr grandes ahorros para imágenes PNG y JPG. Esta opción la tengo deshabilitada.

Sí que he notado una gran diferencia en la reducción de tamaño de las imágenes de mis sitios web, pero aplicar compresión con perdida reduce la calidad de las mismas provocando que no se vean bien. El objetivo principal de utilizar este complemento es que tu blog o página web cargue más rápido. El tamaño de imagen más pequeño significa una carga de página más rápida. Esto provocará que nuestros lectores y/o clientes potenciales no se cansen esperando a qué cargue la página y la abandonen, un hecho que nos penaliza en términos de SEO y posicionamiento orgánico.

Es necesario destacar que este plugin se puede instalar de manera gratuita pero la utilización del servicio es de pago. Es cierto que se trata de un precio muy asequible (por 330 imágenes nos cobran $0.99). Puedes hacer tú propio presupuesto aquí: https://ewww.io/plans/

Albert Gil López | ¡Fuera los plugins! Bueno, tal vez alguno...

MAINTENANCE

Tener un complemento de mantenimiento nos permite cerrar nuestro sitio web para el mantenimiento. Habilitar “503 Servicio temporalmente no disponible”, establecer una página temporal con autorización (editable a través de la configuración del complemento) son algunas de las opciones disponibles: https://es.wordpress.org/plugins/maintenance/

La diferencia respecto de otros que he utilizado es que es muy fácil de personalizar y tiene un buen aspecto en todos los dispositivos (responsive). ¡Si vamos a tener nuestra página cerrada o en mantenimiento al menos tenemos que dar una buena imagen!

REMOVE QUERY STRINGS STATIC RESOURCES

Si realizáis algún análisis con herramientas que miden e indican aspectos a mejorar de nuestra página web, como puede ser el reducir el tamaño de los archivos de  código HTML, CSS o JS, realizar compresión GZIP u optimizar imágenes, seguro que también os habéis encontrado con una característica a mejorar que es la eliminación de las query strings o cadenas de consulta de recursos estáticos como archivos CSS y JS. Este plugin las elimina y mejora la velocidad de carga de nuestra página web.

Los recursos con un “?” O “&” en la URL no son almacenados en caché por algunos servidores proxy de almacenamiento en caché, por lo que no nos interesa tener esos parámetros en nuestras direcciones. ¡Son consultas que hacen que nuestra página vaya más lenta! Mover las cadenas de caracteres y codificar los parámetros incrementará el rendimiento de nuestro sitio de manera significativa: https://es.wordpress.org/plugins/remove-query-strings-from-static-resources/

WP-OPTIMIZE

WP-Optimize es una herramienta eficaz para limpiar automáticamente la base de datos (BD) de WordPress y que funcione con la máxima eficiencia. Básicamente, elimina todo lo innecesario, por ejemplo, comentarios desechados / no aprobados / spam, datos obsoletos) más pingbacks, trackbacks y opciones transitorias caducadas. También se puede programar para que realice una limpieza automática semanal, o el cuándo nosotros le indiquemos. Nos muestra estadísticas de la BD y los ahorros potenciales. Además, la interfaz es muy amigable y fácil de usar.

Este mantenimiento es necesario porqué las tablas en MySQL (la BD que usa WordPress), con el tiempo, se vuelven ineficientes a medida que se agregan, eliminan o se mueven los datos. Utilizar WP-Optimize  optimiza las tablas y mantiene el sitio al máximo rendimiento: https://es.wordpress.org/plugins/wp-optimize/

WPBAKERY VISUAL COMPOSER / LIVE COMPOSER

Construir un sitio web y administrar fácilmente el contenido con WordPress no sería tan sencillo sin la funcionalidad que nos ofrece WPBakery Visual Composer o Live Composer (otro complemento gratuito). No necesitas ningún conocimiento de programación y lograrás crear diseños web únicos mediante la tecnología Drag&Drop. Además, son muy útiles ya que funcionan con cualquier tema de WordPress. Os animo a probarlos si queréis conseguir modelos bien estructurados y un diseño profesional: https://vc.wpbakery.com/

YOAST SEO

Por último, y aunque WordPress y a es de por sí una plataforma bastante buena técnicamente para el SEO (Puedes leer el artículo original de Joost acerca de WordPress SEO en 2008, actualizado cada pocos meses), no significa que no podamos mejorarlo.

El complemento nos ayudará a escribir mejor contenido. Nos forzará a elegir una palabra clave objetivo para garantizar que la utilizamos en todo el artículo y generemos contenido que le encante a los motores de búsqueda. Con el plugin Yoast SEO puedes controlar en qué páginas de Google se muestran resultados de búsqueda y en cuáles no. Además, tiene otras funcionalidades en cuanto a elementos meta y enlaces, mapas del sitio XML, optimización de RRSS, migas de pan o integración social, entre otra.

Dispone de una versión de pago que amplía características y aumenta estas y otras funcionalidades: https://es.wordpress.org/plugins/wordpress-seo/

Albert Gil López | ¡Fuera los plugins! Bueno, tal vez alguno...


Mientras hablábamos a lo mejor os habéis fijado que muchos de estos plugins no los necesitamos las 24h. Complementos como Broken Link Checker, Dropbox Backup & Restore, EWWW Image Optimizer, Maintenance o WP-Optimize podemos activarlos cuando realmente nos hagan falta. Así, cuando no los utilices mantenlos desactivados. Es una forma de evitar el procesamiento en backend de información innecesaria que nos ayudará a mejorar la velocidad de carga de nuestra página web.

Por otro lado, quería provechar para comentarte que he dejado de utilizar JETPACK. Analizando más a fondo vi que generaba unas redirecciones que lo único que hacían era incrementar el tiempo de respuesta de mis páginas web y que lo único que me aportaba eran una serie de características que podía cubrir con otros plugins como estos:

  • TWITTER. Lo utilizo para mostrar los últimos tweets de la cuenta.
  • FACEBOOK WIDGET. Muestro la página de Facebook asociada a la web.
  • INSTAGRAM FEED. Incrustar el perfil de Instagram con las últimas imágenes.
  • SHARE BUTTONS BY ADDTHIS. Sistema para compartir el contenido en RRSS.
  • DISQUS COMMENT SYSTEM. Útil sistema de comentarios muy completo para remplazar el estándar de WordPress.
  • MAILCHIMP PARA WORDPRESS. Conexión mediante la API de MailChimp para incrementar el número de suscritores a mi lista de newsletter.

De todos modos, estos plugins que hemos visto no son los únicos que he utilizado, pero sí que es una lista bastante resumida de los que mejor me han funcionado en los diferentes sitios web que he creado y actualmente administro. Hay, como sabréis, muchas características que no hemos comentado y que podemos trabajar referente a la mejora del rendimiento y velocidad de carga de nuestro sitio web. Aquí es donde quiero dejar claro que no es necesario instalar complementos absolutamente para todo. Hay muchas funcionalidades que se pueden lograr con algunas líneas de código y que además nos evitarán más de un dolor de cabeza.

Hasta hace poco había utilizado un plugin llamado WP FASTEST CACHE que me ofrecía toda una lista muy interesante de mejoras referentes al sistema de caché de la página web, la generación de archivos estáticos HTML para aumentar la velocidad de carga o la reducción y compresión de código HTML, CSS o JS, entre otros. Dispone, además, de una versión de pago que mejora estas características y lo amplia con otras de nuevas. Al final, este complemento lo que hace es escribir en nuestro archivo .htaccess, básicamente, una acción que podemos realizar nosotros mismos y que nos permitirá tener mayor control de nuestro código.

Un archivo de ejemplo que genera este plugin es el siguiente:

Si nos ponemos a mirar el código (lo he comentado) vemos que todas las funciones para la optimización de nuestro sitio web que necesitamos se encuentran escritas. Por lo tanto, hemos evitado instalar un plugin, con todo lo que comporta, y hemos optado por una solución que, a mi parecer, es más eficiente.

Después de todo esto estarás de acuerdo conmigo en que ya está bien… ¡FUERA LOS PLUGINS! Bueno, tal vez alguno… ¿Y tú, qué plugins utilizas? ¿Has probado alguno otro que te ha funcionado mejor qué los que he mencionado? ¿Qué haces para mejorar el rendimiento de tu blog o página web? ¡Comparte con nosotros tu conocimiento!