Auditorías de velocidad de página fallidas con frecuencia y cómo solucionarlas

En este artículo, discutiremos cómo usar WP Rocket para optimizar su sitio web de WordPress. Analizaremos paso a paso cómo usar este complemento para pasar las auditorías de PageSpeed ​​de páginas más frecuentes. Pedí que este artículo fallara después de la auditoría más común o menos común para fallar, pero puede usar fácilmente el contenido izquierdo para navegar rápidamente.

Si su sitio web no está optimizado correctamente, Google le brindará una lista de oportunidades que puede seguir para aumentar el rendimiento de su sitio le proporcionará una lista de auditorías que tiene pasadas, ya sea que falló. Si no tiene éxito en una auditoría, le darán recomendaciones sobre la mejor manera de resolver el problema.

No es esencial obtener una puntuación perfecta de 100 de 100 en Google PageSpeed. Sin embargo, es esencial que su sitio pueda cargar rápidamente, porque la velocidad es un factor de clasificación para la búsqueda de Google. Además, hay muchas estadísticas (todo lo que tiene que hacer es buscar en Google) que explican por qué un sitio web más rápido conduce a tasas de conversión más altas y tasas de rechazo más bajas. Ciertamente desea obtener un puntaje por debajo de 2.0 para su índice de velocidad.
Ahora que sabemos por qué la velocidad es importante, superemos por qué elegimos WP Rocket para optimizar nuestro sitio.
Utilizamos WP Rocket para optimizar todos los sitios de WordPress. Esto incluye los sitios web que hemos creado como agencia, así como los sitios web en los que trabajamos al ejecutar un servicio de optimización con SpeedOpp (optimización de velocidad de WordPress profesional). La razón por la que elegimos WP Rocket es porque es el más rápido en la industria y también es extremadamente fácil y fácil de implementar. No nos entiende mal, es una herramienta súper poderosa y está diseñada para que sea fácil de entender y usar, ahorrándonos durante mucho tiempo. Es un complemento premium ($ 49/año), pero es simple y conduce a los sitios web más rápidos (probamos esto). Ahora, vamos a los tutoriales de optimización efectivos para cada auditoría individual de la velocidad de página que puede fallarlo. Cubriremos las oportunidades más comunes que Google PageSpeed ​​le dará cuando genere un informe para su sitio de WordPress. Estas oportunidades y auditorías también se pueden encontrar en un informe del faro. Entremos en esto.
Utilizamos WP Rocket para este tutorial Elimine los recursos que bloquean este Randy es probablemente el error más común que encontrará con su sitio de WordPress. Si no ha hecho nada para optimizar su sitio web, los recursos para bloquear la rebelión se ejecutan. Google Opportunity sugiere que debe eliminar los recursos que bloquean la representación.

En primer lugar, ¿cuáles son los recursos que bloquean el rendimiento? Puede obtener más información aquí, pero en resumen hay scripts o archivos que ralentizan la carga de su sitio cuando se carga un tipo particular de archivo en un administrador en particular, el navegador deja de reproducir la página web para cargar ese archivo, leer y luego continuar Para reproducir la página web. Se agrega más recursos para bloquear la reacción y conduce a un sitio mucho más lento. Las direcciones de WP Rocket hicieron recursos de bloqueo de tres maneras. En primer lugar, en segundo lugar, al instalar el complemento en el sitio, genera automáticamente un caché. En segundo lugar, la herramienta ofrece 2 configuraciones que puede activar para optimizar la entrega de JavaScript y el período CSS para hacerlo, acceda a la optimización de las pestañas de los archivos desde El tablero de cohetes WP.
Optimización de archivos
Optimizar CSS

En esa página, puede activar las siguientes dos configuraciones:

Optimizar la entrega de CSS: esta es una característica extremadamente potente pero automática. Sucede en dos pasos. En primer lugar, WP Rocket identificará todo el CSS necesario para cargar el sitio web. Esto se llama la ruta crítica CSS, que es necesaria para cargar la ventana inicial. Luego, cargará asíncrono todos los CS adicionales, eliminando la apariencia que bloquea su representación.

Load JavaScript pospuesto: el aplazamiento de la carga de JavaScript elimina la apariencia que bloquea su representación.
También recomendamos combinar y reducir los archivos CSS y JavaScript. Esto combina todos los archivos individuales en un archivo más grande, reduciendo la cantidad de solicitudes HTTP y los recursos de bloqueo de Randing.
CSS pospuesto no utilizado optimizando la entrega de CSS, CSS retrasado sin usar. CSS no utilizado es cualquier CSS que no sea necesario al cargar el puerto de visualización de la página inicial. Simplemente vaya a WP Rocket -> Optimización de archivos y active la función “Optimizar la entrega CSS”. Esta es la misma configuración “optimizada de la entrega de CSS” que acaba de discutir para eliminar los recursos que bloquean la representación. Fue rápido y fácil, ¿verdad?
Minimiza los sitios web de WordPress CSS y JavaScript generalmente fallan estas dos auditorías porque usan más complementos y temas. No hay nada de malo en esto y es fácil y fácil de combinar y minimizar CSS y JavaScript en WordPress usando WP Rocket.
En primer lugar, la minimización se refiere a la eliminación de espacios blancos y caracteres no utilizados en el código que componen los scripts de JavaScript y los archivos CSS en su sitio web de WordPress. Puede continuar y hacerlo manualmente, pero WP Rocket lo hará automáticamente por usted. En la pestaña de optimización de archivos WP Rocket, simplemente verifique el JavaScript minimizado y minimizado de CSS. Hay características y funcionalidades adicionales que encontrará en esta pestaña, como minimización HTML, archivos CSS y más.

Cuando reduce los archivos, WP Rocket le advertirá que esto podría destruir las cosas. Esta es una advertencia válida porque cambia el código básico en el que se basa su sitio de WordPress. Si se interrumpe algo, simplemente puede desmarcar la configuración y todo volverá a la normalidad.

Prueba las solicitudes de clave en el 99% de los casos, si no puede auditar las claves de precarga, tiene que ver con sus fuentes. Sin incluir la etiqueta de precarga. Afortunadamente, esto es extremadamente fácil de solucionar. Cuando falla esta auditoría, Google le advertirá sobre archivos que no están precargados. Si hay archivos de fuentes, simplemente copie y pegue la URL relevante de Google a WP Rocket. El campo introductorio para la fuente de precarga se puede encontrar en la pestaña precarga en WP Rocket. También puede hacerse cargo de los archivos externos y las solicitudes DNS. Se encuentra en la sección de precarga justo por encima de la introducción de fuentes de precarga. Postpara las imágenes fuera de la pantalla Si no tiene éxito esta auditoría, significa que cargue todas sus imágenes cuando la página está cargando. Incluso si los visitantes no ejecutan la imagen y no la ven, carga la transferencia de datos y ralentiza su sitio para posponer las imágenes fuera de la pantalla, todo lo que tiene que hacer es cargarlas perezosamente.
En la pestaña Media en WP Rocket, active la carga perezosa para imágenes, fracasos y videos de iframe. Si tiene muchos videos de YouTube en su sitio web, pueden afectar seriamente la velocidad de su página. Le recomendamos que active cargas perezosas para grandes marcos y videos si tiene videos de YouTube en su sitio web.


Esto se debe al hecho de que el jugador de YouTube toma algún tiempo para cargar debido al bloqueo de JavaScript. Cargue el video Cuando el usuario lo ejecute, elimine por completo este problema. Después de trabajar cargas perezosas para sus videos de YouTube, también puede optar por reemplazar el iframe de YouTube con una imagen de vista previa. Esta es otra cosa extremadamente beneficiosa para usted si ejecuta mucha incorporación de YouTube en su sitio web de WordPress. Al reemplazar al reproductor con una imagen de vista previa, el video y el reproductor no se cargan a menos que el usuario haga clic, especialmente en la imagen de vista previa. Esto significa que solo carga los datos necesarios y mejora seriamente el tiempo de carga de la página web respectiva. Reduzca los tiempos de respuesta del servidor (TTFB) pensamos en incluir esto en nuestro artículo, aunque no puede hacer nada para mejorar esta medida con WP Rocket. Reducir los tiempos de respuesta del servidor (conocidos como hasta el primer byte) generalmente significa que está en alojamiento inadecuado. Específicamente, si estás a la sombra (Bluehost, GoDaddy, Hostgator.
..) Los tiempos de respuesta del servidor siempre son extremadamente débiles. La mejor manera de mejorar el tiempo de respuesta del servidor es simplemente migrar a un host más premium. Esto no siempre tiene que ser costoso. Hemos creado más artículos en profundidad sobre la migración a los anfitriones premium por el mismo costo que la sombra compartida. Nuestra recomendación para reducir el tiempo al primer byte sería la transición de su host HostPress a Cloudways. Tienen un plan que cuesta solo $ 10 por mes y le permite alojar su sitio web a nivel empresarial. Puede probar su plataforma (incluso migrar una copia de su sitio) de forma gratuita durante tres días sin ingresar el número de tarjeta de crédito. También puede obtener un descuento del 30% en el primer mes de alojamiento utilizando el código de descuento “isotrópico”.

Si le gustó este contenido, suscríbase al resumen mensual de noticias de WordPress, inspiración para sitios web, ofertas exclusivas y artículos interesantes.

Dar la baja en cualquier momento. No enviamos spam y nunca venderemos o distribuiremos su correo electrónico.