Написати js функцію, яка на олх завантажуватиме картинки

Треба зробити chrome extension для olx.ua , який буде робити перегляд оголошень більш зручним.

Задача має 2 пункти.

пункт 1.

Для мого розширення екрану (full hd) він ставе ширину блоків 1200px, що забагато, тому що назва оголошення від ціни знаходиться дуже далеко, 

треба зменшити розмір блока до 950px і зробити шрифт ціни трохи більшим - 20px.

пункт 2.

головна "проблема" (незручнічть для мене).

Сайт олх підгружає головне фото оголошень динамічно. Картинка грузиться тільки тоді, коли блок з оголошенням потрапляє в фокус.

Як результат, оці картинки милькають у мене перед очима. Мене це дуже сильно вибішує, виводить.

Порою бувать задачі, треба переглянути тисячі оголошень, і це перетворюється на жах.

Треба щоб, картинки загружались всі і зразу.

Мені подобається, як зроблено в авторіа,

https://auto.ria.com/uk/search/?indexName=auto&categories.main.id=1&brand.id[0]=6&model.id[0]=43&size=100

наприклад, я відкриваю сторінку, на якій 100 оголошень, і ці всі фото завантажуються моментально, перегляд швидкий і зручний.

Хочу щоб так було і в олх. (в старому олх так і було, поки ці чорти не поміняли дизайн).

У мене є плагін вже, де пукнт 1 мені вже наш адмін зробив, нижче дам код. А ось як зробити пункт 2 - треба допомога.

Були три ідеї

1) через змінну window.__PRERENDERED_STATE__ , але такий варіант  не підійде, бо коли я буду щось міняти в фільтрах, дані будуть інші і URL нових картинок через нього вже не дістати

2) зробити масштаб сторінки 10%, document.body.style.zoom = 0.10;

(картинки всі зразу загрузяться, бо вони опинились в фокусі, далі через 100 мілісекунд повернути масштаб в зад)

робочий метод, все працює, але мені не подобається, що сторінка "смикається", це не комфортно.

3) з блока <div data-cy="l-card" data-testid="l-card" data-visually-ready-trigger-element="true" id="903467809" >

брати id оголошення (903467809) і слати запити на їхнє api https://www.olx.ua/api/v2/offers/903467809/ 

i з нього брати урли картинок data->photos->link

Але мені здається що цей спосіб сильно заумний.

4) ваша ідея. Може там якийсь .focus() треба їм послати і картинки всі загрузяться.

Виконавця виберу з понеділка, не спішіть, подивіться, можна таке зробити чи ні. Потім відпишите.

Я не розумію, це легка задача, чи складна)

___________________________________________________________

// текущий URL

var curr_location=window.location.href.replace('/ru/','/').replace('/uk/','/').replace('/d/','/');

// страницы, на которых есть обьявления

var search_results_pages = ['olx.ua/home','olx.ua/list','olx.ua/dopomoga','olx.ua/detskiy-mir','olx.ua/nedvizhimost','olx.ua/transport','olx.ua/zapchasti-dlya-transporta','olx.ua/rabota','olx.ua/zhivotnye','olx.ua/dom-i-sad','olx.ua/elektronika','olx.ua/uslugi','olx.ua/zhytlo-podobovo','olx.ua/arenda-prokat','olx.ua/moda-i-stil','olx.ua/hobbi-otdyh-i-sport','olx.ua/otdam-darom','olx.ua/obmen-barter'];

// проверить, что, текущий URL это страница с обьявлениями

var curr_location_Includes_search_results = search_results_pages.some(page => curr_location.includes(page));

console.log('текущий URL это страница с обьявлениями ',curr_location_Includes_search_results, curr_location);

var ad_element='[data-cy="l-card"]'; // обьявление

var ad_price='[data-testid="ad-price"]'; // цена обьявления

function changeElementStyle(className) {

    console.log('начало измения стиля');

    var elems = document.querySelectorAll(className);

    var index = 0, length = elems.length;

    for ( ; index < length; index++)

    {

        if (className.includes('price')) elems[index].style.fontSize='18px';

        if (className.includes('l-card')) elems[index].style.width='950px'; // 1200 - 250, hull hd

    }

}

function load_all_olx_images() {

        // тут нужно написать код

        console.log('hello');

}

if (curr_location_Includes_search_results)

{

    setTimeout(changeElementStyle, 2000, ad_element);

    setTimeout(changeElementStyle, 2000, ad_price);

    setTimeout(load_all_olx_images, 5000);

}