link_irk

Перекрыть стили в своём css файле

При любой вёрстке (не только адаптивной) следует оптимизировать страницы. И кеш и картинки и минифицировать js, css и т.д. По поводу должен ли это делать другой специалист? Нет, нужно делать максимально на что способен. А если в компании, где вы работаете/будете работать не окажется SEO специалиста? Самый лучший учитель - собственный опыт. Вот когда его поднакопится, такие вопросы возникать перестанут

Загрузка шрифта с удалённого сервера - отдельный http запрос, который этот сервер обрабатывает. А браузер в это время ждёт от него ответа. Если вы посмотрите в отладчике, то увидите этот запрос (а скорее всего их там будет даже несколько с различными начертаниями и форматами шрифта). Я конечно не уверен, но смею предположить, что загрузка шрифтов с вашего сервера (а грузятся шрифты именно в браузере у клиента) не ускорит этот процесс, если конечно маршрут до вашего сервера не окажется быстрее. Выход - заставить всех пользователей установить этот шрифт локально у себя на компьютерах :) Или же искать сервисы со шрифтами, время загрузки которых будет минимально (причём не только у вас, но и у всех клиентов). Но, сомневаюсь, что вы найдёте что-то лучше, чем Google. Ещё попробуйте указать альтернативный шрифт в CSS (font-family: 'Open Sans', Arial). Вероятно, в момент подгрузки шрифта текст будет выводиться корректно, но другим шрифтом

Разница в том, что изображение встроенное тегом img является отдельным объектом в DOM страницы. Такие картинки можно масштабировать средствами браузера и позиционировать как inline-block объекты. Если же картинку делаете фоном какого-то объекта, то масштабировать её не получится, позиционирование на странице будет наследоваться от родителя, а внутри объекта при помощи background-position.
В случае с фоновой картинкой, поверх неё можно размещать другие объекты и текст.
Если изображение должно быть кликабельно, то вариант<a href="#"><img src="./img.png" alt="Image"></a> будет работать как и предполагается, а вот если картинка, например, является фоном div'а, то div обернуть в тег <a> уже не получится, придётся ставить её внутри div'а и позиционировать уже внутри блока отдельно.