Cómo eliminar los problemas de bloqueo de la carrera de colibríes para WordPress

¿Alguna vez ha estado ejecutando su sitio a través del instrumento Instifi de Google PageSpeed ​​y recibió el mensaje críptico: “Eliminar JavaScript y CSS que bloquea la línea en el contenido anterior”? Actualizado: 16.08.2018 Hummingbird incluye la página, el navegador, la caché RSS y Gravatar, soporte completamente multissed, todos los nuevos desarrolladores y una nueva interfaz simplificada. Desde que se lanzó Hummingbird, he agregado muchas cosas nuevas. ¡Vaya a la página del proyecto para ver todas las nuevas funciones! Vea el pájaro Colibri si la respuesta es “sí”, la buena noticia es que no está solo. Y hay una manera fácil de resolver el problema con nuestra optimización de colibrí y complemento de rendimiento.
Una parte importante de una buena experiencia de usuario en línea es un sitio web súper rápido, porque cuando el sitio está cobrando rápidamente la tasa de conversión aumenta. Pero muchos propietarios del sitio sacrifican la velocidad del sitio por los dulces o por una gran funcionalidad nueva, creyendo que lo que hacen es en interés de sus visitantes. Desafortunadamente, una buena mayoría de los visitantes del sitio se preocupan más por el tiempo necesario para cargar su sitio que cualquiera de estas campanas y silbatos adicionales. Para hacer las cosas aún más interesantes, Google ha enfatizado que la velocidad es un factor de clasificación cuando se trata de SEO. Se discutió por primera vez en abril de 2010, cuando Google anunció oficialmente en su blog, y Matt Cutts de la compañía del equipo web de SPAM dio explicaciones adicionales sobre esa decisión en su blog.
Elimine los problemas de bloqueo de juego de colibrí y sobrecarga la velocidad de la página, gratis para los miembros de WPMU DEM. Obtenga el sitio web de Humming Un sitio web lento es equivalente a una mala experiencia de usuario. Y Google está muy interesado en proporcionar una excelente experiencia de usuario. Para ser claros, esto no significa que su sitio web no aparezca en absoluto en los resultados de los motores de búsqueda; Más bien, solo significa que Google podría rastrear el acceso a su sitio más lento, lo que dará como resultado un número limitado de URL a las que se accederá con rastreadores en su sitio, en este artículo. Explicaré lo que el mensaje de Google PageSpeed ​​significa bloquear la realidad , cómo resolver los problemas de bloquear el Randil y cómo Hummingbird puede ayudarlo a solucionar estos problemas.
Google PageSpeed ​​Insights lo ayuda a identificar los elementos de su sitio que ralentizan la velocidad de carga de la página.

Entonces, ¿qué tan lento es demasiado lento? Según la respuesta de John Mueller en un hilo de ayuda para Google Webmasters, cualquier cosa durante 2 segundos se considera demasiado lenta. Y con dos segundos, significa que si su página no muestra nada, una pantalla vacía por más de 2 segundos, tiene problemas y los lectores dejarán su sitio en la multitud. Está bien si su página continúa cargando con datos más lentos después de 2 segundos.
Esto también es respaldado por la investigación de Gomez.com y Akamai.com cuyos resultados combinados han encontrado que el 47% de los consumidores esperan que una página web cobre en 2 segundos o menos, mientras que el 40% de las personas abandonan un sitio web que dura más de 3 segundos . carga. Estos resultados nos muestran que la velocidad del sitio es realmente crucial, no solo a los ojos de Google, sino también a los ojos de su visitante. Si no tiene idea de qué tan rápido (o qué lento) se carga su sitio, un buen lugar para comenzar son las herramientas de pingdom. El servicio analizará su sitio y le dirá cuánto tiempo lleva la carga. Si desea explorar más profundamente y ver cómo obtener un puntaje de acuerdo con Google, descubra qué ralentiza su sitio y qué puede hacer a este respecto, entonces haga. No busque más que Google Page Speed ​​Insights. Por lo general, desea que su puntaje sea 90 o más. Sin embargo, sin hacer nada para optimizar la velocidad de la página, la verdad es que su puntaje será mucho, mucho más bajo que eso. La mayoría de las veces, descubrirá que los mayores culpables para una puntuación baja son las tabletas malas y los problemas de bloqueo. Las imágenes mal comprimidas son bastante explícitas. Pero, ¿cuáles son los problemas de bloquear exactamente la obra?
Los problemas comunes de bloquear los problemas de bloqueo de refuerzo más frecuentes, especialmente cuando se trata de WordPress, son JavaScript y CSS, que se cargan en los contenidos sobre la página o en el área del sitio web que ve antes de comenzar a desplazarse hacia abajo. Desafortunadamente, también son parte de la ruta de remo crítica, lo que significa que no puede dejarlos por completo y no puede esperar que su sitio se muestre y funcione correctamente. Déjame explicar lo que eso significa. Por lo general, una página web consiste en un archivo HTML, que tiene la estructura de la página web. El archivo respectivamente contiene enlaces a archivos CSS, que son responsables de agregar estilos visuales y archivos JavaScript, que agregan pequeños suplementos a una página web, como animaciones, una ventana emergente activada por el desfile o una volación y, por lo tanto, Además. La fila crítica es la serie de eventos que deben tener lugar para jugar (mostrar) la visualización inicial de una página web, y la optimización de estos eventos conduce a páginas web significativamente más rápidas. Cuando comprenda cómo funciona la ruta de representación crítica, puede aplicar correctamente las correcciones necesarias para que cualquier página web se cargue rápidamente. La ruta de renderización crítica más simple se ve así:
El navegador descarga el archivo HTML
El navegador lee HTML y ve que hay tres archivos adicionales: un archivo CSS, un archivo JavaScript y una imagen
El navegador primero comienza a descargar la imagen
El navegador se da cuenta de que no puede mostrar la página web sin obtener primero CSS y JavaScript
El navegador descarga el archivo CSS y lo lee para asegurarse de que no se llame nada más
El navegador se da cuenta de que todavía no puede mostrar la página web hasta que tenga JavaScriptbrowser Descargar el archivo JavaScript y leerlo para asegurarse de que no se llame a nada más
El navegador finalmente puede mostrar la página web
Esencialmente, esto significa que antes de que se pueda mostrar algo en su sitio web, el navegador debe cargar y leer cada uno de sus archivos CSS y JavaScript. Hasta que esto suceda, sus visitantes miran una pantalla vacía.
Ahora, imagine cómo se ve una ruta de reproducción crítica en un sitio web que tiene varios archivos CSS, archivos JavaScript, imágenes, redes sociales, más archivos de audio, archivos adjuntos como archivos PDF y la lista pueden continuar. Es fácil ver cómo las cosas pueden desordenarse bastante rápido. Especialmente en el caso de WordPress, donde es demasiado común tener más archivos CSS y JavaScript en su tema. Si agrega los muchos complementos que muchas personas tienden a instalar, las cosas se vuelven aún más complicadas y desordenadas, lo que conduce a una carga lenta de una carga lenta de Sitios web.
Todo esto significa que cuando Google habla sobre la velocidad de la página y su importancia como factor de clasificación, se refiere a cuánto tiempo deben esperar sus usuarios antes de comenzar a ver contenido y qué tan rápido pueden comenzar a interactuar con él. Su principal preocupación cuando se trata de optimizar la velocidad de la página debería ser reducir el tiempo requerido para ver su contenido e interactuar con él. Esto significa que debe hacer todo lo posible para optimizar la ruta de representación crítica. Examinemos algunas formas en que puede remediar estos problemas. Cuanto más CSS tenga y cuanto más grandes sean los archivos, más tiempo le toma al navegador leer y mostrar el sitio web. Hay algunas formas de tratar el CSS que bloquea la representación:
Llamada correcta de sus archivos CSS
Reducir el número de archivos CSS en la ruta crítica
Use menos CSS en general
1. Cómo llamar correctamente a CSS Hay dos formas de llamar a CSS que debe evitar: @Import y los archivos CSS etiquetados de manera inapropiada. El método @Import para llamar a CSS estará cerca de la parte superior de la hoja de estilo habitual y se verá así: @Import URL (“style.css”) Esto significa que el navegador primero debe buscar el archivo importado antes de que pueda leer El resto de su archivo CSS, que se retrasará más aún más tiempo para mostrar su página web. En cambio, es mejor copiar solo el contenido del archivo importado y pegarlo en la hoja de estilo original; O borde esa línea completa de la hoja de estilo original e incluya el archivo CSS importado al archivo HTML, utilizando la siguiente línea de código: Asegúrese de reemplazar “estilo” estilo . CSS ”con la ubicación y el nombre de su archivo CSS. La condición CSS se refiere a archivos CSS que no se requieren para que la página web se muestre antes de cumplir una determinada condición, es decir, cuando imprime la página web o una hoja de estilo que se usa cuando una página tiene un ancho particular. Cuando esos archivos no están etiquetados correctamente, significa que el navegador cargará todas las hojas de estilo antes de que se muestre la página web. Aquí hay un ejemplo. Un archivo CSS típico se nombra como se muestra a continuación: >
Este código le dice al navegador que este archivo es un enlace a la hoja de estilo.Cualquier archivo CSS llamado esto tendrá prioridad para mostrar cualquier cosa en su página web.En el caso de un archivo CSS que no debe cargarse antes de que la página esté reforzada, debe llamarse como sigue: minificación en su sitio y verá la pantalla a continuación: con Hummingbird, puede elegir dónde desea colocar los archivos, ya sea en el encabezado, el sótano o en la ubicación predeterminada en los archivos . Tu.

Luego, todo lo que tiene que hacer es pasar por los nombres de los archivos a la izquierda y elegir dónde desea reposicionar cada archivo. Recuerde hacer clic en “Guardar” cuando haya terminado. Como es el caso con WordPress, asegúrese de tener una copia de seguridad del sitio antes de jugar con esta función. Después de cada optimización, asegúrese de probar su sitio y vea si cada elemento se está cargando como debería. La razón detrás de esto es que a veces los temas y complementos de WordPress no cumplen con los estándares de WordPress, lo que puede conducir a ciertos elementos cuando JavaScript se minimiza. Sin embargo, cada cambio que realiza con Hummingbird se invierte ligeramente con el botón “Eliminar” en el tablero de colibrí. La siguiente optimización de su sitio con colibrí que elimina los problemas de bloqueo de problemas es solo la punta del iceberg. Hummingbird también puede ayudarlo con la miniificación, el caché del navegador, la compresión de GZIP e incluso estar configurado para monitorear el tiempo de operación de su sitio para ver brevemente cada una de estas características antes de que vaya: miniificación. La minimización hace lo que sugiere el nombre: minimiza los archivos HTML, CSS y JavaScript eliminando los espacios blancos, los retornos del cochecito y los caracteres no necesarios. Esto da como resultado archivos más pequeños, lo que le ayuda a cargar más rápido.
La memoria del navegador en caché.Esto crea versiones almacenadas en caché de su contenido estático, lo que significa que cuando un visitante actualiza o llega a la página nuevamente, el navegador ofrece una versión de caché en lugar de recargar todo desde cero. Compresión GZIP.GZIP utiliza un algoritmo para crear el código en el que las grandes cadenas de datos se pueden almacenar como un solo bit, haciendo las páginas y las hojas de estilo.Es una práctica común utilizada para reducir el tiempo de carga del sitio web.
Monitoreo del tiempo de funcionamiento.Con el monitoreo de tiempo de actividad activado, podrá decir no solo si su sitio se detiene, sino qué tan rápido se carga.Le enviará un correo electrónico cada vez que su sitio esté defectuoso y nuevamente cuando su sitio esté en línea nuevamente.

Terminar la velocidad del sitio es crucial. No solo afecta la experiencia de usar a sus visitantes, sino que tal vez un factor decisivo si un visitante regresa o no en su sitio o realiza una compra. Los problemas más comunes surgen cuando los navegadores deben tratar con demasiados archivos CSS y JavaScript, lo que provoca un retraso en la muestra los problemas de bloqueo de su sitio, debe remediarse si desea mejorar la experiencia del usuario y hacer que el sitio, el UL se cargue más rápido. Ahora, gracias a Hummingbird, puede remediar fácilmente los problemas de bloqueo de problemas y puede implementar otros remedios para mejorar significativamente la velocidad de su sitio. ¿Qué tan rápido es su sitio? ¿Cómo manejaste los problemas de bloqueo de renderizado? Cuéntanos en los comentarios y no te olvides de decirnos si tomaste a Hummingbird para una prueba de manejo. Etiquetas: pájaro colibri
actuación