Navegar por las complejidades de la optimización de sitios web presenta un conjunto único de desafíos, particularmente cuando se enfrenta a las abrumadoras "El tamaño del archivo HTML es demasiado largo" problema identificado por Bing. Este obstáculo común puede ser una fuente de frustración para muchos propietarios de sitios web. En esta completa publicación de blog, nuestro objetivo
ayudar a quienes luchan con este desafío proporcionándoles una guía sistemática basada en nuestra experiencia colectiva.
El dilema del tamaño demasiado largo del archivo HTML
Los meticulosos algoritmos de Bing notifican diligentemente a los propietarios de sitios web si el tamaño del archivo html supera demasiado el umbral crítico de 124 KB. Superar este límite no sólo afecta la experiencia del usuario sino que también pone en peligro la visibilidad de un sitio web en los motores de búsqueda. Reconociendo la gravedad de este problema, nos embarcamos en un viaje para identificar y abordar las causas subyacentes.
Comprender el significado
Antes de profundizar en la guía paso a paso, es fundamental comprender la importancia de mantener un tamaño de archivo html óptimo durante demasiado tiempo. Bing, al igual que otros motores de búsqueda, valora los sitios web de carga rápida porque contribuyen a una experiencia de usuario positiva. Un tamaño de archivo html demasiado largo que supere el umbral recomendado no sólo impide los tiempos de carga sino que también puede dar como resultado una clasificación de búsqueda más baja.
En esta publicación de blog, lo guiaremos a través de un proceso detallado para identificar, analizar y rectificar problemas de tamaño demasiado largo de archivos html señalados específicamente por Bing. Ya sea propietario de un sitio web, desarrollador o comercializador digital, los siguientes pasos tienen como objetivo ayudarlo a optimizar el tamaño de su archivo HTML de manera efectiva, garantizando que su sitio web permanezca visible y accesible en los resultados de búsqueda de Bing. Embárquemonos juntos en este viaje y abordemos el dilema del tamaño demasiado largo del archivo html con soluciones prácticas.
Paso 1: examinar el código fuente del sitio web
Comience el proceso inspeccionando el código fuente de su sitio web. Abra su sitio web en un navegador web y haga clic derecho en la página. Seleccione "Inspeccionar" o "Inspeccionar elemento" para acceder a las herramientas de desarrollo del navegador. Navegue a la pestaña "Fuentes" o "Elementos", según el navegador.
Paso 2: identificar el código JavaScript en línea
Examine cuidadosamente el código fuente de JavaScript en línea. Busque scripts incrustados directamente dentro del
HTML en lugar de estar vinculado externamente. Este JavaScript en línea puede contribuir significativamente al problema del tamaño demasiado largo del archivo html. Tome nota de los scripts asociados con los diferentes complementos.
Paso 3: Identificar los complementos responsables
Identifique los complementos asociados con el exceso de código JavaScript en línea. Compruebe si hay patrones o
puntos en común en los nombres de los scripts o comentarios que pueden indicar el complemento fuente. Algunos complementos pueden
inyecta scripts innecesarios en su HTML, lo que contribuye al problema del tamaño demasiado largo del archivo html.
Paso 4: evaluar la necesidad del complemento
Paso 5: Optimice o elimine complementos innecesarios
Para los complementos identificados como contribuyentes al problema del tamaño demasiado largo del archivo html, tome las medidas adecuadas. Optimizar
configuración del complemento para minimizar la inyección de código o explorar complementos alternativos que ofrecen una funcionalidad similar
con una mejor optimización. Si un complemento se considera innecesario, considere eliminarlo por completo.
Paso 6: eliminar CSS en línea innecesario
Paso 7: Verifique el CSS en línea generado por el tema
Paso 8: verificar el uso de CSS
Paso 9: cree un archivo CSS separado
Paso 10: eliminar CSS no utilizado:
Optimización adicional para usuarios del tema Astra
Paso 11: eliminar CSS en línea para el tema Astra
Para eliminar CSS en línea generado por el tema Astra, inserte el siguiente código en el archivo funciones.php de su tema hijo. Este código utiliza un filtro para quitar de la cola el tema Astra y los estilos del complemento Astra Pro, eliminando efectivamente el CSS en línea.
función astra_force_remove_style() { wp_dequeue_style( 'astra-theme-css'); wp_dequeue_style('astra-addon-css'); } add_action( 'wp_enqueue_scripts', 'astra_force_remove_style', 99);
Deshabilitar emoji en WordPress
Puede desactivar emoji en su sitio agregando estas 2 líneas de código al archivo funciones.php.
remove_action('wp_head', 'print_emoji_detection_script', 7);
remove_action('wp_print_styles', 'print_emoji_styles');
Eso es todo, ya no cargará el archivo wp-emoji-release.min.js en el encabezado del sitio.
Deshabilitar el estilo Gutenberg en el encabezado
Puedes desactivar Estilo Gutenberg en su sitio agregando estas 2 líneas de código al archivo funciones.php.
función wps_deregister_styles() {
wp_dequeue_style ('estilos-globales');
}
add_action('wp_enqueue_scripts', 'wps_deregister_styles', 100);
Verificación a través de Bing Scan
Para garantizar la efectividad de estos cambios, inicié un escaneo de Bing después de implementar los ajustes para el tamaño del archivo html durante demasiado tiempo.
Afortunadamente, el problema del tamaño demasiado largo del archivo html ya no se informó, lo que indica que los cambios tuvieron un efecto positivo.
impacto.
Conclusión
En conclusión, el camino para resolver el problema del tamaño demasiado largo del archivo html señalado por Bing implica un enfoque meticuloso y sistemático. Desde identificar y optimizar complementos hasta perfeccionar CSS y realizar ajustes específicos para temas específicos, esta guía completa ofrece pasos prácticos para mejorar el rendimiento del sitio web. Al priorizar los estilos esenciales, eliminar elementos innecesarios y emplear medidas proactivas como la eliminación del CSS en línea del tema Astra, los propietarios de sitios web pueden optimizar su base de código y garantizar tiempos de carga más rápidos.
Seguimiento y validación continuos, junto con el compromiso de
La optimización continua solidifica las bases para un sitio web que no solo cumple con los estándares de Bing sino que también brinda una experiencia de usuario excepcional en el dinámico panorama digital.
