На сайте: http://test20.vsemesta.net/ поправить несколько моментов в верстке.
1. Создание отдельного файла CSS для быстрой загрузки первых данных.
Включил в загрузку style.css правило media="none" onload="if(media!='all')media='all'" - скрин http://prntscr.com/pz9hd8
В итоге Google Page Speed показывает более менее нормальные значения http://prntscr.com/q0122k
Без этого - дольше в 2 раза http://prntscr.com/q019r1
Но хочу отдельно сделать файл start.css - где будут находиться правила для первого экрана, а остальные грузиться уже через media="none" onload="if(media!='all')media='all'"
Чтобы прорисовка не прыгала основных элементов.
И все остальные элементы на всем сайте нормально работали, как будто с обычным style.css
А то много корявостей возникает - корзина в хроме в этом случае вот так работает http://prntscr.com/q02lmv
И вообще приветствуются любые другие советы и решения по увеличению показателей в page speed приветствуются и могут быть оплачены отдельно по договоренности. Моя цель - довести до максимума на данном шаблоне именно в мобильной версии.
2. Надо разобраться с шрифтами из Fontawesome
Они по идее и сейчас должны загружаться для сайта, но например тут http://prntscr.com/pkg01f - хотел бы поменять на палец вверх из bootstrap (для списков) и не получается.
И в модулях его нет, которые используют шрифт этот http://prntscr.com/q02l4p
И в админке его нет http://prntscr.com/pz9icp
Хотя часть иконок из него по идее берется, типа поиска и т.п.
Как-то неправильно он добавлен.
Нужно проверить как грузится fontawesome, при необходимости правильно его загрузить для админки и сайта. Может быть загружать его локально и т.п.
3. Переверстать сетку на главной.
Нужно сделать возможность в сетке использования большой картинки (большого блока) как тут http://prntscr.com/pyyo9e типа такого http://prntscr.com/q02k4i только ровно все до пикселя.
Чтобы остальные картинки как бы обтекали его, не выбивались из общего стиля, а то сейчас дырки пустые http://prntscr.com/pz9nbj
И в мобильном режиме конечно, чтобы все аккуратно грузилось.
Бюджет небольшой. сроки не горят, делаю для себя.
Потом пояснить нужно что где меняли (тезисно хотя бы), чтобы я мог перенести все на основной сайт.
Бюджет указан ориентировочный, готов рассмотреть все варианты, оплата БС или по факту Яндекс или Вебмани.
Скопировать лендинг https://xn----dtbcg9aggdam0ad.xn--p1ai/ +- доработки в ТЗ, изменение фото, цвета, картинок и т.д. ничего сложного не нужно будет делать. Настроить заявки в телеграм и залить на хост, внести корректировки до утверждения. Работаю по ...
Есть готовый дизайн лендинга для онлайн-школы. Дизайн выполнен в Figma, ссылки отправлю в личной переписке. В лендинге присутствуют сложные блоки, слайдер и форма обратной связи. Необходимо сверстать десктопную ...
Исправить шапку, ошибочное отображение в некоторых разрешениях. Исправить подвал сайта (сделать прилипание по низу страницы)исправить перекрытие подвалом сайта выпадающего менюИсправить все отступы на сайте (Для h1, h2 и тд)Создать страницу и настроить 404 ошибки. ...
Мы разрабатываем сайт по подбору и бронированию санаторно-курортных учреждений. Это крупный и высоконагруженный интернет-проект. Нужно осуществить адаптивную верстку страниц по готовым дизайн макетам. Нам нужен профессиональный верстальщик, с опытом работы в крупных проектах. Предложения от ...
ТЗ: 1. Адаптивная верстка под desktop, tablet & mobile 2. Возможность заменять иконки 3. Возможность заменять текст 4. Возможность менять цвет ...
Необходимо сверстать адаптивный шаблон под CMS DLE 11.1 Адаптивный шаблон должен работать под: 1280px, 980px, 756px и 320px. Сверстать нужно следующие страницы: - главная - внутренняя ...
Добрый день Необходимо сверстать письмо для рассылки. Все лого должны быть кликабельными. https://we.tl/t-WLqCLWF8fd Стоимость и скроки просьба оставлять в заявке.
Нужно в уже сверстанном лендинге переверстать несколько статичных блоков. Всего 5 блоков-экранов нужно сверстать и 1 немного изменить. Во вложении скрин с исходником и с дизайн-макетами под новые блоки с адаптивом. ...
Есть дизайн страницы, с табличными данными. Нужно сверастать в html. важно: 1- адаптивность 2- при адаптации сделать что бы данные групировались красиво под все ширины экрана У нас будут ...
Требуется сверстать простенький шаблон письма по всем стандартам для прохождения СПАМ фильтров. Кроссбраузерный. С возможностью использовать в почтовых рассылках. Текст будет предоставлен исполнителю.
