Как ускорить загрузку страницы при долгой загрузке списка товаров на PHP странице из-за подгружаемого внешнего скрипта JS?

Question

[cahe4a1]

Здравствуйте!

Подскажите пожалуйста в каком направлении двигаться.

У меня написан сайт на PHP по шаблону проектирования MVC. Есть список товаров, который выводится перебором массива из базы данных foreach. Один из элементов массива $product['quantity']; берет из моей базы данных неизменяемую ссылку CRM системы для отображения количества товара, вида:

<script type="text/javascript" src="https://accounts.e-autopay.com/external/widgets/pincodes/246928"></script>

Данный скрипт просто выводит число и ужасно тормозит загрузку страницы. Приходится ждать пока каждая строка загрузится. В каждой строке содержится ещё много элементов массива и при удалении $product['quantity']; все грузится мгновенно.

К сожалению, не учел этот момент при проектировании и теперь думаю где грамотно обработать данную ссылку, чтобы выводить количество товара без прогрузки каждой строки, при этом возможность вставлять ссылку скрипта в базу данных осталась.

Также есть мысли обрабатывать ссылку в JS, помещая число из ссылки в переменную JS и выводить её в документ. А с помощью $product['quantity'] менять лишь ID у элемента. Но, тогда пропадает весь смысл удобной админки, куда можно было сразу вгружать ссылки и не добавлять их в отдельный JS файл.

С уважением, Александр

Comments

[Максим Федоров]

Вы в цикле делаете запросы в БД?
Это очень популярная проблема N+1

Просто загрузите разом все ссылки одним запросом и уже на стороне пызи гидрируйте (обьединяйте)

[cahe4a1]

Максим Федоров,

public static function getProductsListByCategory($categoryId, $page = 1)
    {
        $limit = Product::SHOW_BY_DEFAULT;
        // Смещение (для запроса)
        $offset = ($page - 1) * self::SHOW_BY_DEFAULT;

        // Соединение с БД
        $db = Db::getConnection();

        // Текст запроса к БД
        $sql = 'SELECT id, name, popup, quantity, text_id, linkname2, demo, autopayvalue, price, title2, description2, keywords2, fotosmall, fotobig, is_new FROM product '
                . 'WHERE status = 1 AND text_id = :text_id '
                . 'ORDER BY id ASC LIMIT :limit OFFSET :offset';

        // Используется подготовленный запрос
        $result = $db->prepare($sql);
        $result->bindParam(':text_id', $categoryId, PDO::PARAM_INT);
        $result->bindParam(':limit', $limit, PDO::PARAM_INT);
        $result->bindParam(':offset', $offset, PDO::PARAM_INT);

        // Выполнение коменды
        $result->execute();

        // Получение и возврат результатов
        $i = 0;
        $products = array();
        while ($row = $result->fetch()) {
            $products[$i]['id'] = $row['id'];
            $products[$i]['name'] = $row['name'];
			$products[$i]['text_id'] = $row['text_id'];
			$products[$i]['popup'] = $row['popup'];
			$products[$i]['linkname2'] = $row['linkname2'];
      $products[$i]['demo'] = $row['demo'];
			$products[$i]['quantity'] = $row['quantity'];
			$products[$i]['autopayvalue'] = $row['autopayvalue'];
            $products[$i]['price'] = $row['price'];
			$products[$i]['title2'] = $row['title2'];
			$products[$i]['description2'] = $row['description2'];
			$products[$i]['keywords2'] = $row['keywords2'];
			$products[$i]['fotosmall'] = $row['fotosmall'];
			$products[$i]['fotobig'] = $row['fotobig'];
            $products[$i]['is_new'] = $row['is_new'];
            $i++;
        }
        return $products;
    }

[cahe4a1]

public static function getProductsListByCategory($categoryId, $page = 1)
    {
        $limit = Product::SHOW_BY_DEFAULT;
        // Смещение (для запроса)
        $offset = ($page - 1) * self::SHOW_BY_DEFAULT;

        // Соединение с БД
        $db = Db::getConnection();

        // Текст запроса к БД
        $sql = 'SELECT id, name, popup, quantity, text_id, linkname2, demo, autopayvalue, price, title2, description2, keywords2, fotosmall, fotobig, is_new FROM product '
                . 'WHERE status = 1 AND text_id = :text_id '
                . 'ORDER BY id ASC LIMIT :limit OFFSET :offset';

        // Используется подготовленный запрос
        $result = $db->prepare($sql);
        $result->bindParam(':text_id', $categoryId, PDO::PARAM_INT);
        $result->bindParam(':limit', $limit, PDO::PARAM_INT);
        $result->bindParam(':offset', $offset, PDO::PARAM_INT);

        // Выполнение коменды
        $result->execute();

        // Получение и возврат результатов
        $i = 0;
        $products = array();
        while ($row = $result->fetch()) {
            $products[$i]['id'] = $row['id'];
            $products[$i]['name'] = $row['name'];
			$products[$i]['text_id'] = $row['text_id'];
			$products[$i]['popup'] = $row['popup'];
			$products[$i]['linkname2'] = $row['linkname2'];
      $products[$i]['demo'] = $row['demo'];
			$products[$i]['quantity'] = $row['quantity'];
			$products[$i]['autopayvalue'] = $row['autopayvalue'];
            $products[$i]['price'] = $row['price'];
			$products[$i]['title2'] = $row['title2'];
			$products[$i]['description2'] = $row['description2'];
			$products[$i]['keywords2'] = $row['keywords2'];
			$products[$i]['fotosmall'] = $row['fotosmall'];
			$products[$i]['fotobig'] = $row['fotobig'];
            $products[$i]['is_new'] = $row['is_new'];
            $i++;
        }
        return $products;
    }

[cahe4a1]

BD_ l3ftoverZ!, Скажите, логично ли будет в качестве решения этой проблемы на отдельном сайте или странице вывести списком:

<script type="text/javascript" src="https://accounts.e-autopay.com/external/widgets/pincodes/246928"></script>
<script type="text/javascript" src="https://accounts.e-autopay.com/external/widgets/pincodes/246928"></script>
<script type="text/javascript" src="https://accounts.e-autopay.com/external/widgets/pincodes/246928"></script>
...... И т.д.

Проставить ID, взять число в переменную:

var first = (parseInt(document.getElementById("num1").innerHTML,));

Вывести список чисел и уже как-нибудь парсить с этой страницы числа себе на сайт? И имею ввиду сделать так, чтобы список чисел уже был выгружен как-нибудь заранее.

С уважением, Александр