Cómo acelerar la revolución del control deslizante en WordPress

El contenido dinámico naturalmente viene con una desventaja de rendimiento. En este artículo, descubra cómo optimizar la revolución del control deslizante para crear animaciones hermosas y eficientes. Las imágenes de nivel profesional, que se ven increíbles y son totalmente receptivas, a menudo pueden afectar la velocidad de las páginas. Pero no tengas miedo, verás lo fácil que es tener lo mejor de ambos mundos (sin fin, desacelerar) con la configuración de revolución del control deslizante construido, además de nuestros instrumentos de hostigamiento, colibrí y alojamiento. Salte por encima. Siéntase libre de avanzar a cualquiera de los temas que cubriremos:
Revolución del control deslizante, dragster o querido?
Nuestras orientaciones de prueba de rendimiento
Parámetros
Procedimiento
Detalles
Cómo romperse, sin ralentizar
Realizando la velocidad de la revolución del control deslizante
Revolución deslizante, dragster o drag?

¿Es Slider Revolution el constructor de sitios de WordPress más popular del mundo? WordPress Slider Revolution Slider Revolution viene con más de 200 plantillas, 2000 elementos y más de 25 suplementos. También tiene un precio competitivo y ofrece acceso de vida por una tarifa única. Hay muchas posibilidades en un paquete. Pero fuimos quemados antes de los grandes bateadores que detuvieron la velocidad de las páginas.
Pero no tienes que preocuparte, encontré una solución. Con nuestro método probado y verdadero, volverá a tasas de rayos más rápidas que Millennium Falcon ha realizado Kessel Run. Reglas y pautas básicas. Estos son los siguientes: Parámetros
Usaremos una base limpia, lo que significa que nuestro sitio se construirá en una nueva instalación de WordPress. Nuestras opciones de apariencia y apariencia se mantendrán estáticas después de la configuración inicial.
El alojamiento se realiza a través de WPMU Dev (Bronce) WordPress WordPress.
Los complementos en el mazo son Slider Revolution (SR), Smush y Hummingbird*. (Si usa nuestro alojamiento, también tendrá el complemento WPMU Devshboard, ya que se instala automáticamente en los sitios alojados por nosotros).
La prueba de velocidad se realizará en dos ubicaciones
Google PageSpeed ​​Insights (GPSI)
GTMetrix (GTM) utilizando los siguientes valores predeterminados:
Ubicación del servidor (Vancouver, Canadá)
Navegador (escritorio Chrome)
Cuando realicé las pruebas de velocidad, corrí cada tres veces sucesivamente y usé el número medio como una puntuación grabada.
Procedimiento
Instalar Slider Revolution; Aplicar una plantilla/módulo (costo asociado, revolución del control deslizante)
Función de optimización de la función de ajuste SR (costo asociado, revolución del control deslizante)
Instalar Smush; Optimizar la configuración (complemento gratuito)
Instalar colibrí; Optimizar la configuración (complemento gratuito)
Habilitar CDN en Hummingbird (costo asociado, Hummingbird Pro)
Active FastCGI en HUB (costo asociado, alojamiento de desarrollo de WPMU)
Ejecutar pruebas de velocidad después de cada uno de los pasos anteriores (sitios libres)
Detalles las versiones Pro Smush & Hummingbird se instalarán en los sitios web alojados por WPMU Dev.
Para reflejar las versiones no profesionales de los complementos, mis pruebas iniciales se realizaron con las funciones desactivadas desactivadas. La optimización de los colibríes utiliza diferentes tipos de funciones de almacenamiento en caché y compresión en sitios. Página, gravatar y memorización en caché RSS se han deshabilitado. WPMU Dev Actirect Active Browser y GZIP Compression Compression en el caché y la compresión; Esto es estándar para la mayoría de los anfitriones. Estos permanecerán activados durante nuestras pruebas, porque no podemos desactivarlas sin afectar otras configuraciones. Como mencionamos en otros artículos de nuestra serie de optimización, tenga en cuenta que, debido a las variaciones inherentes de cada elemento, nadie tendrá resultados idénticos. Colocación geográfica, el tamaño de la biblioteca de medios, el proveedor de alojamiento, todos la parte de pintura de la imagen Usando muy cepillos. Diferente. Independientemente del entorno específico de su sitio, debe ver mejoras significativas con este proceso. Estamos buscando belleza y potencia, por lo que Slider Revolution no solo será increíble visualmente, sino también un sitio de vuelo extremadamente funcional y rápido. Un sitio de WP fresco, sin otras páginas, publicaciones, etc. Después de la instalación, seleccione un nuevo módulo de la plantilla, desde el tablero SR. Elegí “Mini Sitio web”, que requirió agregar el suplemento de efecto de partidos.
Hemos cambiado algunas configuraciones para personalizar un poco el contenido. Hay tantos que puedes jugar aquí, que podría haber vagado durante horas. ¡Pero en la tarea que tenemos! Una copia rápida e inserción con código corto, y mi página de destino se revolucionó. 🙂 ¿Cómo estás? Es hora de nuestras pruebas de velocidad iniciales. Nada de jactarse, pero esa es solo nuestra velocidad básica.
En el extremo promedio hacia abajo, pero esto es preoptimización; Nos mencionaremos. Actualmente, en Slider Revolution hay una función de optimización de funciones. Intentaremos esto y veremos si nos da un bulto.
Core JS y CSS ya están optimizados de forma predeterminada. La pantalla de optimización de archivos enumera las imágenes del módulo que se pueden optimizar, junto con una diapositiva para hacer ajustes. (Consulte el optimizador del tamaño del archivo SR).

La optimización construida del tamaño del archivo SR ofrece tres métodos de activación. Después de hacer algunos ajustes, realice una prueba de velocidad para verificar si hay mejoras.

No hay cambio en la última puntuación de prueba de velocidad.

Un mejor cabello que el último puntaje. Hubo un poco de mejora con esto, que continuaremos con algunas noticias interesantes:

Tenemos una buena autoridad desde el punto de tema de que la próxima versión de Slider Revolution habrá construido optimizaciones para Smush! (Siga el punto del tema para obtener más información al respecto). Hay algunos consejos y cambios generales que puede obtener, que trataremos un poco más tarde. Pero para mejorar realmente la velocidad del sitio utilizando Slider Revolution, es mejor servido por alta calidad y complementos especialmente diseñados para la optimización. Al incorporar Smush y Hummingbird, nuestros complementos de optimización de clase de clase mundial (y gratuito),

Smush es la elección de nuestro usuario, ganador de premios e optimizador de imágenes probado. Después de navegar por el panel de franco, debe ser recibido con el asistente de configuración rápida. Estas configuraciones incluyen: compresión automática, metadato exif, imágenes de tamaño completo, carga perezosa y datos de uso. Esto es lo que hace cada característica:

Compresión automática: optimiza automáticamente nuevas imágenes, para que no necesite hacer cada manual.
Metadatos exif: elimina la configuración de la cámara, contribuyendo a reducir el tamaño del archivo. (No se preocupe; no eliminará los metadatos de SEO).
Imágenes de tamaño completo: comprime las imágenes originales a tamaño completo. (Nota: almacene copias de sus originales de forma predeterminada, si alguna vez desea volver. Esta característica es solo profesional).

Carga perezosa: deja de cargar imágenes desde fuera de la pantalla hasta que un visitante marche hacia ellos.
Uso de datos: permite a nuestros diseñadores lograr una perspectiva de las características para mejorar. (Sus datos personales nunca serán rastreados). Continúe y ejecute cada pantalla, dejando la configuración predeterminada activada. (Permitir los datos de uso ayudará a la funcionalidad de las versiones futuras del complemento, pero si tiene alguna inquietud sobre la inscripción, déjelo apagado).
Smush está listo, ansioso y capaz de comprimir a granel. Después de la finalización del experto, el tablero reflejará cuántas imágenes pueden requerir compresión. Haga clic en el botón Smush Now a granel para activar su superpotencia. ¿Cómo se ven nuestras estadísticas de optimización de imágenes, Sra. Smush, ahora?
157 imágenes trituradas, guardando 5.5 Mb. ¡Smushing como campeón! Veamos cuánto ha disminuido la carga (página) y hacemos nuestras pruebas de velocidad nuevamente.
¡Es un salto olímpico! Más de diez puntos.
Este es el tipo de “B” que te gusta ver. Es hora de poner las cosas a la velocidad y dejar que Hummingbird vuele en el escenario.
Hummingbird escanea su sitio y le brinda un solo clic para acelerar WordPress en un momento. Después de instalar y activar Hummingbird, acceder al tablero activará otro experto en configuración rápida. Ella sugerirá hacer una prueba de rendimiento, que es exactamente lo que queremos hacer. Una vez que se complete la prueba, recibirá un aviso que le informará. El tablero nos muestra el puntaje de la prueba de rendimiento.

Un puntaje de 86 es bueno, pero lo aumentaremos fácilmente y, con él, la velocidad de carga de nuestra página. Hummingbird muestra una lista de valores de puntaje que se han evaluado durante la prueba de rendimiento. Su flagelo de rendimiento general se calcula en función de estos valores enumerados, mientras que el diagrama circular representa la participación de cada valor en la puntuación general. Para algunos problemas de rendimiento, las propias funciones de Hummingbird se pueden activar o ajustar para resolverlos. En otros casos, Hummingbird identificará el problema, con el remedio necesario en un complemento separado (por ejemplo, Smush Pro). Cuando un complemento no es la mejor solución y necesita una pequeña edición de código, Hummingbird ofrece instrucciones específicas sobre cómo remediarlo. Los valores adicionales llamados auditorías separan los problemas en categorías de oportunidades, diagnósticos y auditorías pasadas. Las oportunidades son prácticamente alertas con códigos de color. El amarillo indica un problema fácil de moderar, y el rojo significa que el problema afecta el rendimiento en mayor medida en comparación con otros sitios. En esta evaluación del desempeño, Hummingbird indicó que tengo un artículo en oportunidades. Es solo un caso y no tiene un gran impacto, pero lo abordaré de todos modos. Para resolver oportunidades, haga clic en cualquier fila de alerta y se mostrará:

una descripción detallada del problema

una lista de activos específicos involucrados

Instrucciones paso a paso sobre cómo resolver el problema


Oportunidades para mejorar la velocidad (con remedios detallados), ofrecidas por Hummingbird. Tengo diecinueve auditorías promocionadas (¡lindo!). Las auditorías proporcionan una visión detallada de cada aspecto de la capacidad de rendimiento de su sitio. Incluso las auditorías pasadas tienen explicaciones y remedios para cada elemento enumerado. Nuevamente, se accede a esta información a través del menú desplegable de la flecha de fila correspondiente. Hummingbird considera las auditorías “aprobadas” cuando el puntaje es de 90/100 o más. Finalmente, tengo tres diagnósticos. Proporcionan información adicional sobre cómo su página cumple con las mejores prácticas de desarrollo web. Para resolver cualquier diagnóstico, haga clic en la flecha de caída, debajo del encabezado, y siga las instrucciones proporcionadas bajo cómo remediar.

No se requiere búsqueda de Google; Hummingbird explica todo por cualquier problema citado. Después de hacer todos los remedios, solicite a Hummingbird que realice otra prueba de rendimiento para que podamos verificar la mejora de la puntuación.

Un pájaro pequeño me dijo que gané seis puntos. ¡Huza! Ahora haremos una optimización de los activos. Desde la barra de menú a la izquierda, elija la optimización de los activos. Haga clic automáticamente y asegúrese de que se active la diapositiva rápida. Esta configuración no solo comprime su archivo, sino que también combina automáticamente archivos más pequeños, lo que ayuda a reducir el número de solicitudes realizadas cuando se carga una página.
Establezca la optimización de los activos en rápida y automáticamente para el aumento del rendimiento. Nota: Cuando está en modo automático, Hummingbird detecta automáticamente los archivos de complemento y los temas recientemente agregados y los optimiza para usted, pero no eliminará ningún archivo antiguo de un complemento o un tema que se haya eliminado. Esto es para evitar conflictos y problemas y por qué es aconsejable verificar los archivos nuevamente, para que todo permanezca sincronizado. De acuerdo, es hora de algunas pruebas de velocidad. Desde la década de 1970 hasta mediados de la década de 1980. Ciertamente obtienes ganancias medibles.
Cada vez más, en el camino hacia lo mejor. ¡Grandes puntajes! Hay otra herramienta que podemos usar … Comencemos el CDN en Hummingbird. Desde la misma página de optimización de activos, mueva el WPMU Dev CDN a ON (se convertirá en azul).
Establezca cdn on y c rank d a n umbber. Ejecutemos nuestras pruebas de velocidad nuevamente.

Estamos en el umbral del percentil 90.

¡No dejes de creer! Los puntajes de rendimiento y estructura continúan creciendo. Podríamos terminar aquí y ser perfectamente felices. Sin embargo, todavía lanzaré un registro en el fuego, cambiando una configuración al alojar mi desarrollo WPMU. Activación de FastCGI a través del centro host de WPMU Dev. ¡Bustin ese movimiento merece una nueva ronda de puntajes de prueba!

Woo hoo! Finalmente estamos en el área final.

Una -labirint. ¡Creo que gané una gira de victoria! Antes de dejarme usado por la bandera en el cuadros, quiero compartir un pensamiento serio en continuar la prueba. Si tuviéramos que ejecutar pruebas aleatorias aún más, se esperarían pequeñas variaciones, porque ninguno de los elementos es verdaderamente estático. Pero, con la excepción de circunstancias extremas, no debe notar disminuciones significativas durante la carga de la página, con todos los cambios que hemos jugado. Las diapositivas son divertidas. Su precio es razonable y depende de la cantidad de sitios que se utilizarán. Si desea hacer su boca y ser recordado por imágenes fuertes, sin renunciar a la valiosa velocidad de carga de la página, Slider Revolution, optimizado con Smush & Hummingbird, puede darle lo mejor de ambos mundos. No solo causará una impresión, sino que también la velocidad de carga de la página volará, lo que brinda a los usuarios una experiencia de primer tasas. Como se mencionó anteriormente, hay algunos componentes que siempre debe considerar cuando se trata de obtener y mantener una velocidad óptima en su sitio son:

Sea más minimalista en el diseño de diseño (puede hacer fantasía, simplemente no sobrecargue el contenido y las velocidades graves).

Eliminar complementos que son viejos o que ya no se usan

Habilitar el almacenamiento en caché (navegador, página y RSS)

Reduzca y posponga CSS y JavaScript

Use un CDN

Remedio la corbatas rotas

Optimiza tus fotos

Actualice su plan de alojamiento, esto realmente puede marcar la diferencia entre la noche y el día.Asegúrese de que su proveedor de alojamiento tenga una buena reputación y que resulte ser rápido y confiable.(Los planes de alojamiento de desarrollo de WPMU proporcionan alojamiento, un océano digital completamente dedicado. ¿Qué configuraciones de objetos web están en Hummingbird Pro?Ahora puede relajarse mientras su sitio web está volando.Ah … esa es una buena sensación.

¿Usas Slider Revolution?¿Qué ajustes hizo para mejorar la velocidad de carga de la página?Háganos saber en los comentarios a continuación.