¿Cómo puede asegurarse de que sus visitantes puedan cargar sus enlaces al instante? Necesita una tecnología llamada carga de enlaces. Esta tecnología precarga automáticamente sus enlaces para que su visitante pueda ver el contenido tan pronto como haga clic en ellos. El propósito de este post es proporcionar instrucciones sobre cómo añadir enlaces de precarga a los blogs de WordPress.
El propósito de este post es proporcionar una explicación detallada de cómo precargar enlaces en WordPress.
¿Por qué precargar los 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 él. Cuando un visitante encuentra todo rápidamente en su sitio web, es probable que permanezca en él. Por lo tanto, obtendrá 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 más rápido. Por lo tanto, puede mejorar su SEO en WordPress aumentando la velocidad de su sitio web.
Aunque 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 una gran ayuda para la velocidad de su sitio web.
Sin embargo, si vas a configurar la precarga de forma correcta, tendrás que asegurarte 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 hacer que tu servidor se bloquee.
Cómo precargar enlaces en WordPress: Usando el plugin Flying Pages
Lo primero que hay que hacer es descargar el plugin Flying Pages e instalarlo en el panel de control de WordPress.
Ahora, desde su panel de control de WordPress, vaya a Ajustes -> Páginas vol antes y seleccione la opción Páginas volantes. Compruebe la configuración del plugin en la pestaña de ajustes y, si es necesario realizar cambios, hágalo.
La primera opción que se le presenta es "Retraso para iniciar la precarga". Por defecto, esta opción tiene un valor de 0, pero tiene la opción de cambiarlo, pero sugerimos mantenerlo como está. Aumentar el número causará un retraso en el inicio del proceso si lo aumenta.
Por lo tanto, debe elegir el número máximo de peticiones por segundo, ya que cuanto más bajo sea el número, menos impacto tendrá en su servidor. El valor por defecto es aceptable siempre y cuando no tengas un sitio web extenso con un gran número de visitantes a la vez.
Depende de ti si quieres mantener los demás ajustes tal y como están o cambiarlos según tus necesidades. No olvides pulsar el botón Guardar cambios al final del proceso para que los cambios se guarden.
Cómoprecargar las 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 asegurarse de que los recursos necesarios estén disponibles cuando el usuario los necesite. El CSS, el JS y las fuentes son ejemplos de recursos que pueden precargarse. Para precargar CSS, puede utilizar la regla @font-face. Para JavaScript, puede utilizar la biblioteca PreloadJS. Y para las fuentes, puedes usar Font Awesome o Google Fonts.
Cómo precargarCSS
Esta es una sintaxis para precargar solicitudes clave de archivos CSS:
<link rel=”preload” href=”style.css” as=”style”>
Precarga JS
Se trata de una sintaxis para precargar solicitudes clave de archivos JavaScript:
<link rel=”preload” href=”main.js” as=”script”>
Precarga de fuentes
La sintaxis para precargar las solicitudes de claves de los 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 las solicitudes de clave 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 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 observará en el aviso de solicitudes clave de precarga de Google PageSpeed Insights.
Los métodos anteriores pueden ayudar a solucionar el aviso de precarga de solicitudes clave 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>
Precarga de solicitudes de claves mediante plugins de WordPress
Usted puede precargar las solicitudes clave en WordPress mediante el uso de las solicitudes clave de precarga plugins de WordPress como el Pre * Parte sugerencias de recursos, Autoptimize, WP Rocket, y Asset CleanUp etc. Estos plugins ayudarán a arreglar la advertencia de precarga de solicitudes clave de WordPress.
Aquí están los plugins más populares con la función de precarga de solicitudes de claves.
Sugerencias de recursos antes de la fiesta
Pre* Party Resource Hints es uno de los mejores plugins que te da muchos controles y la posibilidad de añadir recursos críticos que quieres que se precarguen visualmente.
Instala y activa este plugin en tu sitio de WordPress, luego ve al menú Pre* Party desde tu panel de control de WordPress. Allí encontrarás la siguiente pantalla.
Verá la casilla Añadir nueva pista de recursos en la configuración del plugin en la pestaña Insertar pistas. Para precargar un recurso, vaya al informe de PageSpeed Insights para encontrar la advertencia de precarga de solicitudes clave.
WP Rocket
La precarga de solicitudes clave es una gran manera de mejorar el rendimiento de su sitio de WordPress. WP Rocket es un popular plugin que puede ayudarte con esto. Es fácil de usar y tiene muchas características que pueden ayudarte a mejorar el rendimiento de tu sitio.
Ve a Ajustes > WP Rocket > Precarga desde tu panel de control de WordPress para precargar las solicitudes de claves en WordPress usando el plugin WP Rocket. A continuación, desplázate hasta la parte inferior de la página, donde verás la sección Preload Fonts.
Autoptimize
Si quieres mejorar el rendimiento de tu sitio de WordPress, una de las primeras cosas que debes hacer es instalar el plugin Autoptimize. Autoptimize acelera tu sitio web optimizando tus archivos CSS y JavaScript. También minifica el HTML y almacena en caché tus páginas, cargándolas más rápido para los visitantes que repiten. Una de las características más populares es su opción de precarga de solicitudes clave para los sitios de WordPress.
Desde su panel de control de WordPress, vaya a Ajustes > Autoptimización > Extra para precargar solicitudes clave utilizando Autoptimiz. Todo lo que tiene que hacer es introducir los enlaces en la casilla que obtuvo de la advertencia de precarga de solicitudes clave en PageSpeed Insights. Asegúrese de separar varios enlaces con comas.
Perfmatters
Este plugin premium ofrece las opciones de precarga, preconectorización y prefetch. Puedes comprobarlas en Perfmatters Settings→Extras→Preloading.
La precarga de enlaces y solicitudes en su sitio web ha sido habilitada con éxito.
Puedes encontrar más artículos como este en Seahawk Media.
