Optimización del tema Impreza de Wpbakery con complementos Smush y Hummingbird

Impreza es un tema popular basado en WPbakery, con su propio aroma. En esta publicación, un miembro de WPMU está compartiendo cómo optimizar este tema multifuncional de WordPress para la máxima velocidad y un rendimiento óptimo. Como Phil Martin, miembro de WPMU Dev, desarrollador web y propietario de Canadá CapitalWebDesign.ca, “,” “Hay mucho interés en optimizar a Wpbakkery recientemente. Dame 2 ¢ sobre el tema impulsado por WPbakery que he usado últimamente. , Impreza “.

Impreza es un WordPress multifunción que usa wpbakery. En esta publicación cubriremos lo siguiente:
Presentación general del tema Treza para WordPress
La metodología de prueba para optimizar el tema impreza
Resultados de referencia
El rendimiento de Impreza es aún mejor
La presentación general del tema Impreza para WordPress Impreza es un tema premium de WordPress que usa WPBakery. Ha sido desarrollado y mantenido por UpSolution y actualmente está disponible en ThemeForest, donde se clasifica uno de sus temas mejor vendidos, con más de 80,000 ventas hasta ahora y una calificación de 4.89/5 estrellas de más de 2.200 revisiones de usuarios.

Impreza es uno de los mejores temas de WordPress de ventas en Themeforest. La licencia básica normalmente cuesta $ 59, pero a menudo se pone a la venta por $ 39 y viene con 12 meses de asistencia.
Como Phil afirma: “Hacen excelentes actualizaciones cada mes, en promedio. En serio, mira estos cambios en los cambios e intenta convencerme de que no es el mejor aspecto/estilo de los cambios que has visto durante mucho tiempo “. El tema Impreza usa Wpbakery, pero con su propio aroma introducido. Es un tema increíblemente modular que desacopla muchos de los componentes estructurales, que incluyen: Aspectos de la cuadrícula: Impreza le permite personalizar cómo muestra grupos de datos, como publicaciones, tipos de publicaciones personalizadas, como testimonios, galerías de imágenes, etc. Puede personalizar cualquier artículo en una cuadrícula de manera efectiva. Consulte su página de documentos con el aspecto de la cuadrícula para un vistazo.
Bloques de página: el tema ofrece bloques reutilizables. Esto le permite editar todo en un solo lugar, y los cambios se reflejan donde sea que agregue el bloque. Úselos para sótanos, exhortaciones, etc.
Plantillas de página: puede construir una plantilla utilizando wpbakery que se pueda aplicar a cualquier tipo de publicación o página. Úselos para tener diferentes sótanos para publicaciones versus páginas o para admitir una plantilla diferente dependiendo del tipo de publicación (por ejemplo, una receta para una recepción de un producto en un blog).
Generador de encabezado: Impreza ofrece un generador de encabezado único, fuerte y muy intuitivo. Consulte la página del documento del generador de encabezado.
Impreza le permite personalizar cualquier elemento en una cuadrícula de manera efectiva. Algunos puntos adicionales para recordar sobre el impaza:

Acepta de forma nativa la mayoría de los campos ACF personalizados (dos veces excelente si usa nuestro complemento SmartCrawl para SEO, que también acepta ACF).
100% compatible con el complemento de traducción del idioma WPML. Optimización de rendimiento incorporada (incluidos los activos de un clic para WPBakery: incluya CSS + JS para artículos que existen en sus páginas)
Modo de mantenimiento incorporado, generador de botones, dimensiones de imagen personalizadas, entre otras
La posibilidad de importar páginas de demostración individuales o copiar en ciertos momentos de ciertas páginas de demostración. Esta es una excelente opción de calidad de vida: cuando ve una cierta fila en una demostración que desea replicar, solo tiene que copiar y pegar.
Cada licencia es válida para 1 lugar de producción y 1 lugar de desarrollo (fuerzas del modo de mantenimiento). Un sitio con licencia le ofrece la etiqueta blanca, la demostración de importación, las actualizaciones con un solo clic (excluyendo el complemento), los suplementos/complementos recomendados (por ejemplo, Smush)
Nota: No es necesario ejecutar una licencia en el sitio y puede rotar una licencia donde necesita instalar suplementos o importar demostraciones. Las actualizaciones de temas todavía están disponibles a través de Envato Plugin y para sitios no relacionados. Además, si bien su ayuda está activa, los desarrolladores de temas lo ayudarán con casi cualquier personalización del tema y, según Phil, que usa el tema a gran escala, su personal de asistencia está increíblemente bien informado.
Entonces, Impreza es una gran WordPress para usar, especialmente si le gusta usar WPBakery.
Sin embargo, lo que realmente queremos saber es lo siguiente:
¿Sitios creados con carga articular rápidamente y funcionan bien?
Podemos hacer que los sitios web creados con Incoza se carguen aún más rápido y funcionen aún mejor utilizando nuestros complementos de optimización Smush y Hummingbird y la gestión de WordPress administradas? Para estas respuestas, para volver a la metodología de Phil … de prueba para la optimización de WordPress Impreza Impreza El tema está muy orientado al rendimiento, ya que muestra algunas de las opciones avanzadas del tema que ofrece.
Impreza ofrece opciones de temas avanzados para ayudar a mejorar el rendimiento. Para ver qué tan bien puede clasificarse en Google PageSpeed ​​Insights y Gtmetrix, aquí está la metodología de prueba de Phil, en sus propias palabras:
(La nota del editor: los miembros de WPMU DEM como Phil tienen acceso automático a las versiones Pro de nuestros complementos, como parte de su suscripción WPMU Dev, pero puede seguir la misma metodología a continuación utilizando las versiones gratuitas de SMUH y Hummingbird).
Use un sitio web real: el sitio web que utilicé en este punto de referencia es un sitio web real y completamente construido. Aunque aún no está en vivo para el tráfico público, ejecuta WPML y está lleno de contenido real, incluidas las imágenes.

Alojado en WPMU DE: un servidor de bronce simple ubicado en Toronto, Canadá. Probaremos la memoria de caché fastcgi en el servidor
Smush Pro: La optimización de imágenes es importante para este sitio, porque cada publicación de blog tiene una imagen presentada. Este sitio web probablemente crecerá a más de 10,000 publicaciones de blog en los próximos 5 años, por lo que debemos asegurarnos de que optimizaremos desde el principio.
Hummingbird Pro: Pruebe para ver si la optimización de activos funciona con el impaza.
AMBARIO: No necesitamos redundancia en las soluciones de caché, por lo que se usó Cache Hummingbird Pro o Cache Serverside FastCGI. Configuración de rendimiento: Mantenga “HTTP/HTTPS” en los archivos, apague la script de migración de jquey, mueva las escrituras de jque a las scripciones de jque a las scriptiones de jque a El sótano, cargue dinámicamente los componentes JS del tema, apague el WPbakery Puge Builder adicional, apague los archivos CSS Gutenberg (editor de bloques), optimice el tamaño de JS y CSS, y combine los estilos de fuente de Google en un solo archivo CSS.
Resultados de referencia Las pruebas se realizaron a partir de los complementos deshabilitados, la configuración operativa deshabilitada y el almacenamiento en caché en el servidor deshabilitado.
Phil luego activó progresivamente un componente a la vez. Google PageSpeed ​​Insights se ha enrollado tres veces (tres rollos se mantienen en promedio) y se ha generado una relación de rendimiento GTMTRIX. Aquí están los resultados de la prueba de Phil:
Las pruebas anteriores se realizaron independientemente de Phil Martin, un desarrollador profesional de sitios de WordPress y miembro WPMU Dev. Los resultados de la prueba de Phil con el tema impreza y los métodos de optimización incremental.
Como puede ver en lo anterior, los resultados de la prueba de Phil se han ido … antes (solo juntos):
Puntuación de Google PSI Mobil: 27

Puntuación de escritorio de Google PSI: 83

Puntuación GTMTRIX: A-92%-94%
Gtmetrix *FCP: 1.1 S
Gtmetrix ** ttfb: 0.8s
Después (Impreza + Smush + Hummingbird + CDN/Caching):
Puntuación de Google PSI Mobil: 87 (mejora del 222%)
Puntuación de escritorio de Google PSI: 96 (15,6%de mejora)
Puntuación GTMTRIX: A-100%-95%
Gtmetrix *FCP: 0.461s
Gtmetrix ** ttfb: 0.206 s
* Fcp = primera pintura contentful ** ttfb = tiempo hasta el primer byte
Después de ejecutar las pruebas anteriores, aquí está la configuración que Phil encontró para funcionar mejor: Configuración de rendimiento: todas activadas.
Smush: todos los recomendados + CDN + WebP (solo funciones Pro). Además, asegúrese de que la integración de WPBakery Page Builder se active en el menú Smush> Integraciones. Esto aplastará las imágenes de dimensiones personalizadas redimensionadas utilizando el editor de constructor de página WPBakery.
Hummingbird: todos los recomendados + CDN + Optimización de activos automáticos/rápidos.
Memoria de caché: ya sea Hummingbird Pro o FastCGI en el servidor.
La fundación de Impreza + WPMU Dev por su cuenta hace otro buen trabajo. 83/100 en el escritorio de PageSpeed ​​y una nota A (92%; 94%) en GTMetrix es impresionante, pero obviamente no es deseable el puntaje 27 en los muebles.
Las optimizaciones de rendimiento incorporadas de Impreza son muy efectivas. Mejora los puntajes de Google PageSpeed ​​en los años 90, que es particularmente importante para los dispositivos móviles.
Smush no parece hacer una gran diferencia en los puntajes de rendimiento, pero reducirá la dimensión de carga general de la página donde están presentes las imágenes.
El caché de Hummingbird parece ser el mismo que el caché en el servidor FastCGI.
Hummingbird Pro CDN parece ser que permitir que el servidor proporcione CSS + JS a través del almacenamiento en caché FastCGI.
Aquí hay información adicional de valiosa que Phil ha proporcionado después de ejecutar pruebas:
“La cosa número 1 que destruye completamente estos puntajes es el JavaScript Recaptcha de Google”.
“Me sorprende honestamente lo bien que ha funcionado el tema + WPMU de alojamiento con el almacenamiento en caché de Servidor de Fastcgi. TTFB de 0.224 sy 92/98 en PageSpeed ​​Insights sin complementos adicionales es increíblemente impresionante. Smush Pro es entonces una capa de optimización adicional en la parte superior, que proporciona archivos de imagen súper optimizados. Hummingbird Pro puede relajarse un poco y no tiene que preocuparse por servir caché. Más bien, puede centrarse en establecer toda nuestra sede, monitoreando el tiempo de funcionamiento y el CDN de CDN. “. El rendimiento de Impreza es aún mejor en las propias palabras de Phil: “Después de usar muchos de los principales temas multifuncionales en el pasado (avada, enfold, standon, extra, júpiter, saliente, etc.), nunca tuve tanto éxito en la construcción de la construcción de modernas , sitios web minimalistas, eficientes e hiperperformadores como yo. con impresión. Para mí, vale la pena comerciar plantillas prefabricadas y bibliotecas demostrativas para un diseño cuidadoso, personalización extendida y un rendimiento ridículo. Y mira, los resultados no mienten: ninguna prueba ha renunciado a la nota A en gtmetrix “.
No tiene que ser canadiense como Phil para obtener todo “A” -Se solo tiene que instalar Smush y Hummingbird … “Moose’t-Have” Plugins de optimización. ¡Asi que aqui esta! Impreza no es solo un WordPress multifuncional con carga rápida, alimentada por el generador de páginas WPBakery, sino que su rendimiento se puede mejorar utilizando complementos de optimización de Smush y Hummingbird con funciones de alojamiento de servidores, como CDN y FastCGI activado. Para acceder a todo nuestro conjunto de complementos Pro, WordPress Hosting administró la asistencia de experto extremadamente rápida y 24 × 7 para todos los WordPress, convertirse en un miembro de desarrollo de WPMU con nuestra versión de riesgo. Colaboradores Este artículo fue escrito en colaboración con: Phil Martin – Capital Web Design. Phil usa sus veinte años de experiencia en diseño web para lograr un solo objetivo: ¡retribuir a su ciudad natal construyendo sitios web modernos para empresas y organizaciones sin fines de lucro en la capital de Canadá! *** Nota: No aceptamos artículos de fuentes externas. Los miembros de WPMU de, sin embargo, pueden contribuir con ideas y sugerencias para tutoriales y artículos en nuestro blog Xchange.
¿Usas temas basados ​​en WPBakery como Treza? ¿Ha intentado optimizar su sitio como se muestra arriba? Comparta sus pensamientos y comentarios a continuación.