Саша

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

History API
В частности
history.pushState(null, null, '#myhash')
И следите за тем, чтобы у хеша был знак #

codepen.io/anon/pen/wKvxqP?editors=101

По себе скажу: я создаю ещё один файл, называю его, например, responsive.css и уже в него заношу все media запросы) Мне так больше нравится)

Попробуйте поиграть со свойством transform-origin и допишите свойство transform, например так:

.front .front_label h1 {
    font-size: 15px;
    transform: rotate(-90deg) translate(-100%, 0);
    display: inline-block;
    width: 154px;
    transform-origin: 0 0;
}

так

О конкретно асинхронной загрузке - сомневаюсь. Но методы ленивой загрузки, которые не тормозят загрузку всей страницы, есть. В W3C планируют введение атрибута lazyload, но его пока никто не поддерживает, кажется. А так - либо jquery плагином lazyload, либо кастомным js-постлоадером, что по сути будет модифицированным lazyload'ом

Пример с использованием дата-атрибутов

К примеру: i-leon.ru/udobnoe-pole-input-dlya-telefona

Вроде должно работать

jQuery('.js-iframe-load').each(function(){
   setTimeout((function(){ $(this).attr('src', $(this).attr('data-src-frame') ); }).bind(this) , 2000)
})

jsfiddle.net/Lo3kuqjy

github.hubspot.com/odometer/docs/welcome