GM2mars

for (var i = 1; i <= 20; i++) {
   var str = (i%3 ? '' : 'Fizz')+(i%5 ? '' : 'Buzz');
   console.log(str == '' ? i : str);
}

С минимальными затратами, с учетом Вашего сценария:
Когда пользователь нажимает кнопку - отправляем ajax запрос к скрипту который занимается генерацией картинки и делаем переход на новую страницу не дожидаясь ответа. Далее все как вы расписали.

Upd
Более абстрактное и устойчивое к нагрузкам решение: очередь на стороне сервера и постоянно запущенные воркеры получающие оттуда задачи. Для очередей можно на небольших нагрузках использовать mysql, можно Redis, а можно использовать решение специально предназначенное для организации очередей - RabbitMQ.

htmlbook.ru/samhtml/yakorya
Только там же еще параллакс.
Пример якоря:

<a href="#onas">О нас</a>
<div name="onas"></div>

Для плавного скролла:
jsfiddle.net/YtJcL

Кнопка такая Insert. На клаве над стрелками сверху. Ее попробуйте.

https://www.google.ru/#newwindow=1&q=%D1%87%D0%BF%...

Кинопоиск сверстан табличкой и процветает. Поэтому ответ - главное - что б работало.
Но вообще есть следующие идеи и их лучше придерживаться.
1) Таблицы для табличной информации. Если вам надо описать характеристики холодильника в вашем магазине - используйте таблицу.
2) для секций. Если вам нужно отделить блок с утюгами от блока с чаниками - поместите их в разные section
3) Для отдельных чайников в section используйте article.
4) Если первые три пункта не подходят по каким-либо причинам, используйте div

Решил проблему:

$(document).ready(function() {
                $('a[href="' + this.location.pathname + '"]').parent().addClass('active');
             });

Для начала убедитесь что конечный SQL запрос правильный
Проверьте PDO::errorInfo после выполнения
сто к одному виноват [start] => 50, у вас есть больше 50 записей с категорией 1?

mb_substr($str, 0, 200, 'UTF-8');
этот код работает
считаю количество символов функцией mb_strlen() получается 200