Acelerar el tema Astra y obtener una puntuación de 99 psi en móvil

Astra es uno de los temas más populares y ligeros que puede elegir en WordPress. Por lo tanto, acelerar su sitio y obtener una puntuación de más de 90 psi debería ser factible. Sin embargo, enfrentará más desafíos, por ejemplo, debe lidiar con recursos complicados, como los archivos JavaScript. Si alguna vez ha tratado de optimizar el rendimiento de su sitio, sabe lo difícil que es abordar las ideas de PageSpeed, como “reducir el tiempo de ejecución de JavaScript” y “eliminar los recursos de Randy”. ¡Te sentimos!
Es por eso que le contaremos la historia de Rick Orford, un propietario de un negocio que logró acelerar su sitio construido con Astra. Ha obtenido 99 estadísticas de Insights de PageSpeed ​​para dispositivos móviles y ha aumentado vitales de la Web Core. Suena bien, ¿verdad? Todos sabemos que el puntaje de rendimiento móvil es el más difícil de optimizar. Entonces, ¡es hora de obtener más información sobre su desafío de rendimiento! Al lanzar un nuevo sitio web y pasar por alto algo crucial en 2020, Rick Orford ha lanzado su sitio web para convertirse en un recurso integral independiente financiero para aquellos que desean ahorrar más, ganar más y pagar deudas rápidamente. Como sitio editorial, en primer lugar, la estrategia de compra de contenido más relevante siempre ha visto SEO en primer plano.
Reduzca: probablemente ya sepa cuán esencial es SEO para el tráfico y el ingreso y cómo puede afectar su experiencia en el rendimiento orgánico de la página. Después de que Google anunció el lanzamiento de Core Web Vitals como parte del nuevo factor de clasificación, Rick analizó los tres valores. Core Web Vital que tuvo la puntuación de rendimiento más débil fue la pintura de contenido más alta. LCP mide cuánto tiempo dura el elemento más grande para cargarse y volverse visible en la ventana de vista. Muy a menudo, el elemento más grande es una imagen. Más precisamente, es la imagen característica. ¿Y adivina qué? Este fue precisamente el mayor problema durante la carga del sitio terrible “. Al igual que muchos sitios de WordPress que se ensamblan rápidamente, no hemos tenido en cuenta los tiempos de carga en el lanzamiento inicial”, explica Rick. “Debido a que el SEO rápidamente comenzó a ser un factor clave para nuestro modelo de negocio, es hora de comenzar a optimizar el rendimiento del sitio y los puntajes centrales de la web”, agrega. Estaba realmente preocupado de que la clasificación del sitio empeorara en lugar de mejorar. Y tenía buenas razones para creer eso. La función de JavaScript de retraso como un punto de inflexión de Rick no ha comenzado a usar WP Rocket. Al principio, su equipo usó otro complemento de caché. Sin embargo, “el apoyo siempre ha sido un dolor de cabeza”, explica. Y todos saben cómo la asistencia experta y amistosa marca la diferencia para los clientes.
Entonces Rick continuó buscando la solución correcta para sus necesidades. Quería un rendimiento de alta calidad, además de una excelente asistencia para los clientes. ¿Puedes culparlo? Aquí es cuando WP Rocket entra en juego. “WP Rocket ha demostrado ser la solución correcta y madura para almacenar en caché”, dice Rick. Lo que marcó la diferencia en la elección de Rick fue la característica del retraso JavaScript proporcionado por WP Rocket. De hecho, el punto de inflexión para su decisión fue la posibilidad de retrasar la carga de archivos JavaScript hasta la interacción del usuario fácilmente. No es una coincidencia que el retraso en los archivos de JavaScript ayude a reducir el tiempo de carga y mejorar el LCP: el valor del núcleo web vital que Rick tiene como objetivo mejorar en primer lugar. No detectará ningún archivo JavaScript que se haya retrasado. Significa que recibirá un impulso para la recomendación de PSI “eliminar los archivos JavaScript”, incluso si no es la primera razón por la que debe retrasar los archivos JavaScript. Volver a Rick: “También nos gustó la oportunidad de descargar un archivo de configuración con la configuración actual. De esta manera, si cometemos un error, siempre podemos volver a una versión previamente guardada ”, agrega. Una opción que es bastante útil, ¿verdad? Por último, pero no menos importante, Rick ha decidido comprar WP Rocket debido al generoso período de reembolso que atenuó cualquier riesgo. Si se pregunta, ofrecemos un reembolso si lo solicita dentro de los 14 días posteriores a la compra. En otras palabras, ¡aproveche la oportunidad de optimizar el rendimiento de su sitio nunca ha sido más seguro y más fácil!
Cómo optimizar el tema de Astra con WP Rocket ahora para ir a los detalles de optimización de rendimiento. Rick compartió la configuración en la que trabajó para obtener una excelente puntuación de rendimiento con Astra Theme. Su equipo pasó unas 100 horas para que todas las piezas trabajen al máximo. Entonces, nos compartió información bastante valiosa, y está abierto a responder más preguntas si desea ponerse en contacto con él. Las herramientas comienzan con los instrumentos. Esto es lo que usó el equipo: Cloudflare (incluido el registro de dominio)
El servidor Amazon EC2
Panel de control de Plesk (Ubuntu)
Servidor web apache y ningx
Mysql y redis para caché
WordPress 5.7 con Gutenberg
Astra 3
QUBY (para mostrar las publicaciones presentadas en nuestra página de inicio)
CDN gratuito de Jetpack para administrar imágenes
WP Rocket.
Estas configuraciones los llevaron al 99% de la carretera. Los cambios CSS personalizados han ofrecido el curso inicial.
Las configuraciones de cohetes de WP se han implementado la configuración de WP Rocket WP las siguientes: Cache:
Habilitar el almacenamiento de caché para dispositivos móviles
Vida de memoria de caché: 10 horas

Pestaña de optimización de archivos: todo ha sido marcado. Para darle un contexto, la pestaña de optimización de archivos le permite reducir los archivos CSS y JS, optimizar la entrega de CSS, retrasar la ejecución de JavaScript y cargar el JavaScript pospuesto. En inglés simple, esta es la forma de eliminar los recursos que bloquean la representación y abordan el tiempo de ejecución de JavaScript. Y funciona, ¡puedes apostar!
Archivo de optimización de pestañas TA Media B:
Lazyload – activ
Reemplace iframe YouTube con la imagen de vista previa

Agregue la falta de página faltante
Pestaña precarga:
Activar precarga
Activar precarga de precarga basada en mapa del sitio
Yoast SEO XML Mapa del sitio
La pestaña Heartbeat:
Controle Heartbeat (ayuda a guardar algunos de los recursos de su servidor).
Pestaña de suplementos:
Cloudflare.
La regla 80/20 para la optimización del rendimiento Después de observar la configuración, le pedí a Rick que compartiera el consejo más importante al optimizar el rendimiento del sitio.
“Presta atención a la regla 80/20”, respondió. “El 20% de sus cambios podrían ayudarlo en el 80% de la carretera. Para nosotros, esto significa alojar nuestro blog en nuestro propio servidor AWS EC2, utilizando CloudFlare, Apache & Nginx, WordPress y WP Rocket. Para WP Rocket, en particular, recomiendo conectarse a CloudFlare, minimizar y combinar CSS y asegurarme de posponer el archivo .js. La carga de JavaScript pospuesto también es una función sólida de cargar JavaScript fue una de las características clave del cohete WP para obtener una notable puntaje de rendimiento.
“El aplazamiento de JavaScript fue un cambio para nosotros”, explica. Como mencioné anteriormente, posponiendo las cargas de JavaScript, eliminará los archivos JS que bloquean la representación. Como resultado, la puntuación LCP mejorará. Además, Rick tuvo razón sobre la oportunidad de hacer una copia de seguridad y restaurar la configuración del cohete WP. “Permitió que el equipo probara y retirara las configuraciones hasta que estuviéramos felices”, dice. Y valió la pena, ¡sigue leyendo! El sorprendente resultado de PSI y lo que significa debido a la configuración implementada, el sitio web de Rick obtuvo una puntuación de 99 páginas a la velocidad. Todos los vitales de Web Core ahora son verdes, incluida la puntuación más difícil de pintura de contenido: puntaje de PSI móvil: “WP Rocket Page juega un papel esencial en nuestra puntuación de rendimiento de PageSpeed”, señala Rick. “Sin ella, nuestra nota de la energía de las páginas sufriría, así como nuestro tráfico orgánico. Antes de optimizar el sitio web con WP Rocket, nuestro puntaje PageSpeed ​​Insights en Mobile fue terrible a los 23 y alrededor de 60 para el escritorio. Ahora, obtenemos una puntuación casi perfecta de 100 en cada una para nuestra página inicial y casi 100 para nuestros artículos ”, agrega. Debido a los excelentes resultados del rendimiento web, ahora el sitio se ejecuta a una velocidad óptima. El equipo de Rick ahora puede concentrar el 100% del tiempo creando contenido cautivador y centrarse en el lado crucial del negocio. “Agradecemos mucho a WP Rocket por hacer esto”, dice Rick. “Si piensas en WP Rocket, continúa y realiza la compra. Pero él no cree en la palabra: ¡verifique las increíbles críticas del cohete WP! ”, Concluye.