Hoy quería compartir un tutorial rápido con ustedes sobre cómo comprimir GIF animados para aumentar la velocidad, para que no atasquen tu sitio de WordPress.
Personalmente, soy un gran admirador de los GIF y la vida es demasiado corta para no ponerle algo de humor.
A continuación se muestran los pasos exactos que tomo cuando quiero incluir un GIF animado en una publicación de blog.
Table of Contents
Problema de GIF Animados
Un blogger típico generalmente buscará un GIF en una página como GIPHY. Lo cual está bien, ahí es donde obtengo la mayor parte de los míos. Pero, ¿alguna vez has mirado el tamaño de los GIF animados?
Uno gif por lo general pesa más de 1 MB. Eso es ridículo cuando se trata de rendimiento web. Si tiene un sitio web bien optimizado, todo su sitio web no debería tener más que eso. Por lo tanto, no tiene sentido destruir el rendimiento de una publicación completa solo para usar un GIF.
¡Pero hay una solución! Afortunadamente para los bloggers, existen compresores GIF en línea gratuitos.
Comprimir GIF animado
Busquemos primero un GIF para usarlo como ejemplo. Encontre un Gift de la serie de Rick and Morty que pesa casi 350 KB.
Paso 1
Entonces, lo primero que debes hacer en GIPHY es hacer clic derecho sobre él GIF y seleccionar “Guardar imagen como”
Paso 2
Luego vas a ezgif.com. Este es un sitio web gratuito que le permitirá comprimir sus GIF animados en cuestión de segundos.
Permiten cargas de tamaño máximo de archivo de 35 MB y comprimen GIF con el codificador Lossy GIF.
Busco el archivo que acabo de descargar y hago clic en cargar.
Paso 3
Luego elijo un nivel de compresión. Luego haga clic en “Optimizarlo”.
Paso 4
La aplicación web te mostrará el tamaño del archivo debajo del GIF optimizado.
Como puede ver, ahora tiene 254 KB. ¡Eso es una disminución del tamaño del archivo en 100 KB
Luego hago clic en el botón “Guardar”.
Paso 5
Luego, simplemente cárgalo en su publicación de WordPress como de costumbre y ¡listo!
Es importante cargar los GIF en su propio sitio web. De esta manera, si está utilizando un CDN y un servidor web rápido, se cargarán más rápido.
Ahora puede usar más GIF animados sin dañar horriblemente su rendimiento.
Publicaciones Relacionadas
Estas son algunas publicaciones que tienen relación con formas para optimizar un sitio de WordPress
- Reseña sobre Swift Performance Lite
- Cómo Reducir el Impacto de Google Analytics en WordPress
- Lazy Loading para los Anuncios de Adsense: La Cura
- Full Page Caching de CloudFlare: ¿Indispensable?
- Reseña Honesta sobre Autoptimize
- Cómo Usar la Cascada de GTMetrix y Optimizar WordPress
- Reseña Honesta sobre Perfmatters
