{"id":33216,"date":"2020-04-29T08:13:10","date_gmt":"2020-04-29T15:13:10","guid":{"rendered":"https:\/\/kinqsta.com\/?p=71343"},"modified":"2025-02-17T15:26:10","modified_gmt":"2025-02-17T14:26:10","slug":"configurar-autoptimize","status":"publish","type":"post","link":"https:\/\/kinqsta.com\/es\/blog\/configurar-autoptimize\/","title":{"rendered":"\u00bfC\u00f3mo configurar Autoptimize para tu sitio de WordPress?"},"content":{"rendered":"

Autoptimize es un plugin de optimizaci\u00f3n de WordPress gratuito. Adem\u00e1s de la optimizaci\u00f3n de HTML, CSS y JavaScript<\/a>, Autoptimize tambi\u00e9n incluye caracter\u00edsticas de optimizaci\u00f3n dirigidas a otros aspectos de los sitios modernos de WordPress.<\/p>\n

En este post, compartiremos los mejores ajustes del plugin Autoptimize para mejorar el rendimiento y la velocidad de la p\u00e1gina de tu sitio de WordPress.<\/p>\n

<\/div><\/kinsta-auto-toc>\n

\u00bfPor qu\u00e9 Autoptimize?<\/h2>\n

Antes de sumergirnos en los mejores ajustes de Autoptimize, repasemos r\u00e1pidamente tres razones por las que Autoptimize es un gran plugin de optimizaci\u00f3n.<\/p>\n

    \n
  1. La versi\u00f3n gratuita de Autoptimize<\/a> tiene un completo conjunto de caracter\u00edsticas para optimizar tu sitio de WordPress.<\/li>\n
  2. Autoptimize es estrictamente un plugin de optimizaci\u00f3n y no hace ning\u00fan cacheo de p\u00e1ginas HTML. Esto significa que es compatible con todos los hosts web, incluso con los que tienen configuraciones de almacenamiento en cach\u00e9 de p\u00e1ginas personalizadas<\/a> como Kinsta.<\/li>\n
  3. Autoptimize tiene m\u00e1s de 1 mill\u00f3n de instalaciones activas en el repositorio de WordPress y se actualiza constantemente con nuevas caracter\u00edsticas y correcciones de errores.<\/li>\n<\/ol>\n

    Configuraci\u00f3n de JS, CSS y HTML de Autoptimize<\/h2>\n

    HTML, CSS<\/a> y JavaScript es el pan de cada d\u00eda de Autoptimize. Al igual que con otros plugins de optimizaci\u00f3n, profundizar en el extenso conjunto de caracter\u00edsticas y ajustes de Autoptimize puede ser una tarea desalentadora. Para facilitar las cosas, hemos compilado los mejores ajustes de Autoptimize para mejorar el rendimiento de tu sitio.<\/p>\n

    Opciones de JavaScript<\/h3>\n
    \"Optimizaci\u00f3n<\/a>
    Optimizaci\u00f3n de JavaScript en Autoptimize.<\/figcaption><\/figure>\n

    Optimizar el c\u00f3digo JavaScript<\/h4>\n

    Recomendamos habilitar esta opci\u00f3n. Cuando \u00aboptimizar c\u00f3digo JavaScript\u00bb est\u00e1 activada, Autoptimize minar\u00e1 tus archivos JavaScript.<\/p>\n

    Archivos JS agregados<\/h4>\n

    La opci\u00f3n de Autoptimize \u00abagregar archivos JS\u00bb combinar\u00e1 todos tus archivos de JavaScript en un solo archivo. En el pasado, la combinaci\u00f3n de archivos JS y CSS fue un paso clave en la optimizaci\u00f3n de WordPress. En Kinsta, utilizamos servidores HTTP\/2<\/a> modernos <\/a>que soportan descargas paralelas y multiplexaci\u00f3n – esto significa que la combinaci\u00f3n de archivos ya no es tan importante como antes porque HTTP\/2 permite que se descarguen varios archivos<\/a> al mismo tiempo. Dicho esto, la agregaci\u00f3n de archivos CSS y JS seguir\u00e1 dando lugar a un aumento de la velocidad para ciertos tipos de sitios de WordPress, por lo que recomendamos que pruebes la velocidad de tu p\u00e1gina<\/a> con esta opci\u00f3n activada y desactivada.<\/p>\n

    Archivos JS agregados tambi\u00e9n<\/h4>\n

    La opci\u00f3n \u00abtambi\u00e9n agregar JS en l\u00ednea\u00bb extrae JS en l\u00ednea en tu HTML, y lo combina con el archivo JS optimizado de Autoptimize. Dado que esta opci\u00f3n puede causar un r\u00e1pido incremento en el tama\u00f1o de la cach\u00e9 de Autoptimize, recomendamos mantener esta opci\u00f3n deshabilitada a menos que tengas una raz\u00f3n espec\u00edfica para habilitarla.<\/p>\n

    Forzar JavaScript en<\/h4>\n

    En la mayor\u00eda de los casos, no recomendamos forzar la carga de archivos JavaScript en el elemento HTML <head><\/code> de tu sitio. Forzar a JS a que se cargue antes puede resultar en elementos bloqueadores del renderizado<\/a> que pueden disminuir la velocidad de tu p\u00e1gina. Si tienes archivos JavaScript que deben cargarse en el elemento <head><\/code> , recomendamos excluir esos scripts de Autoptimize.<\/p>\n

    Excluir los guiones de Autoptimize<\/strong><\/p>\n

    Esta opci\u00f3n permite excluir de la agregaci\u00f3n directorios espec\u00edficos y archivos JavaScript. Por defecto, Autoptimize excluye los siguientes scripts.<\/p>\n