Mejorar el rendimiento del sitio web de WordPress con precisión previa y preinscripción

La búsqueda interminable para mejorar el rendimiento de nuestros sitios de WordPress requiere un amplio arsenal de trucos, no solo caché. Dos herramientas importantes y relacionadas le dicen al navegador qué áreas deben estar preparadas para cargar y qué páginas comenzar a cargarse en segundo plano. De esta manera, el navegador puede cargar enlaces que el usuario podría hacer clic casi al instante. Aunque esto puede parecer difícil para usted, no es tan complicado. De hecho, hay un gran complemento, que discutiré en un poco, que puede configurar la mayoría, si no todo esto, utilizando una interfaz simple. Para casos más personalizados que el complemento no puede cubrir, le mostraré un código muy simple que puede usar.
¿Cuál es el DNS precipitado?

Los servidores de nombres de dominio (DNS) son la red del servidor que usan sus navegadores para encontrar el servidor que aloja el sitio web que pidió que le mostrara. Esto significa que antes de que el navegador pueda comenzar a cargar y luego reproducir el sitio, debe encontrarlo. Pero si su navegador ya ha resuelto el servidor DNS, puede omitir esta parte del proceso, haciendo que el tiempo de carga de la página sea mucho más rápido. Este proceso se denomina DNS previa a la toma, porque al hacer clic en un enlace o insertado en la barra de direcciones, el servidor DNS se ha llevado previamente.
Esta técnica, que muchos navegadores modernos hacen en el fondo. Por ejemplo, los navegadores generalmente precederán a los registros DNS para los mejores resultados de búsqueda en una página con los resultados de búsqueda. También puede especificar las áreas que se tomarán manualmente, que cubriré más adelante en este artículo. Cada área para la cual se implementa la adquisición anticipada agrega una pequeña cantidad de ancho de banda a la demanda, pero en general vale la pena el compromiso. ¿Qué es el prerendering? El DNS previo a la toma acorta la latencia antes de comenzar un sitio. Su navegador aún tiene que cobrar el sitio por un enlace para el que ha hecho DNS. La conferencia, por otro lado, comienza el proceso de reproducir ciertos sitios, después de que la página actual haya terminado de cargarse, pero antes de hacer clic en un enlace al sitio presionado. Tomando DNS. Por otro lado, al hacer clic en un enlace de prevención, el beneficio es mayor. Al igual que el DNS previo a la toma, muchos navegadores seleccionan dinámicamente el contenido que se reproducirá de antemano, pero también puede especificar las páginas para la enseñanza. El prevenimiento también tiene un apoyo más limitado que la precisión previa, pero todavía se adopta bastante bien. Cumplir con los elementos instantáneos de WordPress con
WordPress Instant Artículos es un complemento relativamente nuevo y gratuito, que administra previamente retorno y asumir el control de usted, le ofrece dos implementaciones muy útiles de estas dos tecnologías.

Este gran complemento implementa el prevenimiento de dos maneras. El primer lugar que implemento previo es para los enlaces anteriores y próximos en las vistas de publicación únicas. Esta es una característica realmente útil para reducir el tiempo de carga de aquellos que a menudo son los enlaces más de clic en una publicación. Hace que los usuarios lleguen a la próxima publicación que desean más rápido. La otra situación en la que este complemento implementa la prevención de las dos primeras publicaciones en el índice de su blog. No es posible no parecer demasiado, pero es importante no repasar su pre -Render, porque se requiere el ancho de banda adicional Hacer esto puede superar rápidamente cualquier beneficio de esto.
Los artículos instantáneos de WordPress también le permiten especificar áreas específicas para las cuales tomar las búsquedas DNS. Recomendamos que no agregue más de 5 sitios para la prereriación, lo cual es un buen consejo. Hay dos categorías principales de campos que le gustaría hacerse cargo. Una es las áreas que utiliza para entregar contenido, es decir, cualquier CDN utilizado en su sitio, o para API externos, como la API de Twitter, si tiene un botón de clic para enviar un tweet. El otro caso de uso importante es el dominio de un sitio de terceros que está tratando de atraer tráfico. Por ejemplo, si su sitio es un sitio de marketing de afiliación, la velocidad con la que el sitio está tratando de atraer tráfico es un factor en sus conversiones y, por lo tanto, es muy importante para usted.

Haga su propio prerender para muchos de ustedes, este complemento puede cubrir cualquier situación que necesita. Pero si necesita evitar publicaciones específicas, deberá escribir un pequeño PHP. Por ejemplo, si tiene tres enlaces en la primera página a las publicaciones (o páginas) que desea prevenir, puede agregar la etiqueta Prerender al encabezado. Para hacer esto, deberá usar una función conectada a WP_head. En el interior, cree una matriz con identificaciones de publicaciones, luego buce marcando para una etiqueta prerender. La etiqueta Prerender usa un elemento de conexión, como una hoja de hoja de estilo, pero para su atributo REL usa el valor “Prerender”. Aquí hay un ejemplo de cómo hacer: add_action (‘wp_head’, function () {
if (is_front_page ()) {
$ Posts = Array (1,2,3);
Foreach ($ publicaciones como $ post) {
$ url = get_permalink ($ post);
printf (”, esc_url ($ url));
}
}
});
Por supuesto, es posible que desee elegir sus publicaciones dinámicamente, por ejemplo, en función de un campo personalizado. En el siguiente ejemplo, en ejecución en el índice principal de publicaciones, se solicitan en función del campo Meta “Prefect_on_Home”. Si se encuentran publicaciones con estos enlaces, entonces se envían etiquetas prerender: add_action (‘wp_head’, function () {
if (is_home ()) {
$ args = array (
‘meta_key’ = & gt; ‘Prefetch_on_home’,
‘Meta_value’ = & gt; falso
);
$ Query = new WP_Query ($ args);
if ($ query- & gt; have_posts ()) {
foreach ($ query- & gt; publicaciones como $ post) {
$ url = get_permalink ($ post- & gt; id);
printf (”, esc_url ($ url));
}
}
}
});