Diseña y publica tus sitios rápidamente

Ordena y limpia tu código fuente

¿Te interesa el código HTML que genera Breezi? ¿Te gusta tener tu código acomodado y sin elementos innecesarios? ¡Entonces debes probar la opción para Optimizar el código fuente!

Antes de habilitar esta funcionalidad, debes tomar en cuenta de que el código que te provee el editor es muy extenso y contiene muchos scripts. Al habilitar esta opción, se le aplicará sangría al código para que sea más legible. De la misma manera, se reducirá el número de scripts contenidos al enviar este código extra a archivos externos.

Cómo habilitarlo

Dirígete a la barra inferior y haz en el botón de “More”. Busca la opción de URL & Custom Tracking Code en el menú y selecciónala.

"URL & Custom Tracking Code" en el menú de "More"

Haz clic en el botón de More para abrir las opciones de URL y rastreo de códigos

Marca la casilla de “Optimize Source Code” en el panel que se abrirá. Dicha casilla se ubica justo arriba de la sección de “Custom Code”.

Opción de "Optimize Source Code"

Marca la casilla para optimizar el código fuente

Para poder ver los cambios, tu sitio ya debe de estar publicado. Si es así, solamente tienes que publicar los cambios manualmente con el botón de Publish Changes ubicado en la barra inferior.

Botón de "Publish Changes"

Haz clic en este botón para actualizar tu sitio y generar el código “limpio”

Antes y después

Para que tengas una probada de cómo es optimizado el código, aquí te presentamos una imagen de cómo se ve antes de habilitar la función.

Código fuente antes de la optimización

Código fuente antes de la optimización

Y así se ve cuando ya está optimizado; es decir, después de habilitar la función.

Código fuente después de la optimización

Código fuente después de la optimización

Preguntas frecuentes

¿Dónde está el código fuente?

Todos los navegadores modernos tienen una opción para ver el código fuente de la página que estés navegando. El proceso puede cambiar de navegador a navegador pero, normalmente, la opción está en el menú de “View” (“Ver”) o “Tools” (“Herramientas”) con el nombre de “View Source” (“Ver Fuente”).

"View Source" en Google Chrome

Aquí es donde puedes ver el código fuente con Google Chrome

¿Se genera automáticamente?

Si es la primera vez que habilitas esta opción, el código no se optimizará automáticamente. En estos casos, debes hacer clic en “Publish Changes” de la barra inferior para publicar los cambios manualmente y generar un código limpio. Una vez que ya hayas habilitado esta opción, siempre que publiques o hagas algún cambio, tu código ya estará optimizado.

¿Qué impacto tiene en mi sitio?

Esto ayuda con SEO y la facilidad de lectura del código fuente. Por otro lado, esto no conlleva un impacto negativo ni hará que tu sitio sea más lento a la hora de cargarse.

¿Nos faltó explicar algo? Háznoslo saber en la sección de comentarios.