Paso 1:¿Qué son la captación previa y la captación previa de DNS y por qué utilizarlos?
Captura previa y precarga de DNS Son dos técnicas utilizadas para mejorar el rendimiento de un sitio web. Esto es lo que hace cada uno:
- Captura previa: El atributo de captación previa le indica al navegador que se necesitará un recurso (como una imagen, un archivo CSS o un script) en un futuro próximo. Luego, el navegador comenzará a descargar ese recurso en segundo plano, antes de que realmente se solicite. Esto puede acelerar la carga de la página, ya que los recursos estarán listos cuando sea necesario.
- Captura previa de DNS: El atributo DNS-prefetch le indica al navegador que resuelva la dirección DNS de un recurso en segundo plano, antes de que se utilice realmente. Esto también puede mejorar el rendimiento de un sitio web, ya que elimina la necesidad de que el navegador espere la búsqueda de DNS cuando realmente solicita el recurso.
En otras palabras, usar estos atributos es como avisarle a su navegador sobre las cosas que necesitará cargar en el futuro. Esto puede ayudar a que su sitio web se sienta más rápido.
Usar la captación previa y la captación previa de DNS es una tarea bastante simple, pero requiere un poco de conocimiento de codificación. Con eso en mente, ¡comencemos!
Paso 2:Cómo utilizar la captación previa y la captación previa de DNS
La idea básica detrás del uso de captación previa y captación previa de DNS es agregar los atributos HTML respectivos al ` Etiquetas ` y `
...
...
```
En el ejemplo anterior, hemos utilizado los atributos de captación previa y de captación previa de DNS para indicarle al navegador los recursos que necesitará en el futuro. Puede utilizar estos atributos en cualquier recurso que crea que puede tardar un poco en cargarse, como imágenes grandes, archivos CSS o archivos JavaScript.
Paso 3:Probar y monitorear
Una vez que haya agregado los atributos de captación previa y captación previa de DNS a su tema, debe probar su sitio web para asegurarse de que esté funcionando correctamente. Puede utilizar una herramienta como Pingdom o GTmetrix para probar el rendimiento de su sitio web. También puede utilizar las herramientas de desarrollo del navegador para ver las solicitudes de red y ver si los recursos se están captando previamente y mediante DNS.
Es importante controlar periódicamente el rendimiento de su sitio web para asegurarse de que siga funcionando bien. Puede hacerlo utilizando las herramientas mencionadas anteriormente o simplemente vigilando el tiempo de carga de su sitio web.
Conclusión
El uso de captación previa y captación previa de DNS puede ser una forma sencilla y eficaz de mejorar el rendimiento de su sitio web de WordPress. Al avisar a su navegador sobre los recursos que necesitará en el futuro, puede ayudar a acelerar la carga de sus páginas y hacer que su sitio web se sienta más rápido.