Прошу оценить стоимость и сроки.

Сайт:

    http://polvamvdom.ru

Движок:

    Yii 1.1.19

Задание:

Выполнить рекомендацию Google PageSpeed Insights

    https://up2.whitebx.ru/c/t/m/Screenshot_2021-07-15_14:18:29.CtmECGtM8RHA6f7iLXBcpk.png

для мобильного вида главной страницы, страниц категорий и страницы товара, например

    https://polvamvdom.ru/

    https://polvamvdom.ru/laminat/

    https://polvamvdom.ru/p-15_001_00038/

    

Подробнее:

1.

Главная страница должна проходить аудит

    https://developers.google.com/speed/pagespeed/insights/?hl=RU&url=https%3A%2F%2Fpolvamvdom.ru&tab=mobile

по данному пункту (этот пункт не должен появляться в отчёте Google PageSpeed)

2.

Страницы категорий должны проходить аудит

    https://developers.google.com/speed/pagespeed/insights/?hl=ru&url=https%3A%2F%2Fpolvamvdom.ru%2Flaminat%2F

по данному пункту (этот пункт не должен появляться в отчёте Google PageSpeed)

3.

Страницы товаров должны проходить аудит

    https://developers.google.com/speed/pagespeed/insights/?url=https%3A%2F%2Fpolvamvdom.ru%2Fp-15_001_00038%2F&tab=mobile

по данному пункту (этот пункт не должен появляться в отчёте Google PageSpeed)

Особенности:

A. Кроссбраузерность.

Результаты работ должны одинаково выглядеть в основных браузерах (в том числе

старых версий): Firefox 53.0.3, Firefox ESR 52.9.0, Firefox, Chrome,

Safari.

B. Адаптивная вёрстка.

Сайт использует адаптивную вёрстку, необходимо чтобы после выполнения задач, в мобильной версии всё

было читабельно и никуда не съезжало.

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

    Ширина экрана браузера менее 768px (если CSS-правилами сайта не определено иное).

    User-Agent браузера позволяет определить что устройство мобильное.

Вышеуказанные условия должны реагировать на resize окна браузера (мобильные элементы

после ресайза должны быть такими же как после полной перезагрузки с

изначально мобильным разрешением).

Размеры элементов адаптивной версии должны растягиваться в зависимости от размера экрана браузера, и

по ширине и высоте, сохраняя макетные пропорции.

C. Пояснение по адаптиву.

Адаптивность вёрстки мобильного варианта подразумевает, что не существует какого-то

отдельного html-кода для мобильной верстки, дублирующего десктопные

элементы. Вместо этого, один единственный вариант вёрстки, в зависимости

от размера экрана, отображается как десктопный, либо как адаптивный

вариант. Т.е. для десктопного вида и для мобильного вида шапки+меню не

должно быть двух разных блоков html-кода. Один и тот же html должен

отображаться по-разному в зависимости от разрешения экрана..

D. Нельзя использовать h1, h2, h3.

Для вёрстки новых элементов нельзя использовать теги h1 h2 h3 и т.д., поскольку это вредно с точки зрения SEO.

E. Минимум javascript.

Задачи должны быть выполнены с минимально возможным применением javascript.

Если какие-то задачи могут быть решены средствами PHP/HTML/CSS, то они

должны быть решены с помощью PHP/HTML/CSS.

G. Поломки.

Выполнение данной задачи не должно сломать какой-либо другой функционал. Если в

процессе работы вы что-то сломаете, то исправление поломки

осуществляется вами безвозмездно.

H. Результат.

Результат задачи должен быть представлен в том конечном виде, который описан в ТЗ.

Варианты "оно в принципе готово, просто зайдите туда-то, нажмите то-то,

затем ещё туда и туда и вот сюда" крайне не приветствуются. Если после

выполнения работ нужно обновить кэш модификаторов сайта - обновите. Если

нужно будет обновить кэш браузера - измените html-код таким образом,

чтобы файл сам обновился либо смените режим кэширования для этого файла.

Посетители сайта обновлять кэш не будут, но зато увидят поехавшую

вёрстку. Закладывайте это дополнительно в стоимость задачи.

I. SCSS/SASS/препроцессоры.

Следует избегать использования технологий, предполагающих стадию компиляции,

поскольку они усложняют и без того запутанный процесс разработки,

повышая её стоимость. Выгоды от их использования нивелируются негативным

экономическим эффектом.

J. Никакого дебага на продакшене.

На продакшене не должно появляться никаких заглушек и прочего. В случаях

острой необходимости произвести дебаг именно на продакшене, выводите

дамп внутрь HTML-комментария, либо оборачивайте в

if($_SERVER['REMOTE_ADDR'] == 'ВАШ-IP-АДРЕС') { ?>.

Пожалуйста оцените стоимость и сроки выполнения.

4 года назад
nintendojobbo
Алексей 
38 лет
7 лет в сервисе
Был
2 года назад

Заявки фрилансеров

Александр
 
40 лет
13 лет в сервисе
Был
2 года назад
5 отзывов
4 года назад
Викто
 
28 лет
5 лет в сервисе
Был
месяц назад
4 отзыва
4 года назад
  • Похожие заказы

  • $700

    Ищется опытный верстальщик для создания 5 страниц интернет-магазина с учетом пиксель перфект. Необходимо сверстать страницы товара, оформления заказа, сравнения товаров, личного кабинета и попапы. Дизайн предоставлен в Figma. Половина страниц готова, требуется внимательное отношение к деталям.

    HTML-верстка19 заявок
    Закрыт
    4 года назад
  • Необходимо сверстать главную страницу под WooCommerce с использованием Bootstrap 4. Шапка и подвал уже выполнены, требуется доработать контент. Блок с популярными букетами уже сверстан. Укажите цену и срок выполнения.

    HTML-верстка7 заявок
    Закрыт
    4 года назад
  • Требуется сверстать страницу согласно макету из Figma для сайта на MODX Revolution 2.7.3. Видео нужно заменить заглушками с YouTube. Реализация механизма оплаты и промокодов не требуется. Готовы ответить на все дополнительные вопросы.

    HTML-верстка1 исполнитель
    Завершен
    4 года назад
  • Требуется выполнить HTML-верстку 11 страниц сайта на основе макетов в Figma. Необходимо учесть БЭМ и пиксель перфект. Слайдер на главной и блок 'посчитайте ипотеку' не требуется. На страницах 3 и 4 размещены картинки. Укажите цену и сроки, а также ссылку на примеры вашей верстки.

    HTML-верстка1 исполнитель
    Завершен
    4 года назад
  • $50

    Необходимо сверстать новый дизайн сайта с учетом HTML-верстки и адаптации для мобильных устройств. Также требуется создание анимации карусели со слайдами. Обратите внимание на предоставленные ссылки с дизайном.

    HTML-верстка1 исполнитель
    Завершен
    4 года назад
  • Задача заключается в разработке мобильного скролла для веб-сайта с применением HTML, CSS и JavaScript. Требуется адаптивный дизайн, обеспечивающий удобство использования на мобильных устройствах.

    HTML-верстка1 исполнитель
    Завершен
    4 года назад
  • $100

    Необходимо сверстать шапку сайта и меню для WordPress, адаптируя дизайн для десктопной и мобильной версии. Подробное ТЗ и макеты предоставлены в прикрепленных файлах. Укажите стоимость и сроки выполнения работы.

    HTML-верстка1 исполнитель
    Завершен
    4 года назад
  • Требуется адаптивная верстка макета из Photoshop с поддержкой десктопов, планшетов и мобильных устройств. Реализация форм с валидацией, включая многоступенчатую форму для заполнения контактов и всплывающее окно при успешной отправке. Также необходимы якоря к услугам и табы с примерами консультаций. Важно отключить эффекты в макете для проверки элементов.

    HTML-верстка1 исполнитель
    Завершен
    4 года назад
  • $20

    Требуется разработать адаптивную версию одностраничного сайта с использованием HTML и CSS. Необходимо создать две страницы: главную и страницу благодарности, оптимизированные для смартфонов и планшетов.

    HTML-верстка27 заявок
    Закрыт
    4 года назад