Optimización de imagen perfecta para dispositivos móviles con Optimole
En 2015 había 24.000 dispositivos Android diferentes y cada uno de ellos era capaz de descargar imágenes. Y esto fue sólo el comienzo. La era móvil está empezando a acelerarse y los visitantes móviles están empezando a eclipsar a los de escritorio. Una cosa es segura: crear y ejecutar un sitio web en la era móvil requiere un enfoque completamente diferente hacia las imágenes. Debe considerar a los usuarios en computadoras de escritorio, portátiles, tabletas, relojes, teléfonos inteligentes y luego los tamaños de las ventanas gráficas y las resoluciones antes de, finalmente, llegar a los formatos compatibles con el navegador.
Entonces, ¿cuál es una buena opción de optimización de imágenes para ayudarle a hacer malabares con todas estas demandas sin sacrificar la calidad de la imagen y la estrategia de SEO en la página?
Saluda a Optimole .
Si alguna vez te has preguntado cuántos puntos de interrupción tendrá una mampara plegable, probablemente te guste Optimole. Se integra tanto con el editor de bloques de WordPress como con los creadores de páginas para resolver una serie de problemas de optimización de imágenes. Es un servicio todo en uno, por lo que puedes optimizar imágenes y también aprovechar las funciones creadas para ayudarte a mejorar la velocidad de tu página.
¿Qué tiene de diferente Optimole?
El siguiente paso en la optimización de imágenes es la especificidad del dispositivo, por lo que el método tradicional de optimización de captura y reemplazo de imágenes ya no será la mejor opción para su sitio web. La mayoría de optimizadores de imágenes funcionan de la misma manera:
- Seleccione imágenes para optimizarlas.
- Reemplazar imágenes en la página.
- Eliminar el original.
Proporcionan múltiples imágenes estáticas para cada tamaño de pantalla según los puntos de interrupción definidos en su código. Básicamente, ¿está proporcionando varias imágenes para probar y optimizar? Seguro. ¿Óptimo? Difícilmente.
Optimole funciona así:
- Sus imágenes son absorbidas por la nube y optimizadas.
- Optimole reemplaza las URL de imágenes estándar por otras nuevas, adaptadas a la pantalla del usuario.
- Las imágenes pasan por una CDN rápida para que se carguen a la velocidad del rayo.
He aquí por qué esto es mejor: entregará imágenes de tamaño perfecto a todos los dispositivos, más rápido, en el mejor formato y sin una carga innecesaria en sus servidores.
Un estudio de caso rápido: CodeinWP
La primera prueba real de Optimole fue en CodeinWP como parte de un rediseño completo del sitio. El blog existe desde hace un tiempo durante el cual se ha convertido en uno de los líderes en el espacio de WordPress. ¿En cuanto al rendimiento? No tanto. Con más de 150.000 visitantes mensuales, el sitio necesitaba ofrecer una mejor experiencia para Google y los dispositivos móviles.
Optimole se utilizó como parte de una estrategia móvil primero. En las primeras etapas, Optimole ayudó a proporcionar un aumento de ~0,4 s en el tiempo de carga para la mayoría de las páginas que lo tenían habilitado. Mientras que, en el escritorio, Optimole comprime imágenes en aproximadamente un 50 % y mejora las calificaciones de velocidad de página en un 23 %. El tiempo de carga completa y el tamaño total de la página se reducen en aproximadamente un 19 %.
PageSpeed mejorado y entrega más rápida
Junto con un enfoque específico del dispositivo, Optimole proporciona una optimización imagen por imagen para garantizar que cada imagen encaje perfectamente en el contenedor de destino. A Google le encantará. Estos ahorros en ancho de banda lo ayudarán a mejorar sus puntajes de PageSpeed.
No siempre se trata de números; su sitio web debe ajustarse al comportamiento esperado incluso cuando se renderiza en dispositivos móviles. Puede evitar que el contenido salte y se mueva con cualquier número de ajustes, pero una opción de carga diferida basada en contenedores proporciona la mejor experiencia de usuario. Optimole envía una imagen borrosa con el tamaño exacto del contenedor, para que sus visitantes nunca pierdan su lugar en la página.
Ofrecemos CDN para usuarios gratuitos y premium. Si ya está utilizando CDN, podemos integrarlo desde nuestra parte. Los costes adicionales implicados se compensarán con un descuento mensual.
Elegir la imagen perfecta para cada dispositivo
A todo el mundo le encanta srcsets,sizes pero es hora de encontrar una solución automatizada que no pierda ancho de banda. Con sugerencias para el cliente, Optimole proporciona un cambio de tamaño de imagen dinámico que proporciona una imagen de tamaño perfecto para todos y cada uno de los dispositivos.
Actuar como un servicio proxy permite a Optimole entregar imágenes únicas basadas en formatos compatibles. En lugar de reemplazar una imagen en la página con un atractivo amplio, Optimole proporciona la mejor imagen según la información proporcionada por el navegador. Este dinamismo significa que las pantallas WebP y Retina son compatibles para los usuarios afortunados sin necesidad de realizar ningún cambio.
Optimole se puede configurar para detectar conexiones más lentas y entregar una imagen con una alta tasa de compresión para mantener bajo el tiempo de carga de la página.
Optimización de la resistencia industrial con una interfaz de usuario sencilla
La interfaz de usuario limpia y sencilla le brinda las opciones que necesita para crear un sitio; sin despeinarse sin problemas. Puede configurar los parámetros, introducir carga diferida y probar la calidad sin modificar ninguna de las URL.
Puede reducir el CSS adicional que necesita para que las imágenes del creador de páginas respondan y estén comprimidas. Actualmente, se necesita tiempo y algunos trucos de CSS para que todas sus imágenes de Elementor respondan. Por ejemplo, las miniaturas adicionales de galerías y carruseles pueden arrojar algunas bolas curvas. Con Optimole, todas estas imágenes se recogen de la página y se tratan como cualquier otra. Automáticamente.
Una de las razones para evitar cambiar las estrategias de optimización de imágenes es la aterradora perspectiva de volver a pasar por el proceso de optimización. Optimole es la opción de optimización de configurar y olvidar que optimiza sus imágenes sin realizar cambios en la imagen original. Simplemente instale, active y deje que Optimole se encargue del resto.
Colocar. Olvidar. Trabaja en cosas importantes.
Pruébalo hoy
Obtenga información sobre cómo Optimole puede ayudar a su sitio con la prueba de velocidad aquí.
Si te gusta lo que ves, puedes obtener un plan gratuito completamente funcional con todas las funciones. Incluye 1 GB de optimización de imágenes y 5 GB de ancho de banda de visualización. Los planes premium comienzan con 10 GB de optimización de imágenes y 50 GB de ancho de banda de visualización, además de acceso a una CDN mejorada que incluye más de 130 ubicaciones.
Si le preocupa realizar un gran cambio, tenga la seguridad de que Optimole se puede desinstalar limpiamente para dejar su sitio exactamente como antes.
Deja una respuesta