Cómo obtener 100/100 en Google PageSpeed ​​Insights

La creación de PIN un hermoso sitio web no es tan difícil hoy en día. Hay muchos temas adecuados disponibles en el mercado para ayudarlo en el proceso de diseño. Pero su carga más rápida podría ser difícil. El rendimiento de su página variará según la calidad del código y las características incluidas. Los efectos gráficos, los archivos CSS y JavaScript y los elementos DOM son algunos factores que pueden evitar una representación suave y crear problemas de baja velocidad. Equilibrar el aspecto del sitio web con Core Web Vitals es una tarea difícil. Debido a que Google adjunta una gran importancia a la velocidad de la página en la clasificación SERP, no tiene otra opción.
Un cambio reciente en su algoritmo de motor de búsqueda ha afectado negativamente el tráfico de muchos sitios de carga lenta. Demuestra una vez más que se necesitan esfuerzos continuos para reducir el tiempo de carga de la página y, por lo tanto, clasificarse anteriormente en búsquedas orgánicas.
Divulgación: ¡su ayuda ayuda a mantener el sitio en funcionamiento! Ganamos una tarifa de recomendación por algunos de los servicios que recomendamos en esta página.
contenido
1 ¿Por qué es importante la velocidad de la página?
2 ¿Qué es Google PageSpeed ​​Insights?
2.1 1. Elimine los recursos que bloquean el representante
2.2 2. minimiza
2.3 3. Reduzca el tiempo de respuesta inicial del servidor
2.4 4. Imágenes
2.5 5. Habilitar compresión de GZIP
2.6 6. caché móvil
2.7 7. Optimización de la base de datos
2.8 Conclusión
¿Por qué es importante la velocidad de la página?

Pino
Según un último análisis, TTFB (Time to First Byte) es lo principal en lo que debe centrarse. Si un sitio tarda más de 3 segundos en cargarse, los visitantes se irán a otras páginas con contenido similar. Para los sitios web generales, un retraso de 1 segundo puede conducir a un descuento del 7% en las conversiones. En el caso de las tiendas de comercio electrónico, la pérdida será impredecible, lo que varía según las temporadas y la cantidad de ventas por minuto. Google ha lanzado una herramienta simple para analizar el rendimiento de cualquier página web a través de Chrome DevTools.pin

Lighthouse es un programa de código abierto que puede auditar cualquier página para el rendimiento, el SEO, la accesibilidad y otros. Ejecuta varias pruebas y genera una relación de sugerencias de mejora. Haga cambios en consecuencia para mejorar la puntuación de la página y la experiencia del usuario.
¿Qué es Google PageSpeed ​​Insights?
Pino

Google PageSpeed ​​Insights es la herramienta más popular para analizar la velocidad de su sitio. Escaneará páginas y dejará información valiosa para mejorar su rendimiento en los dispositivos de escritorio y móviles. Sabrá qué tan rápido se está cargando su sitio, qué recursos bloquean el juego y muchos más utilizando esta herramienta. Todos los informes de auditoría vienen con archivos de archivos que requieren optimización adicional. Por lo tanto, puede encontrarlos y repararlos fácilmente. Google evalúa las páginas y genera sugerencias sobre los siguientes factores web vitales básicos,
Primera pintura controvertida (FCP)
Retraso a la primera entrada (FID)
El mayor contenido de contenido (LCP)
Cambio de apariencia acumulativo (CLS)
Calcula los puntajes de rendimiento que analizan diferentes valores que pueden estar influenciados por varios factores, desde la calidad del alojamiento hasta la optimización de la imagen. ¿Lo que esto significa? Si desea mejorar el puntaje de velocidad de la página y aumentar el tráfico, preste atención a lo siguiente: alojamiento de alta velocidad
Tarea fácil
Usar complementos mínimos
Memorizar en caché
Aspectos para dispositivos móviles
Optimización de imágenes
Gtmetrix y Pingdom son algunas otras herramientas en la categoría para medir el rendimiento de su página hoy, le diremos cómo obtener un puntaje del 100% en todas estas herramientas.

Divulgación: ¡su ayuda ayuda a mantener el sitio en funcionamiento! Ganamos una tarifa de recomendación por algunos de los servicios que recomendamos en esta página. Jugar
Pino
Los temas y complementos cumplen varias funciones utilizando archivos Javcript y CSS. Se cargarán en todas las páginas y evitarán la carga rápida de su contenido para administrar tales recursos de bloqueo de resurrección, necesita un caché como WP Rocket. Puede optimizar los archivos CSS/JavaScript y puede posponer su carga con atributos.

Inicie sesión en WordPress y abra la configuración del cohete WP. Acceda al menú de optimización de archivos en el lado izquierdo.
Pino
Marque la casilla de selección “Optimizar la entrega de CSS”. Eso es todo. WP Rocket detecta automáticamente los archivos CSS que ralentizan sus páginas y las optimizan para eliminar la advertencia de eliminación de recursos.

Luego verá la opción “Eliminar CSS no utilizado”. Verifique que reduzca el tamaño de la página y el número de solicitudes http.pin
Desplácese hacia abajo para posponer archivos JavaScript y transmitir contenido más rápido. Elija “JavaScript cargado” para aplicar atributos de aplazamiento para bloquear los recursos JS.

Administrar este tipo de archivos puede ser una tarea desalentadora. Pero WP Rocket le permite optimizarlos con un solo clic. 2. Minimiza el mini -ministor lo ayuda a eliminar espacios blancos de los archivos CSS/JavaScript para reducir su tamaño y mejorar el tiempo de carga. WP Rocket puede reducir y combinar múltiples archivos para reducir sus solicitudes. Mire el siguiente ejemplo, H1 {Color de fondo: #000000; } H2 {Color de fondo: #000000; } Estos son archivos CSS para asignar un cierto color de fondo a los textos de título. Puedes combinarlos en uno como este

H1, H2 {Color de fondo: #000000; } Este nuevo archivo generado es más efectivo que el anterior, porque usa menos bytes. WP Rocket puede mejorar aún más su eficiencia al eliminar los espacios blancos, H1, H2 {el color del fondo:#000000;} Todos estos archivos son idénticos, pero el último es más rápido y fuerte que otros. Abra el cohete WP y vaya a la optimización de archivos. Seleccione la primera opción para reducir los archivos CSS.
Pino
Luego verifique la opción Combinar archivos CSS para reducir las solicitudes HTTP. Una vez activado, visite el sitio en una ventana privada para asegurarse de que se cargue sin ningún problema. A veces, la unión del archivo puede destruir el aspecto de su sitio si hay problemas, desmarque la opción.
Desplácese hacia abajo hacia abajo.Elija “Minificar archivos JavaScript” para comprimir y mejorar el rendimiento.La versión WP Rocket 3.9 se ha lanzado recientemente con varias características nuevas, incluido el retraso en la ejecución de JS, la eliminación de CSS no utilizada, etc.Por defecto, todos los archivos JavaScript en su sitio se cargan juntos.Interferen con la carga oportuna de su página y se conocen como recursos de recursos.Dichos archivos influyen negativamente en los valores con la pintura de contenido más alta (LCP) y la primera demora de entrada (FID) en las pruebas vitales web de Google Core.

Pin con la nueva actualización, WP Rocket da prioridad a los archivos críticos de JavaScript que son esenciales para reproducir una página. Retrase la ejecución de otros scripts hasta que un usuario haga clic o se ejecute a través de la página. Si no hay interacción con el usuario, no se cargará ningún archivo. Por lo tanto, el recurso de bloqueo de resurrección no se puede encontrar en la prueba de Google Lighthouse, por lo que no hay advertencia “Reducir JavaScript”. “Eliminar CSS no utilizado” es otra advertencia que conocerá en Google PageSpeed ​​Insights. Su tema de WordPress inserta códigos CSS para personalizar textos, colores y otros elementos de página. Le ayudan a diseñar un sitio web que se ajuste fácilmente a su concepto. WP Rocket detecta automáticamente CSS no utilizados en cada página y los elimina para transmitir el contenido más rápido. Active ambas opciones (retrasar la ejecución de JavaScript y eliminar CSS no utilizado) y eliminar caché. Debería traer mejoras significativas durante la carga. 3. Reduzca el tiempo de respuesta inicial del servidor ¿Recibe esta advertencia de Google PageSpeed ​​Insights?
Si es así, hay algunos problemas con el alojamiento, los temas o los complementos. Cuando alguien visita su página, se transmite una solicitud desde el navegador del usuario a su servidor de alojamiento para recoger datos. El caché del navegador puede reducir el tiempo de carga hasta cierto punto. Las cualidades de alojamiento y temas son otros factores importantes que influyen en el tiempo de respuesta del servidor. Elija un host web extraordinariamente rápido para transmitir su contenido más rápido. Un servicio de alojamiento SSD es mucho mejor que el alojamiento HDD tradicional para responder a las solicitudes de los usuarios en el menor tiempo. Conectarse a un CDN es otra solución para reducir el tiempo de respuesta del servidor. La mayoría de los proveedores de alojamiento tienen CDN integrado. Si no, suscríbase a un CDN de terceros, como RocketCDN. Es accesible y le permite entregar contenido más rápido a través de la configuración de cohetes WP. Los mejores anfitriones a considerar, Kinsta
Cohete

Hosting WPX
Instale un tema ligero de WordPress que se vea limpio e implementa menos scripts. Se cargará en menos de 1 segundo y aumentará la puntuación de velocidad de página. Los mejores temas a considerar,
astral
Generarpress
Use complementos mínimos para reducir el tamaño de su sitio y la carga del servidor. No use complementos diferentes para administrar tareas similares. Reemplácelos con complementos universales como Rank Math SEO, WP Rocket, etc. 4. La optimización de imágenes de imágenes es otra parte a la que debe prestar atención. Comprima y cambia el tamaño de las imágenes correctamente para abrirlas más rápido en todo tipo de dispositivos. Intente transmitir imágenes en formatos de próxima generación como WebP. Es más rápido y más fácil que los tipos de imágenes ordinarias, incluidas PNG y JPEG. Utilizo Imagify para optimizar las imágenes y las convierto automáticamente en formato webp. Puede ayudarlo a pasar las siguientes auditorías en Google PageSpeed ​​Insights, codificar efectivamente las imágenes
Servir imágenes en formatos de nueva generación
Para pasar la prueba de aplazamiento de la imagen fuera de la pantalla en Google PageSpeed ​​Insights, instale un complemento LazyLoad. Puede transmitir imágenes solo cuando un usuario se ejecuta junto a ellas. Los usuarios de WP Rocket pueden activar la carga perezosa para imágenes y miniaturas en la pestaña de medios. 5. Activar la compresión GZIP GZIP es uno de los mejores métodos de compresión para reducir el tamaño de los archivos web para transferirlos rápidamente. Resulta en una rápida reproducción de la página. De 3 maneras, puede activar la compresión de GZIP en sitios de WordPress.
archivo .htaccess
Proveedor de alojamiento
Complementos de WordPress
Lea esta maravillosa guía WP Buffs para activar la compresión sin instalar ningún complemento. Los siguientes complementos de WordPress funcionarán mejor para automatizar la tarea,
Cohete WP
Caché total W3
Cache WP más rápido
6. Caché móvil Hoy, los dispositivos móviles generan más del 50% del tráfico en cualquier sitio web. Indica la necesidad de usar un tema específico para móviles o una práctica de fijación. Ejecute una prueba de dispositivos móviles para asegurarse de que su tema esté optimizado para teléfonos inteligentes. Active la memorización en el caché móvil para mejorar la experiencia del usuario y alentarlos a visitar nuevamente. Recomiendo encarecidamente WP Rocket para activar esta función y reducir el tiempo de carga de la página en dispositivos móviles. 7. La optimización de la base de datos de WordPress almacena todas las publicaciones, comentarios y varias otras consultas en la base de datos. A medida que aumenta su número, aumenta el tamaño de la base de datos, lo que a su vez afecta el rendimiento general de su sitio. Es esencial optimizar la base de datos a intervalos regulares para eliminar las revisiones posteriores, las publicaciones arrojadas en la basura, etc. Hay varios complementos diseñados para este propósito, como WP Rocket, Perfmatters y más. Optimizan automáticamente su base de datos para reducir el tamaño y aumentar la velocidad de la página. Conclusión La velocidad del sitio juega un papel crucial en la determinación de sus posiciones en la clasificación y el aumento de los ingresos. Google PageSpeed ​​Insights y Gtmetrix le brindan una sensación de orientación y le ayuda a mejorar el rendimiento. Los vitales web básicos se pueden mejorar haciendo los cambios necesarios en diferentes componentes, desde el alojamiento hasta la captura. Pero no es posible que todos actualicen sus servidores o inviertan más en el desarrollo de sitios web. La optimización es lo mejor que puede hacer con un esfuerzo mínimo.