Lograr todo esto sin compromisos es una tarea difícil. 

Las páginas móviles aceleradas de Google (AMP) podrían ser una solución.

Este marco puede acelerar significativamente los tiempos de carga de su página y también puede ayudar a mejorar su optimización de motores de búsqueda (SEO). Lo mejor de todo es que es rápido y fácil de configurar.

En este artículo, exploraremos los conceptos básicos del marco AMP de Google y por qué es posible que desee utilizarlo en su sitio. Luego, veremos cómo configurarlo usando dos complementos de WordPress diferentes. ¡Empecemos!

Introducción a las páginas móviles aceleradas de Google (AMP)

La página de inicio de Google AMP.

En pocas palabras, Google AMP le permite crear páginas web diseñadas específicamente para dispositivos móviles, con la intención de proporcionar un diseño coherente y fácil de usar que se cargue casi al instante. El marco AMP fue creado originalmente por Google para competir con características similares de Facebook y Apple, pero ahora se ha convertido en código abierto y es mantenido por AMP Open Source Project.

Las páginas de AMP se cargan tan rápido por varias razones :

Todo el contenido de la página se carga a la vez.

El diseño y el tamaño de la página se dan a conocer a los navegadores antes de la carga. Esto permite una asignación de recursos más eficiente.

La prioridad para descargar recursos está altamente optimizada.

El resultado final es una página que parece cargarse instantáneamente, lo que lo convierte en una experiencia de usuario móvil de alta calidad. Además, AMP tiene importantes implicaciones para el SEO.

En primer lugar, la velocidad de la página en general es un factor importante en el algoritmo normal de Google, por lo que el hecho de que su página se cargue rápidamente le da un impulso. Además de eso, Google tiende a darle un tratamiento especial al contenido habilitado para AMP: las páginas se identifican con un símbolo especial y, a veces, se muestran en su propia sección en las páginas de resultados del motor de búsqueda (SERP).

Estas son algunas razones poderosas para considerar implementar Google AMP en su sitio. En la siguiente sección, cubriremos exactamente cómo hacerlo.

Cómo potenciar su sitio web con Google AMP

Comenzar con AMP es simple.

 Gracias a los plugins de WordPress , el proceso de configuración es sencillo. Además, debido a la naturaleza de código abierto de AMP, tiene varias herramientas para elegir, por lo que puede seleccionar la que mejor se adapte a sus necesidades.

Para esta publicación, demostraremos el proceso de configuración de Google AMP para dos de los  más populares disponibles para este propósito.

Método 1: AMP para WordPress

El plugin oficial de AMP para WordPress.

AMP para WordPress es el complemento oficial de AMP, respaldado por el mismo equipo que mantiene el proyecto en sí. Como tal, es una solución sólida y bastante confiable.

Para instalar el complemento, diríjase a su panel de WordPress y navegue a Complementos> Agregar nuevo . Busque «amplificador» y debería ser el primer resultado:

La página de búsqueda de complementos con el complemento oficial AMP para WordPress.

Haga clic en Instalar ahora y luego en Activar . El complemento le pedirá que abra su asistente de incorporación:

El asistente de incorporación de AMP para WordPress.

La primera pregunta es sobre su experiencia técnica: puede indicar si es un desarrollador u otro usuario con un gran conocimiento de la tecnología, o si tiene menos experiencia. El asistente adaptará la configuración a sus antecedentes.

A continuación, podrá elegir su modo de plantilla. Esto determina si tendrá una versión de su sitio compatible con AMP o si tendrá versiones AMP (móvil) y no AMP (escritorio):

Elegir un modo de plantilla en AMP para WordPress.

Si corresponde, se le pedirá que elija un tema compatible con AMP para su sitio móvil. También tendrá la oportunidad de especificar si desea redirigir automáticamente a los usuarios de dispositivos móviles a su sitio AMP:

Habilitación de redireccionamientos de AMP en AMP para WordPress.

Una vez que revise sus opciones, el complemento guardará su configuración y su sitio AMP estará activo. Puede navegar a AMP> Configuración desde su panel de WordPress para cambiar su configuración en cualquier momento:

El panel de configuración de AMP para WordPress.

También puede configurar análisis para rastrear el uso de AMP en su sitio o cambiar su tema aquí.

Método 2: AMP para WP – Páginas móviles aceleradas

El complemento AMP for WP – Accelerated Mobile Pages.

AMP para WP – Accelerated Mobile Pages es un complemento de terceros altamente calificado para habilitar AMP en su sitio.

Para instalar AMP para WP, vaya a Complementos> Agregar nuevo y busque «amp». Este plugin debería ser la segunda entrada en la lista:

La página de búsqueda de plugins con AMP for WP – Accelerated Mobile Pages.

Una vez que lo haya instalado y activado, el complemento le presentará un asistente de configuración. La primera opción es si desea un panel de configuración básica o avanzada:

El asistente de configuración inicial para AMP para WP – Complemento de páginas móviles aceleradas.

Luego verá un panel de configuración que puede recorrer paso a paso para habilitar AMP en su sitio. Simplemente haga clic en el botón al lado de cada elemento para hacer sus elecciones:

En cualquier momento del proceso, puede cambiar entre las opciones de configuración básica o avanzada. También puede hacer clic en los botones en la esquina superior derecha de la pantalla para acceder al soporte técnico o actualizar a la versión pro del complemento.

Cómo decidir qué complemento AMP de WordPress es mejor

Al elegir entre estos plugins , hay algunas cosas a tener en cuenta. Primero, uno es ‘oficial’ de los desarrolladores reales de AMP, mientras que el otro es de un tercero.

Como tal, AMP para WordPress puede ser más confiable en términos de compatibilidad con los últimos desarrollos en la plataforma. Sin embargo, AMP para WP – Accelerated Mobile Pages está bien mantenido, por lo que esto no debería ser una preocupación importante.

Además, el  AMP para WordPress es bastante básico y, si bien ofrece las características esenciales, no tiene muchos extras. AMP para WP – Accelerated Mobile Pages, por otro lado, tiene muchas opciones de configuración en su modo Avanzado. También puede actualizar a la versión premium para desbloquear el acceso a una gran cantidad de extensiones que integran otros complementos y funciones populares en AMP.

Si prefiere un software de origen o desea seguir con una solución que realmente clava los conceptos básicos, vaya con el complemento oficial AMP para WordPress.

Si desea algo que ofrezca un control más granular y un conjunto de funciones (mucho) más amplio, AMP para WP – Accelerated Mobile Pages es una mejor opción.

De cualquier manera, podrá comenzar a usar AMP en poco tiempo, por lo que realmente no puede equivocarse.

Ya sea que esté buscando acelerar su sitio web, proporcionar una mejor UX móvil o aumentar su SEO, el marco AMP de Google podría ser la solución que está buscando. De hecho, podría permitirle hacer las tres.

Comenzar con AMP es bastante simple. Hay varios complementos de WordPress disponibles para ayudar a automatizar el proceso.

¿Tiene alguna pregunta sobre el uso de AMP en su sitio?

 Intentar mejorar su sitio de WordPress puede resultar abrumador y consumir mucho tiempo.

Si tiene poco tiempo, en esta publicación, discutiremos toneladas de diferentes formas de mejorar su sitio web de WordPress. Abordaremos las mejoras del sitio, desde la velocidad del sitio hasta la seguridad, el diseño y más, desglosadas por categoría.

Siéntase libre de hacer tantos como desee. Es probable que pueda completar varios de estos en 30 minutos o menos. Si se compromete a realizar incrementos de 30 minutos una vez a la semana, ¡imagine lo que podría lograr!

Mejorar la velocidad del sitio de WordPress

Hay muchas cosas que puede hacer para mejorar la velocidad de su sitio de WordPress . Sin embargo, aquí hay algunas acciones rápidas para cuando no puede hacer una auditoría completa.

1. Ejecute una prueba de velocidad

mejore su sitio de wordpress ejecutando una prueba de velocidad, por ejemplo, con pingdom

Antes que nada, ejecute una prueba de velocidad para ver dónde se encuentra su sitio y cómo se está desempeñando actualmente. Pingdom es una gran herramienta para eso y puedes encontrar otras adicionales, además de detalles sobre cómo realizar pruebas de velocidad adecuada en tu sitio en esta publicación . 

2. Eliminar temas y plugins no utilizados 

Una forma rápida de optimizar su sitio es verificar qué temas y plugins están instalados actualmente y ver si puede eliminar alguno. Mucha gente prueba varios plugins antes de encontrar uno que les guste. Entonces, esos plugins desactivados simplemente permanecen. Revise y elimine todos los componentes que no está utilizando para un impulso rápido. 

3. Elimine sus comentarios de spam (e instale un plugin de spam) 

Otro gran drenaje de los recursos de su sitio podrían ser los comentarios de spam acumulados. En consecuencia, consultar la pestaña Spam en la sección Comentarios del panel de control suele ser esclarecedor.

Elimina la basura. Solo se necesitan unos segundos para seleccionarlos todos y eliminarlos. Luego, para evitar que se acumulen en el futuro, instale un plugin de spam. Akismet es una opción popular, pero Antispam Bee es otra gran opción.

4. Instale un plugin de optimización de imágenes 

Otra forma de mejorar la velocidad de su sitio de WordPress es instalar un plugin de optimización de imágenes . Hay varios disponibles de forma gratuita (o una tarifa modesta si necesita más funciones) y pueden comprimir sus imágenes cada vez que las carga o todas las imágenes de su sitio a la vez. Smush y EWWW Image Optimizer son opciones posibles.

5. Instale un plugin de almacenamiento en caché 

La instalación de un plugin de almacenamiento en caché lleva como dos minutos y puede acelerar drásticamente la rapidez con la que su sitio se carga para los visitantes. WP Super Cache y W3 Total Cache son las dos opciones más populares. Y como mejor opción el plugin WP Rocket

6. Instale un plugin de velocidad del sitio (y compruebe si hay cosas que corregir)

También hay muchos plugins dedicados para la velocidad del sitio. Estos pueden identificarse por usted y ofrecer una lista de verificación de elementos para abordar. En algunos casos, el plugin puede incluso comenzar a arreglarlos por usted. Jetpack y Hummingbird son excelentes opciones para este conjunto de funciones.

7. Habilite la compresión Gzip

Puede hacerlo manualmente , optar por un plugin independiente o utilizar un plugin de optimización de velocidad que incluya esto como una función. Independientemente de la ruta que tome, habilitar la compresión Gzip da como resultado un sitio más rápido. El plugin Enable Gzip Compression , con el nombre adecuado, funciona muy bien para esto. 

8. Busque y elimine widgets no utilizados 

Cuando visualice el panel de WordPress, vaya a la sección de widgets en Apariencia> Widgets . Eche un vistazo a los widgets actualmente en uso en la barra lateral, pie de página, etc. de su sitio y la lista de widgets disponibles.

¿Hay alguno que realmente no necesite? Reducir esta área es rápido y fácil y hace que su sitio sea más rápido: todos ganan.

9. Busque y elimine códigos cortos no utilizados 

Los códigos cortos pueden ser muy útiles y facilitar la mejora de su contenido. Sin embargo, si recientemente ha cambiado los plugins antiguos, es posible que algunas de sus publicaciones y páginas todavía contengan códigos cortos antiguos que ahora están inactivos. Esto no es atractivo y puede ralentizar el tiempo de carga de la página.

Por supuesto, puede revisar manualmente cada publicación / página para eliminarlas, pero usar un plugin como Eliminar códigos cortos huérfanos para hacer el trabajo por usted es mucho más fácil. Solo asegúrese de eliminar el plugin una vez que haya terminado. 

10. Busque y elimine etiquetas y categorías no utilizadas

A veces, es fácil exagerar al crear categorías y etiquetas para su sitio. Con el tiempo, puede descubrir que algunas categorías y etiquetas ya no son relevantes o nunca lo fueron. Mejore su sitio de WordPress echando un vistazo rápido a Publicaciones> Categorías y Publicaciones> Etiquetas . Aquí, verifique qué categorías y etiquetas carecen de publicaciones y elimínelas. 

11. Minimice CSS, Javascript y HTML

Finalmente, está la minificación, que puede mejorar drásticamente la rapidez con la que su sitio se carga para los visitantes. Puede hacerlo manualmente (lo que requiere mucho tiempo) o usar un plugin. Los plugins generales de velocidad del sitio a menudo también se encargan de esto por usted. Pero si desea enfocarse solo en este aspecto, Fast Velocity Minify puede ser lo adecuado para usted.  

Refuerce su seguridad

Controlar la seguridad del sitio es otra cosa importante a tener en cuenta al intentar mejorar su sitio de WordPress. Pero, ¿qué puedes hacer rápidamente? Vamos a explorar.

12. Compruebe qué usuarios se pueden eliminar 

Una cosa rápida que puede hacer es verificar y ver qué usuarios están registrados actualmente en su sitio (en Usuarios ).

Desde allí, puede eliminar a aquellos que ya no contribuyen o que nunca contribuyeron con ningún contenido publicado. Usuarios adicionales significa información de inicio de sesión adicional. Y cuanta más información de inicio de sesión exista para su sitio, es más probable que se vea comprometida en algún momento. 

13. Instale un plugin de respaldo

Otra cosa que puede hacer es instalar un plugin de respaldo. Con las copias de seguridad automáticas implementadas, puede recuperar su contenido, configuraciones y personalizaciones en caso de un pirateo del sitio o un problema similar. Hay muchos plugins disponibles que ofrecen esta función, pero UpdraftPlus es uno de nuestros favoritos.

14. Ejecute una comprobación de malware 

El malware puede ser un gran problema para los sitios de WordPress. Y puede suponer un riesgo de seguridad significativo. Para combatir esto, tiene sentido ejecutar una verificación de malware de vez en cuando.

Sucuri SiteCheck es una herramienta web gratuita para escanear su sitio. También puede usar su plugin para reparar un sitio pirateado y agregar monitoreo. Jetpack ofrece esta función además de una actualización. 

15. Solicitar a todos los usuarios que cambien sus contraseñas 

De todos modos, es una buena idea cambiar tus contraseñas con regularidad, no solo en WordPress. Sin embargo, puede enviar cómodamente un recordatorio por correo electrónico a los usuarios de su sitio para que cambien sus contraseñas cuando lo desee. Esta es una forma rápida y fácil de restablecer la seguridad de su sitio.

Una opción de plugin para esto es Restablecimiento de contraseña de emergencia . Una opción premium también es Password Policy Manager de WP White Security.

16. Actualice plugins, temas o WordPress principal si es necesario

Si algo en su sitio está desactualizado en este momento, es un riesgo potencial para la seguridad. Esto es especialmente cierto en el programa principal de WordPress. Puede configurar su sitio para que se actualice automáticamente, pero si esta no es la respuesta correcta para usted, configure un recordatorio para buscar actualizaciones al menos una vez al mes y actualice todos los componentes de WordPress según sea necesario. 

17. Evalúe sus CTA actuales

Lo primero es lo primero: ¿las llamadas a la acción de su sitio le están sirviendo bien? ¿Están obteniendo el tipo de clics, registros o compras que busca? Si no, es hora de averiguarlo para que pueda hacer algunos cambios. Google Analytics puede ayudarlo a establecer objetivos y medir las tasas de conversión.

18. Agregar una llamada a la acción en el pie de página, la barra lateral o el encabezado del sitio

Si bien estamos en el tema de las llamadas a la acción, si le falta un CTA en el pie de página, la barra lateral o el encabezado, es posible que desee considerar agregar uno. Si ya tiene instalado un plugin de administración de clientes potenciales o CTA, es bastante fácil hacerlo.

Utilice el encabezado para que los visitantes lo llamen. Agregue un formulario de registro para su lista de correo electrónico en la barra lateral. Un CTA de despedida en el pie de página les da a los visitantes una última cosa en la que pensar antes de irse. 

19. Considere usar una barra superior para promociones especiales.

En una nota similar, agregar una barra superior a su sitio es otra forma de atraer más atención para sus llamados a la acción y anunciar promociones especiales.

También puede realizar anuncios en todo el sitio de una manera muy fácil. No es necesario escribir una publicación de blog completamente nueva si las noticias pueden caber en una oración, ¿verdad? Al igual que con muchos consejos y trucos de esta lista, hay un plugin para ello. Hello Bar y WPFront Notification Bar son buenas opciones. 

Si bien ciertamente no puede reescribir o editar todo el contenido de su sitio o solucionar todos sus problemas de SEO en 30 minutos, puede hacer mella en ellos. Aquí hay algunas sugerencias concretas sobre cómo hacerlo.

20. Ejecute una auditoría básica de SEO 

Esto debería ser rápido y fácil de lograr. Hay muchas herramientas disponibles que puede utilizar de forma gratuita para obtener una impresión del estado de SEO de su sitio. Google Search Console es su primera línea de información.

Si aún no lo tiene configurado, hágalo. Puede identificar rápidamente errores 404, enlaces con spam y contenido duplicado. También puede usar SEMRush para ver qué palabras clave clasifican sus competidores y recibir sugerencias para mejorar los esfuerzos de optimización de su sitio. 

21. Instale un plugin de comprobación de enlaces rotos y evalúe su sitio. Corregir errores. 

Los enlaces rotos son oportunidades perdidas. También impactan negativamente en su SEO. Por lo tanto, use un verificador de enlaces rotos para automatizar el proceso de búsqueda en lugar de verificar manualmente todos los enlaces del sitio. Screaming Frog es una gran opción para esto. Su herramienta SEO Spider rastreará su sitio, identificará errores y proporcionará un informe descargable que puede utilizar para guiar el proceso de actualización. 

22. Ejecute cinco publicaciones de blog existentes a través de Grammarly 

El contenido bien escrito funciona mejor. Por lo tanto, mejore rápidamente el contenido de su sitio ejecutando cinco publicaciones de blog a través de un programa como Grammarly. Verá sugerencias para corregir la elección de palabras, el estilo, la gramática y más. Y, a menudo, solo se necesitan unos minutos para hacer clic en las sugerencias.

O los implementará o los omitirá, pero es más que probable que su contenido sea más legible cuando haya terminado. La extensión del navegador funciona directamente dentro de WordPress, lo que se suma al factor de conveniencia. 

23. Instale un plugin para compartir en redes sociales si aún no tiene uno 

Haga que su contenido sea más interactivo y se pueda compartir instalando un plugin para compartir en redes sociales si aún no lo ha hecho. Social Snap y Social Warfare son excelentes opciones para agregar botones para compartir en redes sociales en todo su sitio. 

24. Eliminar revisiones de publicaciones

Al redactar publicaciones de blog, es probable que guarde con frecuencia. Y WordPress guarda automáticamente esto y, con el tiempo, esto puede agregar una gran cantidad de datos adicionales a su sitio en forma de revisiones innecesarias. Afortunadamente, para deshacerse de las revisiones de publicaciones no deseadas, simplemente puede instalar el plugin WP Revisions Control y establecer la cantidad de revisiones que desea mantener. 

25. Limpiar borradores de publicaciones antiguas y vaciar la basura

Aquí hay otro consejo rápido: eche un vistazo al menú Borradores en Publicaciones . ¿Hay borradores de publicaciones antiguas aquí que no tengas la intención de publicar? Quizás tenga algunos borradores duplicados o versiones antiguas de publicaciones ahora publicadas aquí.

Independientemente, eche un vistazo y elimine todo lo que ya no necesite. Además, eche un vistazo a Revisión pendiente y haga lo mismo. Después de eso, no olvide ir a la Papelera , seleccionar todas las publicaciones y hacer clic en Eliminar permanentemente .

26. Busque y elimine cualquier medio no utilizado que no esté adjunto a publicaciones o páginas

Por último, vaya a la biblioteca multimedia . Haga clic en el menú desplegable que dice Todos los elementos multimedia y cámbielo a Sin adjuntar . La mayoría de las veces, todo lo que se enumera aquí puede desaparecer.

¿Cómo mejorará su sitio de WordPress?

Arreglar su sitio lleva mucho tiempo si lo hace todo a la vez, pero no tiene que hacerlo de esa manera. En su lugar, dedica media hora a realizar pequeños cambios o formular planes para proyectos más grandes. Le sorprenderá lo que puede hacer en ese tiempo. 

Por suerte para ti, eliminar los recursos que bloquean el procesamiento no es
tan difícil una vez que sabes con qué estás lidiando. Un simple plugin puede
hacer el truco, o incluso puede encargarse de él manualmente si prefiere
hacerlo.

¿Totalmente perdido? Explicaremos en términos simples qué son los recursos de
bloqueo de procesamiento, cómo saber si su sitio los tiene y qué puede hacer
al respecto.

¿Qué son los recursos de bloqueo de procesamiento?

Cuando alguien visita una página de su sitio web, necesita descargar (o
«renderizar») todo su contenido. Esto incluye código, a saber, HTML, CSS y
Javascript . Y a menos que haga todo lo posible por cambiarlo, será necesario
cargar hasta el último script antes de que el usuario pueda ver algo.

Eso es lo que significa el bloqueo de procesamiento: evita que la página se
muestre hasta que el usuario haya terminado de cargarla. Todo lo que obtendrán
es una pantalla en blanco.

Renderizar recursos de bloqueo en información de velocidad de página

¿Pero por qué? Con HTML, tiene sentido que bloquee el procesamiento. HTML es
el núcleo de su sitio web, donde reside todo el contenido. Sin él, no tendría
un sitio web para cargar. Y HTML suele ser muy pequeño, por lo que descargarlo
no lleva mucho tiempo. Donde pueden surgir problemas es con CSS y Javascript.

CSS afecta el estilo de su página?

Coloca elementos, determina el diseño y
hace que su sitio web sea receptivo. Sin CSS, su sitio se vería como un gran
bloque de texto con algunos enlaces e imágenes. Y Javascript hace que su sitio
web sea dinámico, cambiando su apariencia sobre la marcha. Los plugins de
WordPress también pueden utilizarlo para agregar funcionalidad a su sitio web.

Pero aquí está la cuestión: no todos los scripts son visibles de inmediato.
Todo lo que necesita para mostrar todo correctamente son los estilos CSS y los
elementos Javascript que aparecen en la mitad superior de la página. El resto
puede retroceder de forma segura, de modo que la página se pueda mostrar antes
de que termine de cargarse por completo.

Si tiene recursos JavaScript y CSS innecesarios que obligan a los usuarios a
esperar más de lo necesario, verá el error de recursos que bloquean la
representación cuando pruebe su sitio.

¿Por qué deshacerse de los recursos que bloquean el procesamiento?

Entonces, la gente tiene que esperar unos segundos más (¡o incluso
milisegundos!) Para cargar, ¿a quién le importa? Pero puede tener un impacto
mayor en sus visitantes de lo que cree.

Cuando se trata de tiempos de carga, cada segundo cuenta.

 Cada vez más propietarios de sitios web aprenden a comprimir sus
imágenes y código , y la gente ha llegado a confiar en esas velocidades de
carga más rápidas. Si no está al día, lo más probable es que simplemente hagan
clic y encuentren un sitio diferente.

También hay que tener en cuenta las personas que utilizan dispositivos móviles
menos potentes o una Internet más lenta. 

Es posible que pueda cargar su propio
sitio con relativa rapidez en una computadora de escritorio, pero las personas
que utilizan teléfonos o tabletas pueden tener dificultades y esperar varios
segundos solo para pasar la pantalla blanca.

Desea hacer todo lo que esté a su alcance para deshacerse de cualquier cosa
que pueda atascar su sitio. Incluso pequeñas optimizaciones, como eliminar los
recursos que bloquean el procesamiento, pueden marcar una gran diferencia para
algunas personas.

¿Su sitio web tiene  bloqueo de renderizado?

Es posible que esté aquí porque le han dicho que su sitio tiene recursos de
bloqueo de procesamiento y no está seguro de cómo solucionarlo. Pero si aún no
lo ha probado, ahora es el momento de hacerlo. 

Hay varios servicios gratuitos
que pueden señalar los cuellos de botella comunes que afectan su velocidad de
carga, y pueden indicarle si tiene scripts en su sitio que se cargan de manera
ineficiente.

PageSpeed ​​Insights es la más popular de estas herramientas. Puede poner cualquier URL que desee
para ver cuál es su puntuación.
Continúe e ingrese la dirección de su sitio.

Después de unos segundos, aparecerán los resultados. Desplácese hacia abajo y
encontrará oportunidades que puede aprovechar para mejorar los tiempos de
carga, junto con las auditorías que su sitio web pasó. Si tiene recursos de
bloqueo de procesamiento, debería verlos..

Quizás se esté preguntando: ¿Es importante obtener una puntuación de
PageSpeed ​​perfecta? La respuesta es que depende. Recuerde que esta es una
herramienta automatizada y solo pretende ser una guía para llevarlo por el
camino correcto. Si está sacrificando la funcionalidad o la experiencia del
usuario para obtener una puntuación perfecta, no está ganando nada en
absoluto.

Pero los recursos de bloqueo de procesamiento son definitivamente algo de lo
que querrás deshacerte, así que veamos algunos métodos para eliminarlos.

Eliminación manual de CSS y JavaScript que bloquean el renderizado

Ciertamente no es necesario tratar este problema manualmente, ya que existen
muchos plugins que son mucho más fáciles de usar y los cubrimos a
continuación. Pero si se siente cómodo navegando por el código y prefiere usar
la menor cantidad de plugins posible, siempre puede hacer todo esto usted
mismo.

Para optimizar Javascript, puede seleccionar scripts individuales que se
muestran más abajo en la página y agregarles async un defer atributo .
Más información 

https://www.w3schools.com/tags/att_script_async.asp

y

https://www.w3schools.com/tags/att_script_defer.asp

Con la carga de bloqueo de renderización predeterminada, cada vez que el
navegador encuentra un archivo Javascript, dejará de cargar el HTML para
descargarlo y ejecutarlo. El async atributo le permite continuar
descargando HTML junto con Javascript, pero dejará de descargarse brevemente
para ejecutar el script. El defer atributo hace lo mismo, pero ejecuta
el script solo una vez que el HTML termina de analizar.

¿Cuándo debería utilizar cualquiera de los atributos? asynca veces puede
romper scripts dependiendo del orden de carga, como jQuery , así que en caso
de duda, use defer; siempre ejecuta los scripts en el orden correcto. Puede
utilizar asyncscripts independientes que no dependen de nada más para cargar.

Arreglar CSS que bloquea el renderizado puede requerir un poco más de trabajo.
Puede insertar CSS que se representa en la mitad superior de la página
colocándolos en la <head>sección de su documento HTML. Sin embargo, haga
esto solo con archivos pequeños, y solo con estilos que el espectador verá
instantáneamente.

En cuanto al resto de su CSS, puede agregar los atributos async o diferir al
igual que con Javascript. También puede agregar consultas de medios a ciertos
estilos para que solo se carguen en situaciones específicas.

Recuerde: la pestaña de cobertura en las herramientas de desarrollo del
navegador puede ayudarlo a identificar rápidamente los elementos que sus
visitantes necesitan cargar primero y ayudarlo a identificar el código no
utilizado que puede ser eliminado.

Plugins para eliminar los recursos que bloquean el procesamiento

Si bien es posible optimizar su Javascript y CSS sin tocar un plugin de
WordPress, no es necesario que haga todo ese trabajo. Tal vez no se sienta
seguro al trabajar con código sensible o simplemente desee una herramienta que
agilice mejor el proceso. Si ese es el caso, uno de estos plugins funcionará
bien.

Autoptimizar y Async Javascript

Hechos por el mismo desarrollador, estos dos plugins tienen como objetivo
ayudarlo a detener esos scripts que llenan la página y mover el código crítico
al encabezado donde se carga primero.

Autoptimize es un plugin de optimización todo en uno. Además de minimizar imágenes, HTML
y otros scripts, también puede incorporar CSS y diferir scripts no críticos.
Todo esto está disponible con el clic de un botón. Los desarrolladores pueden
personalizar el plugin para sus necesidades con opciones avanzadas y una API.

Pero la mayoría de los usuarios solo necesitarán marcar dos casillas para
solucionar el problema de bloqueo de procesamiento. Simplemente diríjase a
Configuración> Optimización automática en su back-end y habilite Optimizar
código Javascript y Optimizar código CSS .

Eso generalmente lo hará, pero si tiene problemas, puede experimentar con las
opciones y habilitar o deshabilitar Archivos JS agregados / Archivos CSS
agregados .

Es una buena idea comenzar con Autoptimize, y si aún es penalizado por los
recursos que bloquean el renderizado, pruebe AsyncJS para limpiar los cabos
sueltos.

Usarlo es igual de fácil. Visite Configuración> Async Javascript y marque
para habilitarlo. Aquí puede elegir entre asynco defer. Pruébelo y, si
asynchace que su página se rompa, enciéndalo defer. También debe aplazar o
excluir jQuery, ya que habilitarlo asynccasi definitivamente romperá su sitio.

WP Rocket es un plugin premium diseñado específicamente para facilitar su uso sin
importar su nivel de habilidad. Almacena en caché, comprime, minimiza y, por
supuesto, difiere esos recursos que bloquean el procesamiento.

WP Rocket viene con dos configuraciones para eliminar los scripts de bloqueo
de renderizado: Optimizar la entrega de CSS y Cargar JavaScript diferido .

Para activarlos, vaya a Configuración> WP Rocket> Optimización de
archivos . Habilite las dos configuraciones mencionadas anteriormente y estará
listo. Mientras esté aquí, también puede minimizar su Javascript y CSS para
una carga aún más rápida.

W3 Total Cache.

Este último plugin es un poco más complicado. Requerirá que identifique y
bloquee manualmente los archivos que están causando el error de bloqueo de
procesamiento. Si prefieres marcar una casilla y listo, entonces deberías
probar WP Rocket o Autoptimize, pero W3 Total Cache te permite tener un
control más preciso sobre qué archivos aplazar

Otro beneficio de W3 Total Cache sobre otros plugins es que probablemente ya
lo tenga instalado. Es uno de los plugins de almacenamiento en caché más
populares (y cada instalación de WordPress debe tener uno), por lo que no
necesitará inflar su sitio con plugins adicionales.

Después de instalar el plugin, lo primero que querrá hacer es volver a la
página de resultados de PageSpeed ​​Insights. En Eliminar recursos que
bloquean el procesamiento , debería ver una lista de archivos JavaScript y CSS
que están causando el problema. Mantenga la página abierta para copiarlos más
tarde.

De vuelta en su panel de WordPress, vaya a Rendimiento> Configuración
general y asegúrese de que Minify esté habilitado y configurado en modo Manual
.

Ahora dirígete a Rendimiento> Minificar . En Configuración de JS minify ,
en el cuadro Operaciones en áreas , establezca el Tipo de incrustación Antes
</head> en Sin bloqueo usando «aplazar» .

Luego, en Administración de archivos JS , haga clic en Agregar un script y
pegue los archivos Javascript de PageSpeed ​​que están causando problemas uno
por uno.

A continuación, desplácese hacia abajo hasta la gestión de archivos CSS y haga
clic en Agregar una hoja de estilo . Pegue las URL de la hoja de estilo por
las que fue penalizado.

Con todo eso hecho, haga clic en Guardar configuración y purgar cachés . Si
está configurado correctamente, su sitio ahora debería cargarse más rápido y
obtener una mejor puntuación en PageSpeed.

Deshacerse de los recursos que bloquean el renderizado en WordPress para
siempre

Cuando se enfrenta por primera vez a la tarea de deshacerse de los recursos
que bloquean el procesamiento (¡y todo lo demás en sus resultados de
PageSpeed!), 

Puede ser abrumador tratar de abordar todo esto. Pero gracias a
los plugins de WordPress, bloquear scripts problemáticos es muy fácil. Nunca
necesitará editar directamente ningún código y arriesgarse a romper su sitio.

Los recursos que bloquean el renderizado, si se dejan para que se ejecuten en
cada carga, pueden causar estragos en sus tiempos de carga. Es importante
diferir JavaScript y CSS sin importancia que se pueden dejar para cargar hasta
más tarde. 

Utilice una herramienta como PageSpeed ​​Insights para determinar
si su sitio web tiene un código no optimizado, luego solucione el problema
manualmente o descargando un plugin.

Autoptimize y su plugin hermano AsyncJS son buenas opciones gratuitas para
comenzar. Si tiene problemas para configurarlos o no nota ningún cambio, WP
Rocket es premium pero ofrece soporte y una configuración más rápida. 

 W3
Total Cache es el más difícil de usar, pero definitivamente la mejor opción si
desea un control individual sobre cada archivo que desea bloquear.