¿Cómo puede asegurarse de que sus visitantes puedan cargar sus enlaces al instante? Necesita una tecnología llamada carga de enlaces. Precarga automáticamente sus enlaces para que su visitante pueda ver el contenido tan pronto como haga clic en ellos. El propósito de esta publicación es proporcionar instrucciones sobre cómo agregar 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 para acelerar los tiempos de carga. El visitante encuentra el enlace ya cargado al hacer clic en el enlace. Siempre que un visitante encuentre todo rápidamente en su sitio web, es probable que permanezca en él. Por lo tanto, recibirás considerables beneficios en términos de SEO como resultado de esto.
Si sus páginas internas están precargadas, es más probable que los visitantes permanezcan en su sitio web durante un período más prolongado y vean más páginas debido a que su sitio web es un sitio más rápido. Por lo tanto, puedes mejorar tu SEO de 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 de la manera correcta, deberá asegurarse de evitar algunos errores comunes . Por ejemplo, tener una configuración demasiado agresiva y precargar todos tus enlaces internos podría tener el efecto contrario e incluso provocar que tu servidor colapse.
Cómo precargar enlaces en WordPress: uso del complemento Flying Pages
Lo primero que debe hacer es descargar el complemento Flying Pages e instalarlo en su panel de WordPress.
Ahora, desde su panel de WordPress, navegue hasta Configuración -> Páginas voladoras y seleccione la opción Páginas voladoras. Verifique la configuración del complemento en la pestaña de configuración y, si es necesario realizar cambios, hágalo.
La primera opción que se le presenta es "Retraso para iniciar la precarga". De forma predeterminada, esta opción tiene un valor de 0, pero tienes la opción de cambiarla, pero sugerimos mantenerla como está. Aumentar el número provocará un retraso en el inicio del proceso si lo aumenta.
Como resultado, debe elegir el número máximo de solicitudes por segundo, ya que cuanto menor sea el número, menor impacto tendrá en su servidor. El valor predeterminado es aceptable siempre que no tenga un sitio web extenso con una gran cantidad de visitantes a la vez.
Depende de usted mantener las demás configuraciones como están o cambiarlas según sus necesidades. No olvide presionar 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 se puede utilizar para mejorar el rendimiento de su página web. Al precargar solicitudes clave, puede asegurarse de que los recursos necesarios estén disponibles cuando el usuario los necesite. CSS, JS y fuentes son ejemplos de recursos que se pueden precargar. Para precargar CSS, puedes usar la regla @font-face. Para JavaScript, puede utilizar la biblioteca PreloadJS. Y para las fuentes, puedes usar Font Awesome o Google Fonts.
Cómo prelogar un CSS
Aquí hay una sintaxis para precargar solicitudes clave de archivos CSS:
<link rel=”preload” href=”style.css” as=”style”>
Precargar JS
Esta es una sintaxis para precargar solicitudes clave de archivos JavaScript:
<link rel=”preload” href=”main.js” as=”script”>
Precargar fuentes
La sintaxis para precargar solicitudes clave de archivos de fuentes será la siguiente:
<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 clave de 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 clave 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 notará en la advertencia de solicitudes de clave de precarga de Google PageSpeed Insights.
Los métodos anteriores pueden ayudar a corregir la advertencia de solicitudes de clave de precarga de Google PageSpeed Insights. Puede aplicar estos métodos 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>
Precargar solicitudes de claves mediante complementos de WordPress
Puede precargar solicitudes de claves en WordPress utilizando complementos de WordPress para solicitudes de claves de precarga, como Pre* Party Resource Hints , Autoptimize, WP Rocket y Asset CleanUp , etc. Estos complementos ayudarán a corregir la advertencia de WordPress de solicitudes de claves de precarga.
Estos son los complementos más populares con la función de solicitud de clave de precarga.
Consejos sobre recursos previos a la fiesta
Pre* Party Resource Hints es uno de los mejores complementos que le brinda muchos controles y la capacidad de agregar recursos críticos que desea precargar visualmente.
Instale y active este complemento en su sitio de WordPress, luego vaya al menú Pre* Party desde su panel de WordPress. Allí encontrará la siguiente pantalla.
Verá el cuadro Agregar nueva sugerencia de recurso en la configuración del complemento en la pestaña Insertar sugerencias. Para precargar un activo, vaya 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 su sitio de WordPress. WP Rocket es un complemento popular que puede ayudarte con esto. Es fácil de usar y tiene muchas funciones que pueden ayudarle a mejorar el rendimiento de su sitio.
Vaya a Configuración > WP Rocket > Precargar desde su panel de WordPress para precargar solicitudes clave en WordPress usando el complemento WP Rocket. Luego, desplácese hacia abajo hasta la parte inferior de la página, donde verá la sección Precargar fuentes.
Optimizar automáticamente
Si buscas mejorar el rendimiento de tu sitio de WordPress, una de las primeras cosas que debes hacer es instalar el complemento Autoptimize. Autoptimize acelera su sitio web optimizando sus archivos CSS y JavaScript. También minimiza el HTML y almacena en caché sus páginas, cargándolas más rápido para los visitantes habituales. Una de las características más populares es su opción de solicitud de claves de precarga para sitios de WordPress.
Desde su panel de WordPress, vaya a Configuración > Autoptimizar > Extra para precargar solicitudes clave usando Autoptimiz. Todo lo que necesita hacer es ingresar los enlaces en el cuadro que obtuvo de la advertencia de solicitudes de clave de precarga en PageSpeed Insights. Asegúrese de separar varios enlaces con comas.
Perfimporta
Este complemento premium ofrece opciones de precarga, preconexión y captación previa. Puede comprobarlos en Configuración de Perfmatters → Extras → Precarga.
La precarga de enlaces y solicitudes en su sitio web ya se ha habilitado correctamente.
Puede encontrar más artículos como este en Seahawk Media .
