Можно ли улучшить мою реализацию адаптивности?

[pragmatik]

Использую на сайте рабочий скрипт, который определяет размеры экрана и в зависимости от них подключает ту или иную версию ya.share, а попутно и создает критерий m=1, используемый затем для других "адаптивных" условий в шаблоне:

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

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

 

[dwarf]

Для решения, которое уже работает и выполняет свои функции вполне норм, если кроссбраузерно отрабатывает, то экономить байты смысла наверное нет.
Единственное, что вместо использования document.write лучше вставлять скрипт так:

var script = document.createElement('script');
script.type = 'text/javascript';
script.src = url;
script.async = true;
document.documentElement.appendChild(script);

 

[pragmatik]

Единственное, что вместо использования document.write лучше вставлять скрипт так:

А не подскажете почему document.write неразумно использовать?
Кстати, я перерыл массу статеек: Для просмотра ссылки Войди или Зарегистрируйся говорится, что скрипты подгружаемые описанным Вами способом всегда асинхронны, т.е. script.async = true; можно не использовать. А в Для просмотра ссылки Войди или Зарегистрируйся, что document.documentElement.appendChild не во всех браузерах работает, поэтому нужно использовать document.getElementsByTagName('head')[0].appendChild(script);
Исходя из этих данных пересочинял скрипт и выкинул объявление переменных width, height и mob
вот что получилось:

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

 

[dwarf]

А не подскажете почему document.write неразумно использовать?

Так как document.write блокирует отрисовку всей страницы, пока не будет выполнен.