por defecto cada vez que subimos una imagen, ya sea por un POST, un producto o por «medios» se nos autogeneran diferentes copias de diferentes tamaños, los cuales pueden ser entre 4 a 10 archivos cada vez que subimos una imagen.
Al momento no parece ser una idea descontrolada, sin embargo, cuando ascendemos a 20 100 o incluso 10,000 nos damos cuenta de que tenemos 100,000 imágenes descubriendo que para generar copiado para migrar tu sitio web son aproximadamente 50 GB trabajo que es bastante complejo o simplemente en ocasiones los proveedores no te interesan la cantidad excesiva de archivos. Esto también puede reducir el seo drásticamente y la velocidad de carga, es por eso que a continuación listamos los pasos para evitar que sé atener esta copia cada vez que subimos una imagen.
Lo primero es hacer una copia, ya que si algo sale mal puede devolver la copia anterior que has hecho antes de iniciar este tutorial. Por consiguiente puedes editar el functions.php de tu tema o puedes instalar el plugin code snippets desarrollado poco de snippets pro complemento útil para agregar códigos al functions.php sin editar tu tema y evitar que pierda la edición cuando actualices el tema.
Una buena alternativa para realizar esta tarea fácil y eficazmente es la instalación del plugin fragmento de código de llamado code snippets por Code Snippets Pro el cual se encargará de las configuraciones necesarias para poder agregar código en función php sin necesidad de tocar el tema.
Una vez instalado incluyen aparecerá esta opción en el menú de herramientas de WordPress denominada fragmento de códigos, la cual al abrirla mostrará todos los fragmentos, los cuales predeterminadamente todos están desactivados. A continuación vamos a crear tres fragmentos con los siguientes códigos a continuación y vamos a seleccionar donde dice añadir nuevo.
Aparecerán en tres pestañas arriba en la cual vamos a tener que seleccionar «funciones php». Vamos a hacer lo mismo para los siguientes tres fragmentos que acabamos de crear con los siguientes códigos.
codigo codigo codigo
Nota: Estos códigos son ideales para WordPress recién instalados, sin embargo, con los pasos que describiremos más abajo podremos limpiar y optimizar WordPress antiguos que ya tienen cientos o miles de posts sin problemas… (Recomendamos de igual manera realizar Backups).
Una vez hecho esto y activando estos fragmentos de código Estar, alisto el filtro que bloquea las autogeneraciones de imágenes al subir contenido. NOTA: Es muy importante que se activen para que se puedan ejecutar antes de cargar la página. Ahora probemos cargando una imagen, ya sea por un post, por un producto o por la opción de galería media. Como podemos notar solo se ha creado una ruta y un archivo en el servidor denominado el mismo nombre de tu imagen, pero con guiones en lugar de despacios y sin él -1200×1200 que aparecía predeterminadamente de diferentes tamaños y tampoco se ha generado los thumbnail que se solía generar.
Entonces con estas configuraciones restringimos a nuestro WordPress y temas a autocrear imágenes de diferente tamaño basados en tu imagen original y solo subiendo la imagen como tal que has seleccionado (sin copias) sin embargo, los POSTS anteriores ya vienen asociados a las imágenes que subimos en su momento. Si en tus posts o entradas y productos seleccionaste que querías una imagen de tamaño específico, o las autogeneradas estas no aparecerán en los post (saldrá error al cargar imagen) por lo que vemos algunos de tus posts seguirán estando asociados a dichas copias por lo que es recomendable no eliminarlas, ya que tus posts podrían dejar de mostrarlas. Ahora, para hacer una limpieza eficiente de cada post, primeramente tendríamos que entrar a la edición de cualquier post y editar como html el contenedor de la imagen, como veremos en la imagen a continuación y eliminemos lo que nuestra imagen queremos recalcado de color amarillo:
Una vez editadas todas las imágenes de todos los ya post tendríamos todas las imágenes adjuntas de los post «des asociadas» de las autogeneradas y asociadas directamente a las imágenes originales y no las miniaturas o imágenes que WordPress en su momento, antes de aplicar este post las autogeneraba.
A continuación borraremos todas las autogeneradas del servidor una opción buena para hacer rápidamente usando la aplicación ftp o el administrador de archivos del cpanel, sin embargo, si tiene solo acceso ftp también te sirve Fillezilla podemos usar herramientas de terceros para el borrado estas imágenes, ya que esta imagen autogenerada no aparece normalmente en la galería de medios de wordpress es por ese motivo que necesitamos acceder y hacer servidor o al administrador de archivos del cpanel para poder borrarlos.
Luego de este paso es importante que se genere una copia de los archivos (uploads) del contenido y de las entradas, ya que en este paso viene la eliminación y si algo sucede fuera de lo esperado en este tutorial se puede respaldar con la copia que hemos generado con anticipación.
A continuación vamos a la galería de medios y vamos a encontrar una imagen a la cual ya se le han generado auto tamaño arbitrariamente al momento de su carga antes de colocar nuestro código de restricción del paso 2 del tutorial como haremos en la siguiente imagen seleccionando desde la ruta que le corresponda a esa imagen este caso lo que está subrayado en la siguiente imagen de su color azul:
Una vez copiada en portapapeles nos dirigimos a la aplicación administrativa que hemos escogido para la administración de archivos y pegaremos para buscar y filtrar todos los archivos que coincidan con este nombre y haremos las copias duplicadas físicamente para poder eliminarlas y optimizar el sitio. Tal y como vemos en la siguiente imagen.
Una vez finalizado el borrado de los archivos autogenerados ya tendríamos el WordPress optimizado en archivos y en datos para que no estén asociados a miniaturas o que no existan archivos autogenerados de imágenes subidas que es muy probable que jamás usaríamos (en la mayoría de los casos quedan cargadas innecesariamente). Eso es todo para este post. Si te gusto la información o si tienes alguna recomendación o deseas entrar en contacto estaremos disponibles desde la sección contacto del menú, Gracias.
