Website loading slowly - Advanced Custom Fields images

Question

I'm currently using get_field with Advanced Custom Fields plugin (see here) to get a single image for search results. The end result is that these pages are loading slow, as I believe this is due to MySQL returning the whole array of all images in the gallery for the specified page, which ends up being huge.

To load the image, I am currently doing the following:

$image = get_field('house_photos'); 

    if ($image) {

        echo '<img src="' . $image[0]['sizes']['house_search'] . '"  />'; 

    } 

Is there a more efficient way just to get this single image without requesting the entire array?

Answer 1

In advanced custom value if you adding field choose field type "image" & choose return value "Image URL". To display image use

$image = get_field('house_photos'); 
    if ($image) {
        echo '<img src="' . $image . '"  />'; 
    }

If you return the ID, you'd use:

$image_id = get_field('house_photos');
$image_src = wp_get_attachment_image_src( $image_id, 'full');

if ($image_id) {
    echo '<img src="'.$image_src[0].'" width="'.$image_src[1].'" height="'.$image_src[2].'">';
}

Answer 2

I have managed to work it out - the function was leading to a lot of queries, so I rewrote it as follows:

    $housePhotos = get_post_custom_values('house_photos');

    $housePhotos = explode(';',$housePhotos[0]);

    preg_match_all('`"([^"]*)"`', $housePhotos[1], $results);

    $imageURL = wp_get_attachment_image_src( $results[1][0], 'house_search' );

    if (!empty($results[1][0])) {

        echo '<img src="' . $imageURL[0] .'" alt="" />'; 

    }