Blogger por defecto inserta código CSS y JavaScript en la cabecera y pie de página, útiles para los temas oficiales, pero que resulta perjudicial para el rendimiento, ya que aumenta el tiempo de carga y retrasa el renderizado de la parte superior. Estos archivos no son necesarios si estás desarrollando una plantilla propia, es más, te interesa eliminarlos y aquí te enseñaré cómo hacerlo.
Deshabilitar widget_css_bundle.css
Se trata de un reset CSS que también incluye estilos para los widgets y algunos hacks. El archivo lo agrega Blogger de forma automática debajo de <head>. Para quitarlo es tan sencillo como agregar b:css='false' en la etiqueta <html>, de esta forma:
<html b:css='false'>Deshabilitar widget.js
Es el archivo JavaScript más importante que inserta Blogger, ya que agrega funcionalidades a los widgets y habilita algunas características. Para eliminarlo, agrega b:js='false' en la etiqueta <html>, de esta forma:
<html b:js='false'>A diferencia de lo que ocurría anteriormente, hoy en día usar este atributo elimina completamente el JavaScript de Blogger sin afectar el aviso de cookies ni la pestaña "Diseño". El único elemento que dejará de funcionar es el widget de formulario de contacto.
Si necesitas un formulario de contacto, puedes reemplazar el widget de Blogger por un servicio externo de formularios. Estas plataformas actúan como backend para recibir y procesar los envíos, por lo que puedes mantener el formulario construido únicamente con HTML, sin JavaScript ni código de servidor propio.
Alternativas para formularios HTML
- FormSubmit: permite enviar formularios HTML directamente a una dirección de correo electrónico sin utilizar JavaScript, PHP ni otro código de backend. No requiere registro inicial.
- Formspree: permite conectar un formulario HTML con un endpoint y gestionar los envíos desde su plataforma. Requiere crear un formulario para obtener su endpoint.
- Formcarry: proporciona un endpoint para formularios HTML y permite recibir los envíos sin implementar un backend propio.
Por ejemplo, con FormSubmit, el formulario puede enviarse directamente a su endpoint utilizando únicamente HTML. Aunque es posible colocar la dirección de correo directamente, no es recomendable exponerla públicamente, ya que puede ser recopilada por bots y visitantes.
<form action="https://formsubmit.co/[email protected]" method="POST">
<label for="name">Nombre</label>
<input type="text" id="name" name="name" required>
<label fr="email">Correo electrónico</label>
<input type="email" id="email" name="email" required>
<label for="message">Mensaje</label>
<textarea id="message" name="message" required></textarea>
<button type="submit">Enviar</button>
</form>Este código puede añadirse directamente a Blogger utilizando un widget de tipo HTML/JavaScript. No es necesario añadir JavaScript ni crear un backend en tu servidor. Para evitar exponer el correo, FormSubmit ofrece la opción Invisible emails, que permite utilizar una cadena aleatoria en su lugar.
Conclusión
Si utilizas un tema de terceros y este no tiene estos archivos deshabilitados, te recomiendo que no los elimines, ya que podrías perder funcionalidades importantes. En cambio, si estás trabajando en un tema propio, puedes eliminarlos para obtener un mejor rendimiento y mejorar el desarrollo de tu plantilla. Muchas gracias por leer, espero que te haya sido de ayuda.
