Eu tenho um site WordPress no qual todos os uploads foram enviados /wp-content/uploads/*. Agora que existem milhares de imagens, há um impacto no desempenho, e fui designado para ajudar a remediá-lo.
Alguém já ordenou o diretório de uploads antes? Mudando para um AAAA / MM mais estruturado? Eu adoraria ouvir algumas estratégias sobre como isso foi alcançado.
Respostas:
Infelizmente, esse é um fato muito triste sobre o WordPress, que quase não oferece personalização para os envios no back-end (exceto as coisas da organização y / m).
O que você pode fazer é criar sua própria classe personalizada para gerar as miniaturas (que são a parte mais importante do impacto no desempenho, pois cada imagem gera de algumas dezenas a dezenas de miniaturas) de maneira mais organizada.
Etapa 1,2 e 3: faça um backup de todos os seus envios. O que você fará não poderá ser revertido, a menos que você tenha um backup da sua pasta de uploads!
Etapa 4: faça o download e instale o plugin do Thumbnail Cleaner . Isso permite excluir todas as miniaturas geradas.
Etapa 5: crie seu próprio método de geração. Estou tendo um exemplo para você:
add_filter('wp_image_editors', 'my_wp_image_editors');
function my_wp_image_editors($editors) {
array_unshift($editors, "my_WP_Image_Editor");
return $editors;
}
// Include the existing classes first in order to extend them.
require_once ABSPATH . WPINC . "/class-wp-image-editor.php";
require_once ABSPATH . WPINC . "/class-wp-image-editor-gd.php";
// Now we extend the original image editor class
class my_WP_Image_Editor extends WP_Image_Editor_GD {
public function generate_filename($suffix = null, $dest_path = null, $extension = null) {
// $suffix will be appended to the destination filename, just before the extension
if (!$suffix) {
$suffix = $this->get_suffix();
}
$dir = pathinfo($this->file, PATHINFO_DIRNAME);
$ext = pathinfo($this->file, PATHINFO_EXTENSION);
$name = wp_basename($this->file, ".$ext");
$new_ext = strtolower($extension ? $extension : $ext );
if (!is_null($dest_path) && $_dest_path = realpath($dest_path)) {
$dir = $_dest_path;
}
//we get the dimensions using explode, we could have used the properties of $this->file[height] but the suffix could have been provided
$size_from_suffix = explode("x", $suffix);
//we get the slug_name for this dimension
$slug_name = $this->get_slug_by_size($size_from_suffix[0], $size_from_suffix[1]);
return trailingslashit( $dir ) . "{$slug_name}/{$name}.{$new_ext}";
}
function multi_resize($sizes) {
$metadata = array();
$orig_size = $this->size;
foreach ( $sizes as $size => $size_data ) {
if ( ! isset( $size_data['width'] ) && ! isset( $size_data['height'] ) ) {
continue;
}
if ( ! isset( $size_data['width'] ) ) {
$size_data['width'] = null;
}
if ( ! isset( $size_data['height'] ) ) {
$size_data['height'] = null;
}
if ( ! isset( $size_data['crop'] ) ) {
$size_data['crop'] = false;
}
$image = $this->_resize( $size_data['width'], $size_data['height'], $size_data['crop'] );
if ( ! is_wp_error( $image ) ) {
$resized = $this->_save( $image );
imagedestroy( $image );
if ( ! is_wp_error( $resized ) && $resized ) {
unset( $resized['path'] );
$metadata[$size] = $resized;
}
}
$this->size = $orig_size;
}
//we add the slug to the file path
foreach ($metadata as $slug => $data) {
$metadata[$slug]['file'] = $slug . "/" . $data['file'];
}
return $metadata;
}
// Our custom function to retrieve the proper slug by weight and height
function get_slug_by_size($width, $height) {
// Make thumbnails and other intermediate sizes.
$_wp_additional_image_sizes = wp_get_additional_image_sizes();
$image_sizes = array(); //all sizes the default ones and the custom ones in one array
foreach (get_intermediate_image_sizes() as $s) {
$image_sizes[$s] = array('width' => '', 'height' => '', 'crop' => false);
if (isset($_wp_additional_image_sizes[$s]['width'])) {
// For theme-added sizes
$image_sizes[$s]['width'] = intval($_wp_additional_image_sizes[$s]['width']);
} else {
// For default sizes set in options
$image_sizes[$s]['width'] = get_option("{$s}_size_w");
}
if (isset($_wp_additional_image_sizes[$s]['height'])) {
// For theme-added sizes
$image_sizes[$s]['height'] = intval($_wp_additional_image_sizes[$s]['height']);
} else {
// For default sizes set in options
$image_sizes[$s]['height'] = get_option("{$s}_size_h");
}
if (isset($_wp_additional_image_sizes[$s]['crop'])) {
// For theme-added sizes
$image_sizes[$s]['crop'] = $_wp_additional_image_sizes[$s]['crop'];
} else {
// For default sizes set in options
$image_sizes[$s]['crop'] = get_option("{$s}_crop");
}
}
$slug_name = ""; //the slug's name
if($width >= $height){
foreach ($image_sizes as $slug => $data) { // we start checking
if ($data['width'] == $width) {//we use only width because regardless of the height, the width is the one used for resizing in all cases with crop 1 or 0
$slug_name = $slug;
}
/*
* There could be custom added image sizes that have the same width as one of the defaults so we also use height here
* if there are several image sizes with the same width all of them will override the previous one leaving the last one, here we get also the last one
* since is looping the entire list, the height is used as a max value for non-hard cropped sizes
* */
if ($data['width'] == $width && $data['height'] == $height) {
$slug_name = $slug;
}
}
} else {
foreach ($image_sizes as $slug => $data) {
if ($data['height'] == $height) {
$slug_name = $slug;
}
if ($data['height'] == $height && $data['width'] == $width ) {
$slug_name = $slug;
}
}
}
return $slug_name;
}
}Essa classe é quase copiada da classe original incluída em class-wp-image-editor-gd.php, com uma diferença: ele armazenará as miniaturas em pastas separadas, tudo dentro do diretório de uploads com base no tamanho da lesma. Então, após o upload de uma imagem, você terá algo parecido com isto:
/uploads/image.jpg
/uploads/thumbnail/image.jpg
/uploads/medium/image.jpg
/uploads/large/image.jpg
// And so on...Isso evitará ter um milhão de imagens dentro de uma única pasta. Você pode editar a classe da maneira que desejar, alterar os caminhos e muito mais. Foi fornecido como um exemplo para demonstrar como as imagens são geradas e armazenadas.
Etapa 6: use o plug-in Regenerar miniaturas para preencher sua pasta de uploads com miniaturas recém-geradas, de maneira sofisticada. Isso impedirá que milhares de miniaturas sejam armazenadas em uma única pasta. Um exemplo de trabalho pode ser encontrado aqui . Clique com o botão direito do mouse e abra uma miniatura em uma nova guia e tente alterar a lesma para ver como ela funciona.
Espero que isso tenha lhe dado uma compreensão mais profunda sobre como manipular a geração de imagens no WordPress.