249 | Plugin WP Optimize: limpia, comprime, cachea

En el episodio 249 de WordPress Semanal te explico cómo aprovechar y configurar el plugin WP Optimize para mantener tu WordPress ligero, optimizado para la velocidad de carga y con un sistema de caché implementado. Vamos allá. Hola, hola, Soy Gonzalo de GonzaloNavarro es y bienvenidos a WordPress Semanal, el podcast en el que aprendes WordPress de principio a fin. Porque ya lo sabes, no hay mejor inversión que la de aprender a crear y gestionar tus propias webs con WordPress. Y en este episodio te traigo algo que creo es un poco diferente a lo que llevo haciendo en los últimos, yo diría que meses o incluso más tiempo. Y es un episodio dedicado a un plugin en concreto. Y esto no se puede hacer con todos los plugins, pero hay algunos como este, que gracias a que trae bastantes funcionalidades para un tema muy específico y que viene digamos muy bien compartimentalizado o muy bien dividido dentro del propio plugin, pues resulta sencillo poder transmitirlo en audio. Entonces creo que os va a servir mucho para coger una idea no sólo de lo que podéis hacer con este plugin, que básicamente es un plugin de optimización del rendimiento de carga de una web, sino también entender bien todas las partes que hay implicadas dentro de esta optimización. Entonces, al final, ya sea que vayáis a utilizar este plugin o no, creo que os puede servir para coger conceptos sobre todo esto del WPO, que es las siglas en inglés de la optimización del rendimiento de carga de una página y por supuesto cómo darle solución en el caso de que tengáis problemas en este aspecto. Así que en un momentito vamos a analizar todo esto, todas las partes de este plugin y cómo te puede ayudar a solucionar o mejorar el rendimiento de carga. Pero antes, como siempre, novedades. ¿Qué está pasando en Gonzalo Navarro es esta semana? Pues tenéis un nuevo vídeo de la zona código, el vídeo 199. 199 vídeos ya, qué pasada. Los tenéis todos disponibles si sois suscriptores. Y ya sabéis que en estos vídeos de la zona código pues vemos eso, código. Lo vemos además desde un enfoque muy práctico en el que no tenéis por qué saber código de antes, sino simplemente os muestro en el vídeo lo que lográis, os muestro cómo podéis copiar y pegar ese código y así podéis obtener el mismo resultado y En este vídeo, que como digo es el 199, os enseño a crear un calendario a través de CSS y con apenas unas pocas líneas de CSS vais a poder crear una hoja de calendario de un mes. Por ejemplo en el ejemplo que vemos lo hacemos del mes de diciembre y el típico calendario pues con los días de la semana y luego se van viendo los días del mes. Y este vídeo es más un poco para que cojáis el concepto de cómo podéis disponer elementos en columnas de forma muy sencilla, cada vez más sencilla. En concreto en este vídeo utilizamos CSS Grid, que es un conjunto de propiedades, esto de Grid es un conjunto de propiedades que te facilitan mucho poner elementos en formato grid, en formato cuadrícula, por columnas, por filas y no sólo te va a permitir crear este calendario, sino que te va a permitir coger este concepto de disponer los elementos de esa manera y vas a ver que es mucho más fácil que hace algún tiempo, hace algunos años, ahora es mucho más sencillo con CSS Grid, con Flexbox, que son un conjunto como digo de propiedades dentro del CSS que permiten disponer elementos con mucho más control. Todo eso lo vemos en el vídeo 199, ya sabéis que si vais a Gonzalo Navarro es Códigos lo tendréis ahí disponible, al igual que el resto de vídeos, ahí podéis filtrar por vídeos sobre CSS, vídeos sobre PHP, vídeos sobre woocommerce y también filtrar por los esenciales, que si estáis empezando con esto os recomiendo que primero veáis los esenciales y ya pues os metáis a ver estos vídeos más concretos de cómo aplicar o cómo hacer cosas específicas. Eso en cuanto a la zona código. Después en cuanto a los cursos, el último curso publicado es el curso de Genesis Blogs o Atomics Blogs, en el que básicamente hacemos un repaso de principio a fin por este plugin que lo que te aporta son bloques extras al editor de Guttenberg. Entonces vemos todos y cada uno de los bloques que ofrece, vemos cómo configurarlos, que hay algunos que son complejos como los que te permiten hacer disposiciones especiales o layouts especiales, los de contenedor, los de columnas avanzadas. Así que ahí lo tenéis. Y Luego pues tenéis 50 cursos más, ya sabéis sobre WordPress puro y duro, sobre apoyo a la gestión de las webs, como pueden ser el mantenimiento, como pueden ser cosas más de analítica, como pueden ser cosas más de marketing, todo lo necesario para crear y gestionar páginas webs con WordPress. Ya sabéis que si no estáis apuntados, GonzaloNabarro es y ahí tenéis toda la información. Fantástico. Una vez vistas las novedades, vámonos con el plugin de la semana que te va a permitir crear cuestionarios, encuestas, exámenes, con muchas opciones de personalización y con diseños o prediseños muy chulos. El plugin se llama Quiz and Service Master y básicamente está enfocado a eso, está enfocado a crear todo tipo de cuestionarios, todo tipo de encuestas, de exámenes. El plugin está activo en 40.000 webs y tiene opciones interesantes. Ten en cuenta que muchas veces este tipo de cosas, de cuestionarios, de exámenes, están integrados en un plugin más grande que hace más cosas. En este caso ellos se enfocan o se especializan solo en hacer esto. Entonces tienen muchas opciones, tienen integraciones, tienen contador de tiempo por si haces alguna encuesta o algún examen por tiempo, es gratuito pero en la base. Luego tienes addons, tienes extensiones por si quieres mejorar su funcionamiento, por ejemplo, tienes extensiones gratuitas para generar certificados y luego tienes otras de pago, por ejemplo para poner un panel de usuario para los alumnos, o para integrarlo con MailChimp o para hacer logia condicional, ¿De acuerdo? Así que echadle un vistazo. Y además en la web del plugin, que podéis ver el enlace Si vais a Gonzalo es 249, que es el número de este episodio, pues en la parte del plugin de la semana tenéis ahí el enlace y vais directamente a este plugin y tenéis al principio de la descripción del plugin tenéis demos de cómo quedaría cada tipo de encuesta o cada tipo de examen que te permite hacer, o cada tipo de test, para que te hagas una idea de cómo es. De nuevo, Quiz and Survey Master lo tenéis en las notas del episodio Gonzalo Navarro es 249. Y ahora ya sí, nos vamos con el tema central. Repaso del plugin WP Optimize para limpiar, comprimir y cachear tu página web. Y vamos a empezar describiendo un poco este plugin, que como digo se llama WP Optimize. Este plugin es de la familia o de los mismos creadores que el plugin AppDraft del que he hablado en muchas ocasiones, y que te permite hacer copias de seguridad de forma automatizada. De hecho estos dos plugins los puedes vincular y antes de hacer alguna optimización de rendimiento de las que te voy a hablar ahora, puedes hacer que se haga una copia de seguridad con ese otro plugin. No es necesario tenerlo, pero si ya lo tienes y vas a usar este, pues fantástico, porque encima los vas a tener vinculados. Y básicamente este plugin, WP Optimize, es una navaja suiza para todo esto del WPO, para todo esto de la optimización del rendimiento de carga. Y cuando lo instalas en su panel de configuración para ir optimizando las cosas, lo divide básicamente en tres o cuatro, bueno, son cuatro apartados. Uno es optimización de la base de datos, básicamente te va a permitir hacer limpieza en la base de datos, ahora lo comentaremos en detalle. Otro es compresión de imágenes, que esto es una de las cosas que cuando hago optimización de páginas web, una de las cosas que suele dar mayor impacto, porque la mayoría de la gente sube las imágenes tal y como las tiene, sin comprimirlas, sin optimizarlas ni nada. Entonces este tipo de cosas, optimizar las imágenes quita muchísimo peso a la carga de una página y mejora mucho el rendimiento de las mismas. Después tenemos un sistema de caché en este mismo plugin que podemos configurar, ya sabéis que el caché es guardar copias de la web para que cuando una persona entre ya esté precargado eso y no tenga que descargarse todo de nuevo desde el servidor y eso haga que la experiencia sea más lenta. Entonces se van guardando copias de distintas zonas de tu web para que luego carguen más rápido. Y por último tiene una parte de compresión que es quizás la más técnica y que permite comprimir archivos a nivel de los archivos de tu web, archivos CSS, archivos JavaScript y archivos o digamos código HTML. Y normalmente todas estas cosas, bueno, sí, cada vez hay más plugins como este que son un poco navaja suiza y que lo hacen todo en uno, pero normalmente había que ir buscando distintos plugins o algunas cosas había que hacerlas por código, otras cosas con un plugin, o hay plugins que traen muchas opciones como trae este, pero están muy mal presentadas, resulta muy difícil configurarlas. Y este plugin me gusta mucho porque lo trae todo muy bien planteado, muy bien separado por secciones, está todo muy bien explicado, cada parte dice lo que hace y me llevé yo lo conocía ya de antes pero no lo había implementado de forma digamos activa en ninguna web y hace poco o bueno, relativamente poco, optimice para una clienta que me contactó que tenía problemas. Básicamente tenía una web en la que casi nunca entraba nadie, pero en época de exámenes, hacían los exámenes online o se descargaban archivos online y entraban todos los alumnos a la vez y cuando eso ocurría la web o se caía o tenía problemas o tal, entonces al principio pensábamos que podía ser problema del servidor, que a lo mejor pues no daba la talla para esos picos de tráfico, pero después analizando la web la verdad es que tenía muchísimo margen de mejora en cuanto al rendimiento de carga y entonces claro, si te da problemas de rendimiento de carga, a lo mejor si la gente va entrando poco a poco vale, pero cuando entran todos de golpe puede ser un desastre. Entonces la optimizamos y de cuatro segundos y pico que tardaba en cargar o que marcaba que tardaba en cargar GTmetrix, pues lo pusimos a un segundo y pico. Entonces la mejora fue sustancial y utilicé este plugin porque ellos tenían instalado Autoptimize, tenían instalado este WP Optimize, tenía pinta de que habían estado viendo cositas por ahí, habían ido instalando cosas pero sin configurarlas o configurado todo a la vez, entonces era un poco desastre. Entonces yo quería eliminar lo máximo posible de esa web y aprovechar algo que ya tuvieran si tenía sentido y en este caso me decidí por WP Optimize porque Autoptimize no me acaba de gustar y además porque WP Optimize traía todas estas opciones así compartimentalizadas, entonces digo bueno, voy a intentar optimizarlo con las opciones que trae este plugin y si no pues ya buscamos una alternativa y me encantó, lo optimicé con WP Optimize y sin utilizar nada más, bueno, más allá de eliminar todo lo que sobraba, pues sin utilizar nada más, solo configurando este plugin logramos estos resultados que te digo, es lo más parecido a otro plugin que me gusta a mí mucho que es el optimizador de SiteGround, lo que pasa que tienes que tener SiteGround, o sea estar en el hosting de SiteGround para utilizarlo, pero te viene también muy bien compartimentalizado y te viene con muchas opciones a nivel de WPO. Este yo diría que en algunos aspectos más, aunque bueno el de SiteGround tiene otras características pero básicamente es eso, un plugin que te permite hacer casi todo lo necesario en cuanto al rendimiento web y muy bien presentado y relativamente sencillo de configurar. Así que vamos a ver paso a paso estas cuatro grandes opciones que te digo. En primer lugar te permite limpiar la base de datos, ¿Esto qué quiere decir? Bueno primero hay que saber que en WordPress es muy fácil que la base de datos que es donde se guarda la información se vaya cargando de cosas, de cosas que a lo mejor no vamos ni siquiera a utilizar, que son revisiones, que son cosas guardadas que antes utilizamos pero que ya no utilizamos, incluso información de plugins que hemos eliminado y que ya no vamos a utilizar más, todo este tipo de cosas que a la larga pues hace que tu web pese más. Entonces hace falta de vez en cuando ir haciendo limpieza, tengo de hecho un episodio publicado específico sobre cómo y por qué hacer limpieza en WordPress y uno de los plugins que comento precisamente es este. Entonces este plugin te permite eliminar datos innecesarios como comentarios, pinback, trackbacks y datos transitorios que han caducado. Esto es lo que lo que me refería. Además te permite automatizar esa limpieza, es decir, todo esto que va sobrando o que se va generando esta basura entre comillas puedes hacer que por ejemplo semanalmente se vaya limpiando automáticamente. Además puedes a nivel de tablas de base de datos, que esto quizás ya es un poquito más complejo, pero por ejemplo si tú sabes que tienes un plugin que has eliminado y te encuentras además que lo puedes ver por el nombre del plugin, tienes una parte y puedes ver por el nombre del plugin que siguen las tablas ahí y que ocupan espacio, que tienen información pues simplemente las puedes vaciar, las puedes borrar y esa información la quitas y ya no es útil porque no la tienes, no estás usando ese plugin por ejemplo, entonces puedes ir haciendo toda esta limpieza de forma relativamente sencilla. Por cierto, cuando hagas esto el plugin ya te lo va a recomendar que hagas copias de seguridad pero hazlas sobre todo cuando hagas limpieza de una de las partes de las bases de datos que pueden consumir más recursos porque si tienes un servidor regulero o justo hay algún problema o estás exigiendo mucho de tu servidor, si justo en esa limpieza se queda colgado. Bueno, este plugin te avisa en cuáles puedes tener problemas, en cuáles digamos consumirían más recursos, te ponen como una exclamación en cuáles consumirían más recursos para que tengas en cuenta que no las hagas todas a la vez o que si tienes un servidor regulero, pues eso, que tengas cuidado y hagas primero una copia de seguridad, pero por si se queda colgado, que no se vaya a quedar colgado en un punto ahí raro. Estos avisos son para cubrirse las espaldas, sobre todo para hostings compartidos muy baratos y demás, pero hacedlo, hacer caso a esto y hacer copias de seguridad por si acaso. Bien, eso en cuanto a la limpieza de la base de datos, que lo más interesante además es que puedes automatizar esto para que se haga esa limpieza semanal. El siguiente gran punto es el de compresión de imágenes. Esto básicamente te permite comprimir, es decir, hacer que las imágenes de tu web pesen menos y además puedes controlar el ratio calidad peso, es decir, puedes decidir que se comprima lo máximo posible sin perder nada de calidad o puedes decir que se compriman lo máximo posible perdiendo el grado de calidad que tú quieras. Tienes una barrita y tú lo vas controlando y puedes volver si quieres a la imagen original. Se guarda una copia de seguridad de la imagen original o de las imágenes originales por si quieres volver a ellas. Si no quieres que se guarden las imágenes originales, además en las opciones avanzadas puedes hacerlo que cuando las comprimas que se eliminen las originales y a volar si no se van a eliminar las originales cuando pasen X días, que lo puedes marcar tú también. Y luego una posibilidad, perdón, una característica básica que tienen que tener todo este tipo de plugins es que cuando subas una imagen nueva automáticamente se comprima, así no tienes que estar cada X tiempo comprimiendo las imágenes. Así que funcionalidad clave esta de la compresión de imágenes y que ayuda mucho también en el rendimiento de carga de una web. Luego tiene dos opciones más, pero son de la parte premium que es el Lazy Loading y la otra no la recuerdo. Ah sí, la otra es las imágenes y los tamaños que no utilizas te los muestra todas las imágenes que tienes en tu web y que no estás usando por si quieres eliminarlas, pero esa es una característica premium el plugin, la parte gratuita, es muy muy muy completa de hecho para la carga diferida el Lazy Loading y para las imágenes no utilizadas lo puedes hacer con otro plugin, por ejemplo las imágenes no utilizadas lo puedes hacer con un plugin que se llama un Used Media Cleaner, lo instalas una vez, eliminas las que no usas y lo desinstalas y lo eliminas, no tienes que tenerlo siempre, sí he hablado de él podéis buscar en la web eliminar imágenes no utilizadas y os va a salir porque hablado de ello en varias ocasiones. Después tenemos en la parte de cacheo de páginas que ya os he explicado lo que es básicamente el caché, que es guardar copias de tu web normalmente en el navegador de las personas que lo visitan para que la siguiente vez que vayan les cargue mucho más rápido porque no van a tener que hacer otra vez la petición sino que ya lo tienen precargado en su navegador. Esto sería el caché de páginas que lo puedes activar directamente en el plugin. El sistema de caché que usan ellos es con muy poquita configuración, lo activas y lo tienes. Luego si quieres puedes ir puliendo, puedes ir retocando, por ejemplo puedes generar una caché aparte para móviles, en el caso de que tu versión móvil tenga contenidos distintos a tu versión normal puedes hacer que se cache también incluso para los usuarios que inician sesión, es decir los usuarios propiamente dicho de tu web. Esto si tienes una web con contenido restringido como la mía no lo hagas porque te va a causar problemas, pero si no es así lo puedes hacer. Tienes una opción para precargar la caché, es decir, en cualquier momento que tú quieras digamos guardar, hacer como una copia de tu web para que cuando los visitantes vengan esté precargada, lo puedes ejecutar al momento o lo puedes programar si quieres. Tienes por supuesto ajustes avanzados para excluir partes de la caché, por ejemplo si tienes una tienda, el carrito y el checkout debes excluirlos porque ahí no interesa, esas páginas son dinámicas, van a estar cambiando, no interesa que se guarden caché y luego si alguna página pues te da problema también la puedes excluir y bueno tienes más opciones de exclusión avanzadas que están muy bien. Después dentro de esta misma zona de caché tienes la opción de hacer la compresión gzip, esto si has hecho alguna vez algún test de tu web o de alguna web en el servicio de Google o en gt Metrix o en cualquiera de estos servicios que mide el rendimiento de carga de una web, siempre hay una parte que activa la compresión gzip, pues bueno, esto te permite activarlo, es un clic y lo tienes. Básicamente permite que el servidor comprima un recurso antes de enviárselo, antes de mostrárselo al usuario que quiere acceder a él y es algo básico dentro de la optimización del rendimiento de carga. Y luego permite también activar otra sugerencia que te suelen dar también estos servicios que como digo miden el rendimiento de carga de una web y es activar el caché en la cabecera de archivos estáticos, que bueno, suena un poquito así raro, pero es básicamente darle una caducidad al caché de determinados archivos de la web. Aquí estaríamos diciendo que los archivos que no cambian de nuestra web van a guardarse en caché durante X días y al especificarlo pues el navegador lo entiende y lo carga de manera más rápida a los usuarios. Básicamente así una explicación llana. Y luego tenemos la parte de minimizar, que esto es algo que incorporaron los de WP Optimize y que hacen del plugin algo mucho más completo en cuanto a la optimización. Como te decía al principio, esto es la parte más técnica porque está cogiendo archivos de tu web y los está haciendo más pequeños, los está comprimiendo, básicamente le quito todos los espacios y lo pone todo junto. Esto va a hacer que cargue todo más rápido. Entonces esto cuando lo actives, como ya he comentado también en el curso de WPO, pues tienes que probar un poco en tu web. Seguramente si haces la minimización de los archivos de CSS y de los archivos HTML no tengas ningún problema, si los haces también de los de JavaScript, puede que algo en tu web se vea un poco raro. Si ese es el caso seguramente, bueno, si técnicamente logras saber qué archivo es el que tiene el problema, pues tú puedes excluir, pero si no quitas la minimización de los archivos JavaScript y ya está. Por eso también es importante hacer copias de seguridad por si ves que hay algún problemilla, sobre todo de visualización, pues lo tienes. El propio plugin ya excluye lo que suele dar problemas dentro de WordPress. Esto cada vez los plugins de optimización lo hacen mejor porque con el tiempo había cositas que iban dando problemas, entonces los plugins automáticamente lo excluyen. De hecho tú puedes mirar la lista de las cosas que han excluido y quitarlas de la exclusión, por si tú sabes más que el plugin y lo quieres optimizar a tu manera. ¿Sí? Pues eso es todo lo que puedes hacer con este plugin, que es mucho y por norma general no vas a necesitar nada más para configurar el rendimiento de carga de tu web, más allá de las buenas prácticas que vemos por ejemplo en el curso de WPO. Así que si aún no tienes un plugin para esto, o el que tienes no te gusta, pues puedes optar por utilizar este, que como digo es un todo en uno y viene todo muy bien presentado y es un plugin robusto, está activo en 100.000 webs, o sea que está muy contrastado. Y si quieres ir un paso más allá, voy a hacer esto en más ocasiones, creo que es buena idea. He preparado un vídeo tutorial paso a paso sobre este plugin, cómo puedes configurarlo de principio a fin y va a entrar dentro de una nueva parte que vais a tener disponible todos los suscriptores, sin aumento de precio ni nada, que van a ser videotutoriales premium en lugar de cursos completos o los vídeos de la zona código. Voy a ir haciendo cuando encarte esto no va a tener una periodicidad determinada, pero en casos como este por ejemplo, que tiene mucho sentido, pues voy a ir publicando los tutoriales al estilo que siempre los hago, de forma exhaustiva, pero siempre al grano, viendo cómo utilizar, cómo configurar. En este caso este plugin WP Optimize, lo tenéis en el mismo episodio en GonzaloNabarro, es 249 y si estáis suscrito, pues podréis verlo sin problema, y si no, pues ya sabéis, os podéis suscribir 10 euros al mes sin permanencia, con acceso a estos vídeos nuevos que iré publicando más a los ya todos los contenidos que hay, 51 cursos, 199 vídeos de la zona código y soporte conmigo personalizado. Nada más por este episodio, nos seguimos escuchando, adiós.