Cómo realizar la optimización del sitio web de WordPress usando Autoptimize










  • Uno de los aspectos más importantes de la construcción de un sitio web de WordPress es la optimización. A menudo, se construye un sitio limpio y sin problemas. Sin embargo, una optimización real del sitio web de WordPress queda fuera del proceso por una razón u otra.

    Tal vez el diseñador del sitio web simplemente no entiende la optimización de WordPress, o tal vez piense que simplemente no importa. Cualquiera que sea la razón, la optimización del sitio web de WordPress es imprescindible.

    ¿Qué es la optimización del sitio web de WordPress?

    Cuando hablo de la optimización de WordPress , me refiero a una serie de cosas que están unidas para hacer que un sitio web funcione mejor. Ciertas cosas que desea optimizar en cualquier sitio incluyen:

    • Estilos y secuencias de comandos agregados, minificados y almacenados en caché
    • Inyectar CSS en el encabezado de la página
    • CSS en línea
    • Mover y aplazar guiones al pie de página
    • Minimizar HTML
    • Optimizar Imágenes
    • Imágenes de carga diferida
    • Optimizar fuentes de Google
    • JavaScript asíncrono no agregado
    • Quitar WordPress Core Emoji Cruft

    Lo más probable es que la lista anterior tenga muchas cosas que no entiendas y eso está bien. A menos que sea un desarrollador, la optimización de los problemas anteriores se pasará por alto y nunca se realizará.

    Dicho esto, encontré un excelente complemento que puede realizar todo lo anterior y optimizar su sitio web de WordPress con solo unos pocos clics. En la mayoría de los casos, el proceso aumentará el rendimiento. Y esto es ideal tanto para los visitantes como para los motores de búsqueda.

    Echemos un vistazo a cómo optimizar un sitio web de WordPress usando el complemento Autoptimize WordPress.

    Optimizar el sitio web de WordPress con Autoptimize

    El complemento Autoptimize es un complemento de optimización de sitios web de WordPress todo en uno. Esta es una forma fantástica de optimizar su sitio, especialmente si no comprende los términos anteriores.

    Primero, desea instalar y activar el complemento Autoptimize desde su panel de administración de WordPress.

    Instalar y activar la optimización automática

    Una vez que el complemento se haya instalado y activado , haga clic en Configuración > Optimizar automáticamente y eso lo llevará a la página de configuración para el complemento de optimización.

    Haga clic en configuración y luego en optimizar automáticamente

    Ahora que está en la página de configuración principal del complemento Autoptimize, echemos un vistazo a cómo debería verse la configuración.

    Optimizar automáticamente la configuración del complemento

    La página de configuración proporciona muchas opciones para el complemento. La forma en que lo complete y lo que decida hacer se basará en lo que desee. Realmente no hay una forma incorrecta de completar la configuración. Es una cuestión de cómo quieres que funcione WordPress.

    Siéntase libre de jugar con las configuraciones hasta que las obtenga exactamente como las desea.

    Cuando llegue a la página de configuración principal, verá cuatro pestañas:

    • JS, CSS y HTML
    • Imágenes
    • Extra
    • optimizar más

    Opciones de JavaScript

    Haga clic en la pestaña JS, CSS y HTML para comenzar. El primer cuadro le presenta opciones de JavaScript. Estos incluyen la capacidad de optimizar el código JavaScript mediante:

    • Agregar archivos JS
    • Agregar JS en línea
    • Forzar JavaScript en <head>
    • La capacidad de excluir scripts
    • Agregar envoltorio "Try-Catch"

    Marque la casilla titulada "Optimizar código JavaScript" y el resto de las opciones se abrirán para que pueda trabajar.

    Opciones de JavaScript

    Opciones de CSS

    Desplácese un poco hacia abajo hasta las Opciones de CSS y haga clic en "Optimizar código CSS" para habilitarlo. Verá opciones que incluyen:

    • Agregar archivos CSS
    • CSS en línea agregado
    • Generar datos: URI para imágenes
    • CSS en línea y diferido
    • Todo CSS en línea
    • Excluir CSS de Autoptimize

    opciones CSS

    Nuevamente, puede completar esta área como mejor le parezca. Sin embargo, un par de cosas para recordar al completar las Opciones CSS del complemento:

    1. No todas las opciones son buenas para sitios que son más grandes. Para sitios más pequeños, sí. Para sitios más grandes con mucho tráfico, probablemente sea una buena idea no habilitar las opciones de "CSS en línea".
    2. Probablemente no debería habilitar la opción "Generar datos: URI para imágenes". En realidad, esto puede resultar en una disminución del número de solicitudes cuando su sitio web se está cargando, pero obligará a que las imágenes se sirvan a través de su servidor de alojamiento en lugar de un CDN.

    Opciones de HTML y CDN

    Desplácese un poco más hacia abajo y verá dos áreas de opciones más para el complemento: las opciones HTML y CDN. Estos dos cuadros se explican por sí mismos.

    Para el área HTML, puede optar por habilitar esto y optimizar el código HTML o dejarlo fuera. La opción CDN le permite ingresar su URL raíz de CDN para habilitar CDN para archivos optimizados automáticamente. Si elige hacer esto, continúe y complete esa URL.

    Opciones de html y cdn para el complemento de optimización de sitios web de wordpress de autoptimze

    Información de caché y opciones misceláneas

    Las últimas dos áreas de opciones para esta pestaña en particular incluyen la sección Información de caché y Opciones misceláneas. El área de información de caché simplemente muestra la información de caché actual. Misc Options tiene la opción de tres selecciones más para elegir. Activa o desactiva las que quieras.

    Información de caché y opciones misceláneas

    Nota: no olvide hacer clic en "Guardar cambios" o "Guardar cambios y vaciar caché" para asegurarse de que todas las opciones seleccionadas se mantengan.

    Imágenes

    Ahora haga clic en la pestaña "Imágenes" para pasar al área donde puede optimizar las imágenes de WordPress usando el complemento Autoptimize. Verás que hay dos secciones.

    • Optimizar Imágenes
    • Imágenes de carga diferida

    Opciones de imagen

    Adelante, haga sus selecciones y siga adelante.

    Extras

    Si está interesado en algunas de las opciones adicionales que proporciona este complemento, haga clic en la pestaña "Extras" y eche un vistazo para ver si hay algo que desee habilitar.

    Extras para la optimización del sitio web de wordpress

    Optimizar Google Fonts nunca es una mala idea, ni eliminar los emojis principales de WordPress. Ambas opciones acelerarán el sitio web.

    optimizar más

    Si está interesado, la pestaña "Optimizar más" le mostrará otros complementos y selecciones de complementos que harán que Autoptimize sea más potente cuando esté integrado. Estos mejorarán aún más la optimización del sitio web de WordPress.

    Más complementos de optimización de sitios web de wordpress

    Optimizar el rendimiento de WordPress no tiene por qué ser difícil. Simplemente necesita las herramientas adecuadas y unos pocos clics para lograr la optimización del sitio web de WordPress.

    Espero que este artículo le haya mostrado lo fácil que puede ser optimizar su sitio web de WordPress. ¿Ya ha optimizado su sitio de WordPress? ¿Qué otras herramientas de optimización ha utilizado en el pasado?










  • Subir