Cómo obtener 100/100 en Google PageSpeed Insights con un sitio de WordPress y el constructor Elementor

Quería comprobar si es posible obtener una puntuación perfecta de 100/100 en Google PageSpeed Insights con un sitio web construido con WordPress, el constructor de páginas Elementor y el tema Astra.
Decidí construir mi propio sitio web https://davidloor.com/ utilizando WordPress con Elementor y siguiendo las recomendaciones que describiré a continuación, mi sitio web está obteniendo 100/100 como se puede ver en la siguiente captura de pantalla.

Este tutorial asume que tienes un sitio de WordPress en funcionamiento.



Crear una cuenta gratuita en Cloudflare

“Cloudflare es una de las mayores redes que operan en Internet. La gente utiliza los servicios de Cloudflare con el fin de aumentar la seguridad y el rendimiento de sus sitios web y servicios.” Tiene una versión Gratuita que es la que estoy utilizando para mi web.
Se puede crear una cuenta gratuita desde aquí: https://dash.cloudflare.com/sign-up

Para más detalles sobre Cloudflare, puedes visitar su propia documentación en https://www.cloudflare.com/learning/what-is-cloudflare/

Una vez completado el registro de la cuenta, entra en https://dash.cloudflare.com/profile/api-tokens, en la Clave Global de la API, pulsa en Ver, introduce tu contraseña y copia la Clave que utilizaremos en los siguientes pasos.



Instalar plugins gratuitos de WordPress

Necesitamos instalar dos plugins en nuestro sitio de WordPress. Si no sabes cómo instalar un plugin en WordPress, visita este Enlace y obtén los conocimientos necesarios.



1. Autoptimize

El plugin se puede descargar desde este Enlace.

En esta página, https://YOUR-SITE/wp-admin/options-general.php?page=autoptimize habilita todas las opciones activadas, pero mantén las siguientes desactivadas:

  1. ¿También optimizar para los editores/administradores registrados?
  2. ¿Mantener los comentarios HTML?

En esta página, https://YOUR-SITE/wp-admin/options-general.php?page=autoptimize_imgopt habilita todas las opciones.

En esta página, https://YOUR-SITE/wp-admin/options-general.php?page=autoptimize_extra habilita todas las casillas de verificación, y si no usas fuentes de Google, selecciona la opción Quitar fuentes de Google y haz clic en guardar.



2. WP Cloudflare Super Page Cache

El plugin se puede descargar desde este Enlace.

En esta página, http://YOUR-SITE/wp-admin/options-general.php?page=wp-cloudflare-super-page-cache-index introduce el correo electrónico que utilizaste para crear la cuenta de Cloudflare y la clave API que obtuviste como explicamos anteriormente.

En esta página, https://YOUR-SITE/wp-admin/options-general.php?page=wp-cloudflare-super-page-cache-index asegúrate de que la opción Habilitar caché de página de reserva está activada, para que en caso de que la página no pueda ser cacheada en Cloudflare, se pueda utilizar la caché del disco.



3. Desactivar las fuentes por defecto del tema de Astra y del plugin de Elementor

.Coloca los siguientes filtros en el archivo functions.php de tu tema.

/**
 * Desactivar las fuentes astra por defecto.
 */
add_filter( 'astra_enable_default_fonts', '__return_false' );

/**
 * Desactivar las fuentes astra google.
 */
add_filter('astra_google_fonts_selected', function($fonts) {
    return [];
});

/**
 * Desactivar google fonts de elementor.
 */
add_filter( 'elementor/frontend/print_google_fonts', '__return_false' );
Categorías : # elementor, # wordpress

Deja una respuesta

Tu dirección de correo electrónico no será publicada.