Optimización de portada en Speed Optimizer
En esta página encontrarás diferentes optimizaciones para las partes CSS, JavaScript y HTML de tu sitio web.
Minimizar CSS, JS, HTML
Habilitar las tres funciones mejorará significativamente la velocidad de carga de la web, quitando todos los caracteres innecesarios de tus archivos CSS y JS, así como del resultado en HTML de tu sitio. También puedes utilizar la función de exclusión si deseas excluir scripts específicos de la minificación.
Puedes encontrar cada función en su pestaña respectiva:
Combina archivos CSS y JS
La combinación de archivos CSS y JS reducirá las solicitudes realizadas hacia tu sitio web y, por lo tanto, mejorará su velocidad de carga. El plugin mantendrá los scripts y estilos en su ubicación original tras la combinación para una mejor compatibilidad con otros plugins.
La combinación de archivos JavaScript puede causar problemas con scripts que requieren un cierto orden de ejecución. Es por eso que te recomendamos que compruebes la interfaz de tu sitio web después de habilitar esta optimización.
También puedes agregar un valor de precarga al archivo css combinado, lo que indicará que es un recurso importante absolutamente necesario para mostrar la página correctamente. Utiliza esta opción si después de combinar los archivos CSS tu sitio web no se ve correctamente.
Aplazar el bloqueo de visualización de JavaScript
Esta opción te permite posponer los archivos JS que retrasan la visualización de tu sitio web en las visitas iniciales. La funcionalidad JS de bloqueo de renderizado aplazado indicará a los navegadores que carguen y muestren recursos que deberían ser inmediatamente visibles en tus sitios web.
Aplazar el bloqueo de procesamiento de JavaScript puede causar problemas con los scripts que requieren un cierto orden de ejecución. Una vez que esta función esté habilitada, te recomendamos que compruebes minuciosamente la interfaz de tu sitio web. Si notas algún problema con esto, usa la opción “Excluir del aplazamiento del JS que bloquea la visualización“.
Optimización de Web Fonts
Con la optimización de Web Fonts, estamos cambiando la forma predeterminada de cargar las fuentes de Google para evitar solicitudes HTTP. Además de eso, todas las demás fuentes que utiliza tu sitio web WordPress se precargarán correctamente para que los navegadores tarden la menor cantidad de tiempo posible en almacenarlas en caché y cargarlas.
Cuando lo habilitas, agregamos el llamado enlace “preconnect” a fonts.gstatic.com así que haremos la búsqueda DNS, la negociación TLS y el protocolo de enlace TCP, lo que dará como resultado una descarga más rápida de la fuente cuando se solicite.
Precarga de fuentes
Con este ajuste podrás precargar las fuentes que estés utilizando para que carguen más rápido y el rendimiento de la web sea mejor. Asegúrate de precargar solamente las fuentes que estés utilizando. En la mayoría de los casos, puedes encontrar esas fuentes cuando realizas una prueba de PageSpeed y se te solicita que cargues previamente esos recursos. Puedes hacerlo aquí, en nuestro plugin.
Esto agregará un enlace de precarga en la sección de cabecera de tu sitio web para garantizar una carga más rápida de esos recursos. Cuando agregues fuentes para precargar, asegúrate de pegar la URL completa de la fuente.
Eliminar cadenas de consulta de recursos estáticos
La funcionalidad estándar del script de carga de WordPress es añadir una versión del código que se carga. Quitar esos parámetros de versión mejora la posibilidad de almacenar en cache tu web tanto en la CDN como en el navegador de tus visitantes.
Desactivar emojis
Por defecto, WordPress cargará scripts para detectar y generar emojis automáticamente en tu contenido. Desactivar esta opción evitará que los cargue, ahorrando tiempo de carga. Ten en cuenta que la mayoría de los navegadores modernos convertirán igualmente los símbolos más comunes como ; ) a un emoji de forma automática.
