Денис Инешин

Посмотрите например на www.quora.com вот примерно так надо.

Не парьтесь на эту тему. Одного CSS-файла на весь сайт достаточно. Если вы все стили склеите в один файл, сожмете в строчку, а потом еще сервер это пожмёт gzip-ом. То это достаточная оптимизация.

1. Обычный вариант: посмотреть на конкурентов, сделать так же
2. Продвинутый вариант: какое-то продолжительное время вести лог обращений клиентов в тех поддержку и записывать все их вопросы, через какое-то время все эти вопросы систематизировать, выделить самые популярные и написать ответы на них в FAQ.

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

var slider_1 = $(selector).bxSlider(); 
var slider_2 = $(selector).bxSlider(); 
var slider_3 = $(selector).bxSlider(); 

slider_3.destroy();

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

Upd: еще вариант, примерно так:

var storage = {};

storage[0] = $(selector).bxSlider(); 
$(selector).data("instance", 0);

storage[1] = $(selector).bxSlider(); 
$(selector).data("instance", 1);

storage[2] = $(selector).bxSlider(); 
$(selector).data("instance", 2);

// и теперь мы может узнать инстанс из селектора
var instanceId = $(selector).data('instance');
var instace = storage[instanseId];
instance.destroy();

jsfiddle.net/IonDen/x9xz7y9j ваш пример прекрасно работает, скорее всего у вас в чем то другом ошибка.

Media Queries

Только не ставьте на рабочий десктоп, а туда где нечего терять и всё будет в порядке.

Попробуйте сменить единицы измерения и перейти на Viewport units. Смысл похожий.

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

Кол-во одновременных запросов разное в разных браузерах. На десктопных больше чем на мобильных.

Есть еще парочка вариантов:

// передача this
    getData: function (urlData) {
        $.ajax({
            url: url,
            success: this.render.bind(this)
        });
    },
        
    // или же сохранение ссылки на this в переменной
    getData: function (urlData) {
        var self = this;
        
        $.ajax({
            url: url,
            success: function (result) {
                self.render(result);
            }
        });
    },
        
    render: function (data) {
        //
    }