Cómo mejorar la primera pintura llena de contenido y significado

No optimice su sitio para cumplir con un cronómetro. Optimice su sitio para personas reales. Entonces, ¿cómo puede determinar si alcanza su objetivo? Debe incluir valores como la primera pintura de contenido y la primera pintura significativa en la evaluación del rendimiento, para medir el rendimiento de su sitio desde la perspectiva del usuario. Ambos le dirán más sobre cómo se comporta su sitio en la naturaleza para que pueda optimizar las cosas que realmente mejorarán la experiencia del usuario. En esta publicación, nos centraremos especialmente en cómo reducir la duración del contenido en su sitio web de WordPress, para que pueda acortar el tiempo en la primera pintura y la primera pintura significativa y mejorar la velocidad de la página de Google. Punto de estadística en el proceso.
¿Qué es la primera pintura de contenido (FCP)? Primera pintura de contenido, o FCP, es un valor de rendimiento que mide cuánto tiempo ha pasado antes de que el navegador comience a mostrar los primeros elementos del sitio. Por lo general, los primeros elementos de pintura de contenido de WordPress son elementos de encabezado, por lo que el visitante primero verá el logotipo del sitio o el menú de navegación.

Aquí hay un ejemplo con la primera pintura satisfactoria que generalmente se ve. Todavía estamos esperando que aparezca el contenido.
La primera pintura de contenido es importante porque le da a los visitantes comentarios de que su solicitud está funcionando. ¿Alguna vez ha hecho clic en un enlace o botón y luego ha hecho clic en él varias veces porque no pasó nada? La carga de FCP es comunicar “Te escuché y trabajamos en ello”. Esto asegura al lector que se puede esperar que su sitio funcione correctamente y proporcione contenido.
¿Qué significa la primera pintura significativa? La primera pintura significativa es cuando las cosas buenas realmente se cargan. Cuando el contenido que busca el usuario aparece en la página, se llama la primera pintura significativa. Un ejemplo de lo que parece la primera pintura significativa, la imagen del héroe y el texto introductorio para que pueda comenzar a leer

Pero si voy inmediatamente para mostrarte, puedes ver que la página no se ha subido, las imágenes aún faltan. ¿Pero a quién le importa? Probablemente el usuario no se reduzca tan rápido, pero comenzará a leer su contenido mientras finalice el resto de la página.

Los visitantes vienen a su sitio de contenido, no para ver el logotipo y el menú de navegación, por lo que el contenido tiene más valor para el visitante. La primera pintura significativa es uno de los valores más importantes para la evaluación siempre que su visitante espere recibir la información para la cual el sitio lo visitó. La primera pintura significativa también incluye el tiempo requerido para cargar fuentes web, ya que son necesarias para el contenido.
Los elementos de contenido más valiosos en su página web se conocen como elementos EROE. Esto varía de un sitio a otro, pero no es difícil determinar cuál es la parte más valiosa de una página. Para las páginas de video en YouTube, el elemento más importante es el video. En las redes sociales, las primeras publicaciones de línea de tiempo que están por encima del pliegue son las más importantes. Para los blogs, el cuerpo de publicación en el blog y la imagen presentada (si se presenta arriba del pliegue con el contenido del blog) son los más importantes, porque esto es lo que el visitante ve el primero por ellos. El uso de Google PageSpeed ​​Insights para encontrar la primera pintura de contenido y la primera pintura significativa tanto la primera pintura como la primera pintura significativa se conocen como valores de rendimiento centrados en el usuario. Google recompensa sitios que ofrecen una mejor experiencia de usuario con búsquedas más altas. Debido a que Google quiere alentar a los propietarios de sitios a optimizar sus sitios web para usuarios, FCP y FMP son dos valores que se miden en Google PageSpeed ​​Insights.
También puede ver una cronología de cómo se ve su sitio a medida que cobran. ¿Puedes decir cuál es la primera pintura llena de contenido y significado?
Desde noviembre de 2018, Google PageSpeed ​​Insights ha comenzado a usar una herramienta de código abierto llamada Lighthouse para simular cómo se carga su sitio para los visitantes. Lighthouse devuelve 6 valores en la sección de datos de laboratorio, que ofrece una imagen rica del rendimiento de su sitio:

Primera pintura satisfactoria de velocidad indica
Tiempo para interactivo
La primera pintura significativa
El primer procesador inactivo
Latencia de entrada estimada
La primera pintura de contenido y la primera pintura significativa son valores basados ​​en el tiempo que se miden en segundos. Para obtener un puntaje favorable en Google Eyes, desea que tanto FMP como FCP sean menos de un segundo.
5 Recomendaciones para reducir los tiempos de pintura para su sitio de WordPress y mejorar sus conocimientos de la velocidad de la página Cuando ejecuta Google PageSpeed ​​Insights, Google le da sugerencias personalizadas sobre cómo puede arreglar su sitio. Realizar una prueba es la mejor manera de ver cómo ha fallado su sitio. Las siguientes cinco sugerencias son directamente de Google para todos los sitios sobre cómo mejorar la primera pintura significativa y cómo mejorar la primera pintura. Nuestro objetivo con las primeras cuatro recomendaciones es mejorar la primera pintura de contenido de pintura acelerando el tiempo requerido para descargar los recursos y eliminar los obstáculos que evitan que el navegador registre el contenido de DOM. La última sugerencia es mejorar la primera pintura significativa.
Estamos a punto de entrar en algunos detalles técnicos, pero si desea una solución simple, Hummingbird puede ayudarlo. Pruebe gratis Hummingbird Pro y vea lo que hace la diferencia para su sitio. La versión 3.0 ahora está disponible para nuestros miembros con un escáner completamente nuevo, que incluye recomendaciones del faro.
La pintura contenta, la pintura significativa y los remedios de un solo clic ahora se incluyen en Hummingbird Pro.
Y para nuestros usuarios de WordPress.org Hummingbird, puede esperar ver el nuevo escáner la próxima semana … o actualizar a Pro y obtenerlo ahora;) 1. “Reduzca la cantidad de hojas de estilo externo que bloquean la fila en la que la página” cuál es el bloqueo de la reacción es al mínimo. Cuando un visitante carga una página web, cualquier cosa que evite la representación del DOM se llama bloqueo de resurrección. Hay obstáculos de código que el navegador debe procesar primero antes de que puedan hacer otra cosa. A veces son importantes. Sus archivos CSS, por ejemplo, representan el bloque, pero son esenciales. Otras veces, el recurso de bloqueo de resurrección puede esperar. Es por eso que debe mover los archivos JavaScript desde su encabezado web si no es necesario para representar el DOM. Cárguelos después de DOM para mejorar la experiencia del usuario.
Si puede, la mejor manera de optimizar la velocidad de la página es la eliminación total de los recursos que bloquean la representación. Si no despierto alegría, entonces, por lo tanto … 2. “Use el almacenamiento en caché HTTP para acelerar las visitas repetidas” La memorización de caché es una forma confiable de mejorar la velocidad del sitio para sus visitantes. Al almacenar activos en un caché para una recuperación más rápida. Hay varios tipos de caché. Con HTTP Cache, el navegador almacena una copia del usuario descargado por el usuario HTTP en su caché, por lo que podrá recuperarlos sin hacer un viaje adicional al servidor. Esto mejora dramáticamente el rendimiento para los visitantes que se repiten cuando se realizan correctamente.

Recientemente comparé a Hummingbird con otros complementos de caché populares, y Hummingbird los ha optimizado a todos.3. “Reduzca y comprime elementos basados ​​en texto para acelerar su tiempo de descarga”. Sus páginas web consisten en archivos HTML, CSS y JavaScript basados ​​en texto.Si no puede eliminar un archivo porque es esencial, entonces debe reducir el tamaño del archivo tanto como sea posible.Hay dos maneras de hacer esto:
Minimice sus archivos al reducir los archivos de texto, eliminando todos los caracteres y espacios extranjeros, creando un archivo compacto, lo cual es mucho más difícil de leer por parte de las personas, pero mucho más pequeña. El navegador no perturba la falta de legibilidad y podrá descargar el archivo mucho más rápido. Comprimir sus archivos Archivos es similar al proceso de compresión de imágenes. Durante el proceso de compresión, el compresor detecta modelos y duplicación en el archivo de texto y los codifica de manera más eficiente. Tanto la reducción como la compresión de los archivos de texto eliminan bytes adicionales que no afectan negativamente su página web, pero reducen los tiempos de pintura. 4. “Haga menos javascript al cargar la página” JavaScript es uno de los delincuentes más grandes cuando se trata de ralentizar su sitio. Primero, los archivos JavaScript requieren más recursos para el procesamiento en comparación con otros activos. Las imágenes, por ejemplo, deben decodificarse, pero JavaScript debe analizarse, compilarse y luego ejecutarse, ocupando mucho tiempo precioso. Tampoco ayuda cuando el código JavaScript se recopila en un solo archivo enorme. Sé que parece contradictorio, pero crear un archivo grande no ayuda al rendimiento. Es mucho mejor dividir su código en piezas pequeñas mediante un proceso conocido como la división de código. Luego puede mover las piezas que no son críticas desde la cabeza de su sitio, reduciendo el tiempo para la primera pintura. Otra forma de minimizar los archivos JavaScript es eliminar el código que ya no se usa. Este proceso se conoce como sacudidas de árboles. Como su sitio

Madre, agregue fragmentos de código, pero no todos se usan a largo plazo. Debe viajar periódicamente el código JavaScript y eliminar lo que no necesita. 5. “Optimización de la reproducción crítica para obtener una pintura significativa más rápida” La reproducción crítica se refiere a todos los elementos que el navegador debe jugar para responder a la solicitud actual del visitante. Desea dar prioridad a los activos que son los más importantes en este momento y cargarlos lo antes posible. Es como si estuvieras viajando. Si tiene que llegar a una reunión en tiempo y retraso, probablemente no sea el mejor momento para hacer comisiones rápidas o hacer poca visita de las atracciones turísticas. ¡Haz eso después! Esta recomendación incluye eliminar los recursos que bloquean la reproducción, pero requiere una perspectiva más amplia. Debe observar todo el trabajo que hace el navegador para entregar la página web y encontrar una mejor manera de servir piezas importantes y posponer todo lo que pueda esperar. Si no es crítico, puede posponerlo o cargarlo asíncrono para proporcionar un mejor rendimiento. Recuerde que a medida que comienza a optimizar su sitio, es importante recordar que los resultados devueltos por Google PageSpeed ​​Insights son solo una perspectiva. Hay resultados simulados, pero no completamente sorpresa de la realidad. Los visitantes que visitan su sitio en dispositivos malos en una estúpida conexión móvil experimentarán FCP y FMP que son mucho más largos. Más razones para continuar mejorando, incluso si obtienes un 100 perfectos. Tu propósito
Siempre debe ser para optimizar su sitio para usuarios reales, no una estrella dorada;) resumida de la pintura de los primeros y la primera pintura significativa son valores centrados en el usuario que pueden decirle mucho sobre cuánto tiempo esperan sus visitantes de contenido. Ambos deberían durar menos de un segundo para la mejor experiencia de usuario. Puede averiguar cuál es el puntaje de su sitio con Google PageSpeed ​​Insights. Si su sitio es demasiado lento, la mejor manera de mejorar el tiempo para la primera pintura es minimizar los recursos que bloquean la representación, usar caché HTTP, reducir y comprimir elementos basados ​​en texto, hacer menos trabajo de JavaScript. Y optimizar la reproducción crítica sendero. Si no está seguro de qué hacer, ejecutar una prueba de Insights de Google PageSpeed ​​le dará sugerencias dirigidas para su sitio. Si no está seguro de cómo mejorar su tiempo de pintura, Hummingbird lo facilita. Obtenga el colibrí gratis en wordpress.org o pruebe gratis Hummingbird Pro.pens más sobre su experiencia con Google PageSpeed ​​Insights. ¿Qué hiciste para mejorar tu puntaje y acortar el tiempo para la primera pintura?
Etiquetas:
Google PageSpeed ​​Insights
Optimización de la velocidad del sitio
la velocidad del sitio web