Grow with AppMaster Grow with AppMaster.
Become our partner arrow ico
Company logo
Company Size: 1-50 empleados
Use Cases: Herramienta de pre-renderizado
Website: renderly.dev

El uso de una plataforma sin código nos permitió desarrollar Renderly de manera rápida y rentable, lo que permitió a nuestro equipo concentrarse en mejorar el rendimiento sin empantanarse en desafíos de codificación complejos.

Renderly es una herramienta que ayuda a los motores de búsqueda a rastrear e indexar mejor los sitios web con contenido dinámico. Proporciona versiones rápidas y pre-renderizadas de las páginas web, lo que garantiza que su sitio tenga una mejor clasificación y un mejor rendimiento en los resultados de búsqueda. Renderly proporciona una ventaja significativa en términos de indexación de su sitio web. En lugar de esperar varios segundos para que se renderice una página, los motores de búsqueda pueden acceder y procesar cada página de su sitio en menos de 100 milisegundos. Esto significa que, en lugar de indexar 10 páginas en una semana, gracias a los tiempos de respuesta rápidos, los motores de búsqueda pueden indexar cientos o incluso miles de páginas. Esto se debe a que los motores de búsqueda generalmente asignan recursos en función del tiempo empleado en la indexación, en lugar de la cantidad de páginas indexadas.

Objetivos

  • Desarrollar una solución SaaS completa para pre-renderizar páginas web, con integraciones para Stripe, autenticación de Google, Telegram (incluidas notificaciones de bots) y Amazon SES.
  • Cree un sitio web de varias páginas totalmente funcional con un panel de administración y un sistema de gestión de contenido. El CMS se integra con OpenAI para la generación automática de contenido y un banco de imágenes para seleccionar imágenes que coincidan con el contenido automáticamente.

Solución

Se desarrolló una solución de renderización SaaS con todas las funciones. El sistema utiliza el nombre de dominio para consultar el sitio, localizar su mapa del sitio (incluido el soporte para múltiples mapas del sitio y la anidación) y compilar una lista completa de todas las URL disponibles. Luego, estas URL se envían para una indexación preliminar, durante la cual se verifica su accesibilidad y se almacenan en caché las páginas. Los programadores se ejecutan periódicamente para volver a verificar los mapas del sitio y actualizar las páginas almacenadas en caché. Según su plan de suscripción, los usuarios pueden ajustar la frecuencia con la que se realizan estas verificaciones y actualizaciones.

Desde su panel personal, los usuarios pueden monitorear todas las solicitudes a su sitio, realizar un seguimiento de los eventos de renderización de páginas, revisar los resultados y las métricas de rendimiento, y acceder a un historial completo de eventos. No se requirieron integraciones adicionales con Stripe, Google Authentication, Telegram o Amazon SES porque AppMaster ya proporciona módulos de integración listos para usar, lo que reduce significativamente el tiempo de desarrollo.

Además del backend y la aplicación web, se creó un sitio web multipágina, un panel administrativo y un sistema de gestión de contenidos. También se implementaron integraciones con OpenAI y un banco de imágenes utilizando los módulos existentes de AppMaster.

Resultado

Todas las tareas se completaron minuciosamente y antes de lo previsto. El proyecto fue entregado en solo cinco semanas por un equipo de dos personas. Gracias al diseñador web AppMaster, pudimos saltarnos la etapa de maquetación. El diseñador creó las páginas del sitio web, las pantallas de la aplicación web y el sistema de gestión de contenido directamente en AppMaster, lo que permitió al ingeniero comenzar a configurar la funcionalidad de inmediato. Este enfoque simplificado ahorró una cantidad significativa de tiempo tanto en el diseño como en la maquetación.

También ahorramos mucho tiempo gracias al trabajo en paralelo. Mientras el diseñador se concentraba en los aspectos visuales, el ingeniero se centraba en el backend. Una vez completadas ambas etapas, el ingeniero solo necesitó unos días más para finalizar la lógica de los elementos de la aplicación web. Después de eso, el proyecto se lanzó con éxito.

Del equipo AppMaster

Una característica clave de este proyecto es que es un proyecto híbrido. En otras palabras, está construido en un 95% sobre AppMaster e incluye un microservicio personalizado para la funcionalidad CDP . CDP significa Chrome Developer Protocol, un protocolo especializado que permite cargar y renderizar sitios web. Básicamente, todo está controlado por la aplicación basada en AppMaster. Hay un pequeño microservicio que se encarga de la tarea puramente técnica de generar páginas y emplea una gama de tecnologías de vanguardia. Todo está escrito en Go, lo que lo hace más rápido que cualquier otra solución del mercado. Mientras que nuestros competidores dependen de JavaScript, que es más lento, nosotros usamos Go, lo que permite que todo se ejecute rápidamente y en paralelo.

Nos impresionó tanto el rendimiento de esta herramienta que integramos partes de ella directamente en la infraestructura AppMaster. Esto significa que nuestros clientes no solo obtienen capacidades de prerenderizado, sino que también se benefician de un prerenderizado extremadamente rápido justo donde alojamos sus sitios. En resumen, es una situación en la que todos ganan.

Actualmente, de manera predeterminada, todos los nuevos proyectos creados en AppMaster incluyen la función de renderización previa a pedido gratuita habilitada. Esta función se incluye automáticamente en todos los planes de implementación y se completa con un enrutamiento distribuido geográficamente. Los clientes pueden comprar opcionalmente una clave de licencia de Renderly, ingresarla en AppMaster y administrar su almacenamiento en caché de manera centralizada.

Dado que tanto nuestras aplicaciones generadas como los microservicios están escritos en Go, podemos pre-renderizar una gran cantidad de páginas y entregarlas mucho más rápido de lo que sería posible con otros lenguajes de programación. Contamos con conocimientos técnicos exclusivos en AppMaster: después de la pre-renderización, almacenamos todas las páginas no solo en nuestro almacenamiento sino también en un formato comprimido. Esto significa que cuando un motor de búsqueda accede a nuestro sistema, si admite la entrega comprimida, podemos proporcionar las páginas en ese formato de inmediato, ahorrando aún más tiempo y maximizando la eficiencia.

Además, la interfaz de Renderly permite especificar la frecuencia con la que se deben volver a visitar las páginas para actualizar la memoria caché y mantenerla actualizada de forma continua. En otras palabras, hemos desarrollado una amplia gama de herramientas para validar páginas y entregarlas rápidamente. En general, se trata de una herramienta excepcional que todo el mundo debería utilizar, y es precisamente por eso que la hemos incluido de forma predeterminada y gratuita en todos los proyectos creados con AppMaster.

Fácil de empezar
Crea algo sorprendente

Experimente con AppMaster con plan gratuito.
Cuando esté listo, puede elegir la suscripción adecuada.

Empieza