Prueba de tiempo de carga del generador de oxígeno
Publicado: 2022-04-10Este artículo analizará el tiempo de carga del backend de Oxygen Builder. Mucha gente dice que esto es una de las principales desventajas de este PageBuilder de WordPress, por lo que decidimos probarlo en varios dispositivos diferentes. Veamos qué se descubrió.
Primero, compararemos diferentes navegadores en el mismo dispositivo. Luego, compararemos diferentes dispositivos usando el mismo navegador. Esto debería permitirnos identificar no solo qué dispositivos cargan Oxygen Builder más rápido, sino también qué navegadores son mejores para esta tarea.
Excluiremos las pruebas de diferentes configuraciones de alojamiento, ya que eso agrega mucha complejidad a esta comparación. Además: es un hecho bien conocido que si está utilizando un alojamiento económico, tendrá tiempos de carga lentos tanto en el front-end como en el back-end de cualquier sitio web de WordPress. Depende completamente de usted si este es el caso. (Sin embargo, podemos revisar esto en el futuro).
El sujeto de prueba
Nuestro sujeto de prueba es un sitio web de construcción de oxígeno relativamente estándar creado por nosotros, para nuestra audiencia. Echemos un vistazo al rendimiento inicial de la página, el tamaño y aspectos adicionales.
Este sitio web de prueba está alojado en un servidor DO Premium dedicado, con 2 GB de RAM y configuraciones estándar. Está administrado por Cloudways, que es nuestro host recomendado por velocidad, costo y soporte. En el momento de la prueba, no habíamos completado ninguna optimización de velocidad adicional en el sitio. La configuración del servidor no se modificó desde que se puso en marcha la instancia.
Leer: Análisis de las cinco opciones de servidor de Cloudway para alojamiento de WordPress
Nota al margen: esta es una excelente opción de servidor para sitios de desarrollo y poco tráfico, que puede escalar fácilmente al iniciar. Use el código ISOTROPIC para obtener un descuento en Cloudways al registrarse y obtenga una prueba gratuita de 3 días (sin CC).
La página probada es la página de inicio del sitio web. En el momento de la prueba, se veía así:
Los elementos principales de la página que se estaban cargando eran un elemento de menú Oxygen Builder, una barra de búsqueda personalizada y una cuadrícula de publicaciones fáciles de publicaciones de demostración (la primera sección), un elemento WSForm Oxygen y un carrusel OxyExtras con un repetidor dentro. Este repetidor tenía más de nueve publicaciones y docenas de condiciones basadas en campos de MetaBox.
La página era pública ya que un subdominio de Deals.isotropic.co DNS se transmitió a través de Cloudflare.
El tamaño total de la página era de 5,05 MB. Esto se debió principalmente al uso de imágenes optimizadas en el momento de la prueba. Recuerde que este es un sitio web de desarrollo en etapa inicial (prometo que lo haremos rápido antes de publicarlo). Creo que este tipo de sitio web es la mejor manera de probar la velocidad de carga y retroceso de Oxygen Builder, ya que simula un entorno de desarrollo normal.
Los complementos en uso fueron los siguientes:
| Nombre | Descripción | desarrollador | Estado | Versión utilizada | Revisar |
|---|---|---|---|---|---|
| Enlaces mejores | Complemento definitivo para crear, acortar, rastrear y administrar cualquier URL. Recopile informes analíticos y ejecute campañas de marketing con éxito fácilmente. | WPDeveloper | Activo | 1.2.7 | |
| Mejor Enlaces Pro | Obtenga acceso a análisis individuales, administración de roles, integración de Google Analytics y muchas más características sorprendentes para rastrear y ejecutar campañas de marketing exitosas. | WPDeveloper | Activo | 1.1.0 | |
| Mejor Buscar Reemplazar | Un pequeño complemento para ejecutar una búsqueda/reemplazo en su base de datos de WordPress. | cerebros deliciosos | Activo | 1.3.4 | |
| Deshabilitar los avisos de administración individualmente | Deshabilitar el complemento de avisos de administración le brinda la opción de ocultar las advertencias de actualizaciones y los avisos en línea en el panel de administración. | movimiento creativo | Activo | 1.2.6 | |
| Deshabilitar Gutenberg | Deshabilita Gutenberg Block Editor y restaura el Editor clásico y la pantalla Editar publicación original. Proporciona opciones para habilitar en tipos de publicaciones específicas, roles de usuario y más. | jeff starr | Activo | 2.5.1 | |
| dComplementos DevKit | Complemento diseñado para instalaciones y depuración de dPlugins | devusrmk | Activo | 1.1.2 | |
| Remitente de correo electrónico elástico | Este complemento reconfigura la función wp_mail() para enviar correos electrónicos usando API (a través de Elastic Email) en lugar de SMTP y crea una página de opciones que le permite especificar varias opciones. | correo electrónico elástico inc. | Activo | 1.2.3 | |
| Favoritos | Botones favoritos simples y flexibles para cualquier tipo de publicación. | kyle phillips | Activo | 2.3.2 | |
| Paquete de hidrógeno | Un paquete de mejoras de Oxygen Builder que ahorran tiempo | Complementos limpios | Activo | 1.3.5 | Nuestra revisión |
| MalCare Security - Escáner de malware gratuito, protección y seguridad para WordPress | MalCare Security - Escáner de malware gratuito, protección y seguridad para WordPress | Seguridad MalCare | Activo | 4.63 | |
| metabox | Cree metacuadros personalizados y campos personalizados en WordPress. | MetaBox.io | Activo | 5.4.8 | Nuestra revisión |
| Metabox todo en uno | Todas las extensiones de Meta Box en un solo paquete. | MetaBox.io | Activo | 1.15.1 | |
| Inicio de sesión social de Nextend | Nextend Social Login muestra botones de inicio de sesión social para Facebook, Google y Twitter. | Nextendweb | Activo | 3.1.2 | |
| OxyExtras | Biblioteca de componentes para oxígeno. | OxyExtras | Activo | 1.3.8 | |
| Oxígeno 3.9 Beta 2 | BETA. ÚSELO BAJO SU PROPIO RIESGO. | Soflyy | Activo | 3.9 Beta 2 | |
| Elementos de oxígeno para WooCommerce | Cree hermosos sitios web de WooCommerce. | Soflyy | Activo | 1.4 | |
| OxyMade | Tailwind CSS basado, marco de trabajo CSS de clase de utilidad y herramientas para Oxygen Builder. | Anvesh | Activo | 1.5.2 | Nuestra revisión |
| SSL realmente simple | Complemento liviano sin ninguna configuración para hacer que su sitio sea a prueba de SSL | Complementos realmente simples | Activo | 5.1.2 | |
| Redirección | Administre todas sus redirecciones 301 y controle los errores 404 | Juan Godley | Activo | 5.1.3 | |
| Cambiar el tamaño de la imagen después de cargar | Cambie automáticamente el tamaño de las imágenes cargadas dentro del ancho y la altura máximos especificados. También tiene la opción de forzar la recompresión de archivos JPEG. Las opciones de configuración se encuentran en Configuración > Cambiar el tamaño de carga de imagen | Píxel corto | Activo | 1.8.6 | |
| Organizador de guiones | Editor de código avanzado para Wordpress | dComplementos | Activo | 3.0.0 Beta 2 | Nuestra revisión |
| BuscarWP | El mejor buscador de WordPress que puedes encontrar | BuscarWP | Activo | 4.1.22 | |
| BuscarWP Live Ajax Buscar | Mejore sus formularios de búsqueda con la búsqueda en vivo, impulsada por SearchWP (si está instalado) | BuscarWP, LLC | Activo | 1.6.1 | Nuestra revisión |
| Métricas de SearchWP | Métricas de búsqueda avanzada de SearchWP | BuscarWP | Activo | 1.4.0 | |
| Códigos cortos de SearchWP | Proporciona códigos cortos que generan formularios de búsqueda y páginas de resultados para los motores de búsqueda SearchWP | BuscarWP | Activo | 1.8.2 | |
| Shareaholic - Crece e involucra a tu audiencia | El complemento oficial de WordPress de Shareaholic le permite agregar a su sitio web botones para compartir en redes sociales galardonados, publicaciones relacionadas, análisis de contenido, monetización de anuncios y más. | Shareaholic | Activo | 9.7.1 | |
| Cuchillo suizo | El primer complemento que debe instalar cuando el valor predeterminado de Oxygen no es suficiente. | dComplementos | Activo | 1.3.7 | Nuestra revisión |
| Administrador de archivos WP | Administre sus archivos WP. | mndpsingh287 | Activo | 7.1.2 | |
| Generador de cuadrícula de WP | Cree diseños de cuadrícula avanzados con búsqueda por facetas en tiempo real para su comercio electrónico, blog, cartera y más... | Loïc Blascos | Activo | 1.5.9 | Nuestra revisión |
| WP Grid Builder - Caja meta | Integre WP Grid Builder con el complemento Meta Box. | Loïc Blascos | Activo | 1.0.0 | |
| WP Grid Builder - Oxígeno | Integre WP Grid Builder con el complemento Oxygen. | Loïc Blascos | Activo | 1.0.2 | |
| Formulario WS PRO | Cree mejores formularios de WordPress | Formulario WS | Activo | 1.8.125 | Nuestra revisión |
| WS Form PRO - Gestión de usuarios | Complemento de gestión de usuarios para WS Form PRO | Formulario WS | Activo | 1.4.1 |
*Revisamos los complementos que realmente usamos, como se evidencia aquí :).
Es importante tener en cuenta que estábamos usando Oxygen Builder 3.9 Beta 2. También teníamos los elementos de WooCommerce instalados, pero WooCommerce en sí no estaba en este punto.
Según los informes de los desarrolladores, esta versión de Oxygen fue casi el doble de rápida de cargar en el backend que la anterior.
Además, quiero señalar que OxyExtras, WPGridbuilder, OxyMade y WSForm agregaron elementos al backend del generador. Swiss Knife, una herramienta de skin/workflow y Hydrogen Pack también se están cargando en el backend.
Esencialmente, este tema de prueba es una página que muchos de los que usan Oxygen Builder tienen experiencia cargando. Hay varios complementos, extensiones y secuencias de comandos que se cargarán en el backend tanto del constructor como de los complementos de terceros.
Finalmente, aquí hay un vistazo rápido a mi WiFi:
Cómo se ejecuta esta prueba
Esta prueba se administra cargando directamente Oxygen Builder al hacer clic en "editar con Oxygen" en el backend de la página.
Se presiona el botón y el temporizador comienza allí. Una vez que el ícono de la rueda dentada se detiene y el navegador se inicializa por completo, la prueba se detiene.
Tenga en cuenta que esto no es completamente exacto, ya que estoy cronometrando manualmente esto con un cronómetro de iPhone, pero debería dar una buena aproximación de qué dispositivos y navegadores cargan este complemento más rápido. También vale la pena señalar: la página se cargó previamente en el lado de la fuente, pero nunca en el generador de fondo como administrador . Estoy accediendo al generador cargando deals.isotropic.co, yendo a la barra superior, haciendo clic en editar página, luego haciendo clic en el botón editar con oxígeno.
El objetivo de esta prueba no es una carrera de velocidad. Es obtener datos del mundo real sobre la parte posterior y los tiempos de carga de este complemento para ver si las preocupaciones están justificadas con la velocidad y la eficiencia. En lugar de mirar las cifras de tiempo reales, considere mirar las diferencias entre estos números cuando se trata de dispositivo y navegador.
Finalmente, he incluido enlaces de Amazon (afiliados) en caso de que esto inspire a alguien a comprar por impulso.
Oxygen Builder Tiempos de carga por navegador
Primero, intentemos cargarlo en todos los navegadores instalados en mi Mac Mini M1. Las estadísticas se actualizarán cuando se realicen pruebas por dispositivo, pero este es un Mac Mini M1 2020 con 8 GB de RAM, que ejecuta Big Sur V11.3.1. Este es mi "escritorio diario".
Comenzamos con una prueba de navegador para determinar cuál es el más rápido para cargar Oxygen. Usaremos este navegador cuando probemos diferentes dispositivos.
Probamos Safari V14.1, Chrome V95.0.4638.69 y Firefox V94.
- Firefox llega a los 05,59 segundos.
- Chrome llega a los 17,52 segundos.
- Safari llega a los 6,20 segundos.
Chrome fue el valor atípico obvio aquí. Lo ejecuté de nuevo para ver si había algún inconveniente en la carga: tardó solo unos 16,5 segundos en cargar la segunda vez, por lo que creo que el promedio es un número relativamente preciso.
Lo importante aquí es que Firefox es el navegador más rápido. Este ha sido un tema discutido en el grupo oficial de Facebook desde hace algún tiempo, por lo que esperamos que estos datos empíricos demuestren que debería usar este navegador. Personalmente, Firefox es mi navegador favorito para desarrollar sitios web, ya que tiene un montón de herramientas de desarrollo front-end de alta calidad. Sin embargo, en comparación con Chrome, carece de auditorías de seguridad y rendimiento.
Usaremos ese navegador para la prueba del dispositivo.
Oxygen Builder Tiempos de carga por navegador
Para esta prueba, vamos a usar dispositivos todos en la misma red Wi-Fi, usando la misma versión de Firefox, cargando la misma página que antes. El factor diferenciador será el dispositivo y las estadísticas de prueba que hay detrás. Aquí está la alineación.
2020 Mac Mini (ya probado)
- microprocesador de manzana M1
- RAM de 16GB
Carga Oxígeno en 05.59 segundos.
2019 XPS 13 9370
- Intel i7-8550U
- RAM de 16GB
Carga oxígeno en 11,54 segundos.
2020 iPad Air 10.9in MYFT2LL/A
- Microprocesador de Apple A14
- RAM de 4GB
Carga oxígeno en 11,96 segundos.
Leer: ¿Puedes desarrollar sitios web en un iPad Pro?
2019 Dell Latitud 7400
- Intel i7 8655U
- RAM de 16GB
Carga oxígeno en 16,19 segundos.
Macbook Pro 2020 de 13 pulgadas
- Intel Core i5
- RAM de 16GB
- Gráficos Intel Iris Plus 645 1536 MB
Carga oxígeno en 9,66 segundos.
MacBook Pro 2021 de 16 pulgadas
- Chip M1 Max de Apple
- RAM de 64GB
Carga oxígeno en 5,43 segundos.
Todos los dispositivos se conectan a un cargador de batería durante la prueba. El navegador Firefox es la única aplicación/programa abierto. Quizás se pregunte por qué tengo acceso a todos estos dispositivos. Personalmente, no soy dueño de cada uno de estos dispositivos electrónicos, sino que tengo acceso para alquilarlos en una universidad local.
Las grandes conclusiones
Primero, como se mencionó varias veces, esta es una prueba imperfecta. No se realizó en un entorno de laboratorio. Las páginas con datos menos dinámicos se cargarán más rápido en el generador de backend y las páginas con datos más dinámicos se cargarán más lentamente. Lo mismo para imágenes, elementos DOM y scripts.
Sugiero usar estos números arbitrariamente. En lugar de decir que Oxygen se cargará en X,XX segundos, usa los números para comparar el navegador y los dispositivos.
Conclusión 1: el navegador importa
Como afirma constantemente Facebook, Firefox es el navegador más rápido para cargar Oxygen Builder. Yo personalmente uso la edición para desarrolladores de Firebox.
Para llevar 2: El dispositivo importa
Los dos dispositivos más rápidos son los dispositivos Apple más nuevos que usan Apple Silicone. Esto tiene sentido; estos procesadores son mucho más rápidos que casi cualquier otra cosa en el mercado; y no son tan caras. El M1 Mac Mini básico está por debajo de $600 reacondicionado, y el M1 Macbook Air cuesta $899.
Conclusiones 2B: parece que el procesador importa más que la memoria RAM
También parece que cuanto más potente es el procesador, mejor es el tiempo de carga del Backend Builder. Por ejemplo, una computadora portátil con 64 GB de RAM se carga de manera similar a una con 16 GB de RAM. A medida que cae la potencia del procesador, también lo hace el tiempo de carga del generador.
Espero que intentar cargar el generador en un Chromebook u otro dispositivo con estadísticas bajas sea difícil.
Pensamientos finales
El tiempo promedio de carga de Oxygen Backend para esta prueba fue de aproximadamente 10 segundos para una página grande, no optimizada, con una tonelada de datos dinámicos. Además, había varios complementos que cargaban elementos propios en la página, junto con una gran colección de CSS global personalizado. Esto es muy aceptable en mi libro. Se vuelve aún más aceptable cuando cambia las clases de CSS y las opciones globales se pueden sincronizar sin necesidad de volver a cargar el generador con el complemento de colaboración.
Como desarrollador web que usa Oxygen para la mayoría de los proyectos, la velocidad del constructor nunca me ha impactado, pero quería analizar seriamente cuál era la mejor configuración para él.
Si tiene sus propios números de comparación, no dude en publicarlos en la sección de comentarios a continuación.