Сегодня первому сделаю 20% скидку на проект. На выходе получаете так же проект в Gulp.
Есть. Не понимаю почему никто о них не говорит. Почему тут все говорят не переносите css вниз мол поплывет страница. От части это так, но это ускорит загрузку самой html страницы. Все что от вас требуется это только написать критические стили инлайново и вставить их в head. Критические стили весят очень мало, но при загрузке страницы, ваши страница не разваливается за счет того что вы написали некоторые стили инлайново в самом html и пользователь уже может пользоватся сайтом не дожидаясь загрузки css, js и картинок.
Подробнее тут: клац
Там описано как можно быстро генерировать критические стили используя Grunt (в Gulp тоже самое). Но не обязательно делать что б в 1 экран были критические стили, это может быть просто стли для вашей колоночной разметки.
Первое что пришло мне на ум, это использовать Modernizr что бы проверять на поддержку в браузере. А потом в зависимости от этого и грузить или не грузить png.
if (!Modernizr.svg) { $(".logo img").attr("src", "images/logo.png"); }
Однозначного ответа нет. Фоновые изображения, которые будут подключены через @media не будут грузится других размеров, чем размер для вашего устройства: "Использование медиазапросов для фоновых изображений позволяет загружать с сервера только нужные изображения."
А для изображений так: <img alt="отзывчивое изображение"src="small.jpg"srcset="large.jpg 1600w,large.jpg 800w 1.95x,medium.jpg 800w,edium.jpg 400w 1.95x">
Все зависит от умений верстальщика.
Malwarebytes блочит ваши ссылки. Скорее всего вы что-то цепанули.
Придется переверстать с таблиц на блоки иначе выйдет кал. Таблицы можно ужать, но до 320 сжать табличный сайт - бида. Блочная верстка + css media запросы и все.
Кэш сбросить? Ctrl + f5.
Плотность пикселей?
Гугл пишет, что это не есть хорошо.
Значит дизайнер не понимает что такое адаптивная верстка. Как вариант можно через jquery блоки переставлять, при необходимой ширине. А так через css все, через media.
Так у вас тут получается сначала 1 потом 2 выбираем и только потом результат. Лучше аяксом, вдруг потом расширять будите.