¿Cómo puedes asegurarte de que tus visitantes carguen tus enlaces al instante? Necesitas una tecnología llamada carga de enlaces. Esta precarga automáticamente tus enlaces para que tus visitantes puedan ver el contenido en cuanto hagan clic en ellos. El propósito de esta publicación es proporcionar instrucciones sobre cómo añadir enlaces de precarga a blogs de WordPress.
El propósito de esta publicación es proporcionar una explicación detallada de cómo precargar enlaces en WordPress.
¿Por qué precargar enlaces en WordPress?
Es posible configurar el navegador para que precargue el enlace en segundo plano y así acelerar los tiempos de carga. El visitante encontrará el enlace ya cargado al hacer clic en él. Si un visitante encuentra todo rápidamente en su sitio web, es probable que permanezca allí. Por lo tanto, obtendrá importantes beneficios en términos de SEO.
Si tus páginas internas están precargadas, es más probable que los visitantes permanezcan en tu sitio web durante más tiempo y accedan a más páginas, gracias a su mayor velocidad. Por lo tanto, puedes mejorar el SEO de tu WordPress aumentando la velocidad de tu sitio web.
Si bien hay muchas cosas que puede hacer para que su sitio web de WordPress sea más rápido, la precarga de enlaces es una de las cosas más fáciles que puede hacer y puede ser de gran ayuda para la velocidad de su sitio web.
Sin embargo, si va a configurar la precarga correctamente, deberá asegurarse de evitar algunos errores comunes . Por ejemplo, una configuración demasiado agresiva y precargar todos los enlaces internos podría tener el efecto contrario e incluso provocar un bloqueo del servidor.
Cómo precargar enlaces en WordPress: usando el complemento Flying Pages
Lo primero que debes hacer es descargar el plugin Flying Pages e instalarlo en tu panel de WordPress.
Ahora, desde el panel de WordPress, ve a Configuración -> Páginas de Vuelo y selecciona la opción Páginas de Vuelo. Revisa la configuración del plugin en la pestaña de configuración y, si necesitas hacer algún cambio, hazlo.
La primera opción que se muestra es "Retrasar el inicio de la precarga". Por defecto, esta opción tiene un valor de 0, pero puede cambiarla; sin embargo, le sugerimos que la mantenga. Aumentar el número provocará un retraso en el inicio del proceso si lo aumenta.
Por lo tanto, debe elegir el número máximo de solicitudes por segundo, ya que cuanto menor sea el número, menor será el impacto en su servidor. El valor predeterminado es aceptable siempre que no tenga un sitio web extenso con muchos visitantes a la vez.
Depende de usted si desea mantener los demás ajustes como están o modificarlos según sus necesidades. No olvide pulsar el botón "Guardar cambios" al final del proceso para que se guarden los cambios.
Cómo precargar solicitudes de claves : fuentes, JS y CSS
La precarga de recursos es una técnica que puede utilizarse para mejorar el rendimiento de su página web. Al precargar las solicitudes clave, puede garantizar que los recursos necesarios estén disponibles cuando el usuario los necesite. CSS, JS y las fuentes son ejemplos de recursos que pueden precargarse. Para precargar CSS, puede usar la regla @font-face. Para JavaScript, puede usar la biblioteca PreloadJS. Y para las fuentes, puede usar Font Awesome o Google Fonts.
Cómo preinstalar un CSS
A continuación se muestra una sintaxis para precargar solicitudes de claves de archivos CSS:
<link rel=”preload” href=”style.css” as=”style”>
Precargar JS
Esta es una sintaxis para precargar solicitudes de claves de archivos JavaScript:
<link rel=”preload” href=”main.js” as=”script”>
Precargar fuentes
La sintaxis para precargar solicitudes de claves de archivos de fuentes será así:
<link rel=”preload” href=”font.woff2″ as=”font” type=”font/woff2″ crossorigin>
Fuentes de Google
A continuación se muestra una sintaxis para precargar solicitudes de teclas de la fuente de Google:
<link rel=”preload” href=”https://fonts.googleapis.com/css2?family=Roboto&display=swap” as=”style” crossorigin>
Fuente impresionante
Esta es una sintaxis para precargar solicitudes de claves de Font Awesome:
<link rel=”preload” href=”/wp-content/theme/fonts/fontawesome-Webfont.woff2” as=”font” crossorigin>
Estos son los tipos de archivos más comunes que verá en la advertencia de solicitudes de clave de precarga de Google PageSpeed Insights.
Los métodos anteriores pueden ayudar a solucionar la advertencia de solicitudes de clave de precarga de Google PageSpeed Insights. Puedes aplicarlos a cualquier sitio web.
Resumen: Precarga de fuentes
<link rel=’preload’ href=’/image.png’ as=’image’>
<link rel=’preload’ href=’/style.css’ as=’style’>
<link rel=’preload’ href=’/script.js’ as=’script’>
<link rel=’preload’ href=’/font.woff2′ as=’font’ crossorigin>
Solicitudes de claves de precarga mediante complementos de WordPress
Puede precargar solicitudes de claves en WordPress mediante el uso de complementos de precarga de solicitudes de claves de WordPress como Pre* Party Resource Hints , Autoptimize, WP Rocket y Asset CleanUp , etc. Estos complementos ayudarán a corregir la advertencia de solicitudes de claves de precarga de WordPress.
Estos son los complementos más populares con la función de solicitudes de claves de precarga.
Consejos de recursos previos a la fiesta
Pre* Party Resource Hints es uno de los mejores complementos que te ofrece muchos controles y la capacidad de agregar recursos críticos que deseas que se precarguen visualmente.
Instala y activa este plugin en tu sitio de WordPress. Luego, ve al menú Pre* Party desde tu panel de WordPress. Allí encontrarás la siguiente pantalla.
Verá el cuadro "Añadir nueva sugerencia de recurso" en la configuración del complemento, en la pestaña "Insertar sugerencias". Para precargar un recurso, acceda al informe de PageSpeed Insights para encontrar la advertencia de solicitudes de clave de precarga.
Cohete WP
Precargar solicitudes de claves es una excelente manera de mejorar el rendimiento de tu sitio de WordPress. WP Rocket es un plugin popular que puede ayudarte con esto. Es fácil de usar y cuenta con numerosas funciones que pueden ayudarte a mejorar el rendimiento de tu sitio.
Ve a Configuración > WP Rocket > Precargar desde tu panel de WordPress para precargar las solicitudes clave en WordPress usando el plugin WP Rocket. Luego, desplázate hasta el final de la página, donde verás la sección "Precargar fuentes".
Optimización automática
Si buscas mejorar el rendimiento de tu sitio web de WordPress, lo primero que debes hacer es instalar el plugin Autoptimize. Autoptimize acelera tu sitio web optimizando tus archivos CSS y JavaScript. También minimiza el HTML y almacena en caché tus páginas, lo que permite que se carguen más rápido para los visitantes recurrentes. Una de sus funciones más populares es la opción de precargar solicitudes de claves para sitios de WordPress.
Desde el panel de control de WordPress, ve a Configuración > Autoptimize > Extra para precargar solicitudes de clave con Autoptimiz. Solo tienes que introducir los enlaces en el cuadro que recibiste de la advertencia de precarga de solicitudes de clave en PageSpeed Insights. Asegúrate de separar los enlaces con comas.
El rendimiento importa
Este plugin premium ofrece opciones de precarga, preconexión y precarga. Puedes consultarlas en Ajustes de Perfmatters → Extras → Precarga.
La precarga de enlaces y solicitudes en su sitio web se ha habilitado correctamente.
Puede encontrar más artículos como este en Seahawk Media .
