¿Utilizas un plugin de deslizamiento de WordPress y ves que hay retraso? ¿Ha notado que el deslizador de su página de inicio se carga lentamente? Las siguientes técnicas de optimización pueden aplicarse a los plugins de deslizamiento más populares de WordPress, incluyendo:
- Revolución de los deslizadores
- LayerSlider
- Soliloquio
- RoyalSlider
- Deslizador WD
- Deslizador inteligente
- Deslizador suave
- Deslizador principal
- MetaSlider
- Deslizador Huge-IT
¿Por qué mi WordPress Slider es lento?
Su deslizador de WordPress se carga lentamente debido a los siguientes 5 problemas: alojamiento lento de WordPress, un plugin de deslizador obsoleto, una versión de WordPress obsoleta, imágenes voluminosas sin comprimir y ajustes de optimización del deslizador no configurados correctamente. Aprenda a abordar cada problema en los siguientes tutoriales. Si sigues estos sencillos pasos tu slider se cargará mucho más rápido, dejando una gran primera impresión a los visitantes de tu web. Comencemos.
1. Alojamiento de WordPress lento
La mayor causa de un sitio web lento es la elección del alojamiento web. No importa cuánto optimices tu plugin de slider, si estás sirviendo el JS, CSS e imágenes desde una compañía de hosting lenta, tu slider tardará en cargar. Si buscas una solución más rápida, consulta los hosts web más rápidos comparados. Además, puede revisar las mejores opciones de alojamiento de WordPress para un análisis más profundo. Si eres fotógrafo y alojas un sitio web con muchas imágenes, echa un vistazo a los mejores alojamientos web para fotógrafos.
Cómo arreglar el alojamiento lento de WordPress: Regístrese en un alojamiento recomendado como Bluehost para acelerar su sitio web. (a partir de sólo 2,95 $/mes)
2. Su plugin de deslizamiento es obsoleto
Slider Revolution, el plugin de sliders más popular de WordPress, actualiza su código más de una docena de veces al año, de media. En 2017, por ejemplo, tuvieron 16 actualizaciones (ver el registro de cambios aquí). Algunas de estas actualizaciones incluyen la compatibilidad y optimización de WordPress, mientras que otras tienen un impacto directo en el rendimiento (como la adición del “Monitor de rendimiento y mejores sugerencias de rendimiento”). Si su
Cómo arreglar los plugins deslizantes obsoletos: Inicie sesión en su administrador de WordPress. Seleccione el panel de control > Updates > Seleccione All > Update Plugins. Tenga en cuenta que algunos temas de WordPress tienen una sección separada de plugins recomendados en la configuración del tema. Si su plugin de deslizamiento se instaló con su tema de WordPress, entonces puede encontrar una actualización disponible aquí, y no en la sección estándar de actualizaciones del tablero >.
3. Su versión de WordPress es obsoleta
Ahora que tus plugins están actualizados, también querrás asegurarte de que tu versión de WordPress está actualizada. La mayoría de las actualizaciones del marco de trabajo de WordPress incluyen la optimización para acelerar el rendimiento y los tiempos de carga del sitio web. Tener la versión de WordPress al día, así como los plugins actualizados, garantiza el máximo rendimiento (cuando se trata de un alojamiento web rápido).
Cómo actualizar la versión de WordPress: Desde la misma pantalla del Dashboard > Updates, verás un botón “Update Now” en la página “Update WordPress”. Siga las indicaciones para una sencilla actualización con un solo clic.
4. Sus imágenes no están optimizadas
Los sliders tienen una gran cantidad de imágenes y servir imágenes no optimizadas a través de su plugin de slider puede tener un impacto significativo en el rendimiento. ¿Sabía que, por término medio, las imágenes representan el 54% del tamaño de una página web? Reducir el tamaño de las imágenes es una necesidad en el mundo actual, que se rige por el rendimiento de la web.
Cómo optimizar las imágenes de su sitio web:
- Ajusta el tamaño de la imagen. Reduzca siempre la escala de sus imágenes para obtener unas dimensiones en píxeles adecuadas para la resolución web. Por regla general, procuro que todas mis imágenes tengan una anchura de 1200px o menos, ya que la mayoría de los sitios web y navegadores redimensionan una imagen de este tamaño o mayor para que se ajuste a la pantalla del usuario. Si utilizas un programa de edición de fotos, como Photoshop, deberás utilizar el formato de compresión de imágenes dentro del software. En Adobe Photoshop, abra su imagen y visite lo siguiente: Archivo > Exportar > Guardar para la Web (Legacy) > y luego seleccione los formatos de archivo “PNG-24” o “JPEG”. En el caso de los archivos PNG, normalmente querrá seleccionar la casilla “Transparencia”, así como “Convertir a sRGB”. Para JPEG, deje sin marcar “Progresivo” y “Perfil de color incrustado”, pero marque la casilla de “Optimizado” y “Convertir a sRGB”. Juega con el control deslizante “Calidad” para ajustar la resolución. Querrás que el tamaño del archivo sea lo más bajo posible, pero conservando la calidad suficiente. Si la imagen comienza a verse borrosa o pixelada en el panel de vista previa de la pestaña Optimizado, aumente un poco la calidad. Por lo general, entre el 60 y el 80% de calidad es un buen lugar para estar, equilibrando el tamaño del archivo con la calidad.
- Instale un plugin de compresión de imágenes de WordPress en su sitio web. Esto no sólo optimizará aún más las imágenes que ya están en su biblioteca de medios, sino que también comprimirá automáticamente cualquier imagen que cargue en el futuro. Mi favorito es TinyPNG, que utiliza la compresión inteligente de PNG y JPEG para reducir el tamaño del archivo de imagen sin afectar a la calidad visual. Tienen un plugin para WordPress disponible aquí. Las alternativas a TinyPNG incluyen ShortPixel Image Optimizer y WP Smush, dos grandes plugins de WordPress que también uso con frecuencia.
- Suba la imagen a su sitio web, rellenando los campos de título y texto alternativo de la imagen en su CMS, según las mejores prácticas de SEO.
5. Su plugin de deslizamiento no está optimizado
¿Sabías que muchos sliders de imágenes de WordPress tienen una sección de optimización? ¿Has configurado bien el tuyo? Slider Revolution, por ejemplo, tiene ajustes de carga perezosa y de rendimiento, lo que le permite optimizar y acelerar el tiempo de carga. Consulte la documentación o la sección de soporte de su deslizador específico, para ver si hay una guía específica para el rendimiento.
Cómo acelerar Slider Revolution:
- Para acelerar Slider Revolution, primero seleccione una de las siguientes configuraciones de Lazy Load, que se encuentran en Edit Slider > Slider Settings > Performance and SEO Optimization. Aquí hay 4 ajustes;
Todo
(cargar todas las imágenes del slider),
Inteligente
(cargar las imágenes de la primera diapositiva y precargar también las de la siguiente),
Único
(cargar las imágenes de las diapositivas “bajo demanda”), y
Sin carga lenta
(cargar todas las imágenes en la carga inicial de la página). La configuración de Lazy Load que elija dependerá de la funcionalidad de su deslizador, de la rapidez de su sitio para empezar y de lo que necesite optimizar.
2. La segunda forma de acelerar Slider Revolution es revisar la sección “Rendimiento general del Slider”, que contiene dos botones: “Mostrar estadísticas completas” y “Mostrar todos los problemas”. Siga las sugerencias de rendimiento indicadas aquí para una velocidad óptima del deslizador.
3. Por último, para garantizar los tiempos de respuesta más rápidos de Slider Revolution, asegúrese de que se cumplen los requisitos del sistema. Bajo la sección principal de administración del plugin, verás un cuadro de “Requisitos del sistema”, que te dará un estado en cuanto a las estadísticas del servidor recomendadas, y lo que estás ejecutando actualmente a través de tu alojamiento web. Seleccione el botón “Comprobar ahora” para una actualización en vivo de sus estadísticas.
Consejo profesional:
Si encuentras que estás por debajo del Límite de Memoria, del Tamaño Máximo de Archivos o del Tamaño Máximo de Mensajes, contacta con tu proveedor de alojamiento web y solicita que se aumenten estos límites a la cantidad sugerida. A menudo, el anfitrión de la web le obligará a hacerlo, sin necesidad de actualizar su paquete de alojamiento ni de cobrarle cuotas mensuales adicionales. Sin embargo, si encuentras que tu proveedor de alojamiento web no cumple con los requisitos del sistema, y si no están dispuestos a actualizarte de forma gratuita, querrás considerar la posibilidad de migrar a un nuevo alojamiento web como Bluehost. He encontrado que el soporte técnico de Bluehost es muy complaciente con estos requisitos del sistema para los sitios web de WordPress.
Al poner en práctica estos cinco pasos, debería ver un aumento significativo en el rendimiento de su deslizador de WordPress. Si su sitio web sigue siendo lento, tal vez quiera ver este artículo sobre Cómo acelerar WordPress.