FAQ

Благодаря собственной целеустремленности и 6-ти летнему опыту, занимаю лидирующую позицию в web-разработке и оптимизации странах СНГ и Европы. Ознакомится с моими работы можно в разделе Портфолио.

Контакты
?
Контакты
Эл. почта
verstkovo.ru@gmail.com
alt

Как составить техническое задание на верстку сайта

Техническое задание заполняется по примеру готового шаблона, который предоставляется заказчику.

При условии предоставления собственного шаблона необходимо указать все требования к анимации и адаптации контента.

Я участвую в процессе составления ТЗ, так как Бриф ТЗ являются основным справочным материалом по вашим требованиям и пожеланиям.

Чем точнее и детальней заполнено техническое задание, тем лучше я смогу понять ваше видение конечного продукта.

alt

Адаптивная верстка сайта vs. Мобильная версия: что выбрать в 2018 году?

Сегодня мобильная версия отходит на второй план. Ее заказывают при необходимости максимально упростить сайт.  За последние несколько лет отдельную мобильную версию заказывали всего 2 проекта.

С каждым годом (и тенденция будет соблюдаться) предпочтение идет в сторону адаптивной верстки сайта.

Преимущества адаптивной верстки сайта

  • Удобство разработки
  • Удобство пользователя
  • Использование единого URL
  • Грамотное отображение сайта, без потери информации
  • Стоимость внедрения
alt

Анатомия создания сайта под ключ

  1. Планирование
    • заполнение брифа
    • составление тз по сайту
    • обсуждение требований и пожеланий
    • прототипирование
  2. Разработка

    Этап 1

    • создание дизайна и подбор контента
    • составление технического задания на верстку
    • согласование с заказчиком
  3. Этап 2

    • верстка сайта по макету
    • тестирование верстки (адаптация, скорость, баги и прочее)
    • презентация верстки
    • составление технического задания программисту
  4. Этап 3

    • интеграция верстки на CMS
    • реализация необходимого функционала
    • добавление и настройка плагинов
    • тестирование функционала
    • демонстрация готового сайта
  5. Продвижение
    • определение целевой аудитории и ценности продукта
    • выбор каналов продвижения
    • построение воронки лидогенерации
    • подготовительные работы
    • запуск
 
alt

Как проверить готовую верстку?

Готовая верстка тестируется с помощью сервиса https://www.browserstack.com/ + на “живых” устройствах - Macbook Pro, iPad Air 2, iPhone 7 Plus, HTC One, Samsung. В браузерах Internet Explorer 11, Firefox, Chrome, Opera, Yandex, Safari

Верстка тестируется путём поочередного просмотра страницы на всех браузерах и разрешениях, с учётом изменения масштаба страницы 75%/125%, изменением горизонтальной и вертикальной развертки устройства.

alt

Как добится быстрой загрузки сайта?

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

1. Уменьшите размер страниц сайта

Слишком «тяжелый» контент долго загружается. Уменьшая размер страниц сайта, вы автоматически увеличиваете скорость его загрузки. Кроме этого, вы экономите средства, если хостинг-провайдер берет с вас плату за трафик.

Чтобы уменьшить размер страниц, в первую очередь воспользуйтесь сжатием данных в протоколе HTTP. Это уменьшает размер текстовых ресурсов, включающих элементы HTML, CSS и JavaScript, на 50% и более. Для сжатия данных протокола HTTP используются технологии zip, gzip и другие.

Чтобы уменьшить размер страниц, попросите хостинг-провайдера или администратора сервера включить опцию сжатия данных протокола HTTP.

2. Снизьте «вес» графики

Графика часто составляет 80% и более от общего размера страниц. Поэтому очень важно правильно оптимизировать публикуемые фотографии. Следующие рекомендации помогут вам уменьшить размер изображений на 50% и более:

Публикуйте фотографии в формате JPEG, избегайте формата PNG. Формат JPEG позволяет сильно сжимать изображения без потери качества. Например, в день представления Windows 8 компания Microsoft опубликовала на главной странице сайта фото в формате PNG, «вес» которого составил 1 МБ. Фото аналогичного качества в формате JPEG имеет размер приблизительно 140 КБ.

Не злоупотребляйте использованием формата PNG для обеспечения прозрачности графики. Эффект прозрачности — это очень красиво, но не всегда функционально.

Корректно выбирайте уровень качества картинок в формате JPEG. Уменьшив качество фото на 25-50%, вы практически не заметите разницы по сравнению с исходным изображением. При этом «вес» иллюстрации значительно уменьшится.

Очищайте графические файлы от цифрового мусора. Различные редакторы фото, которыми наверняка пользуется ваш дизайнер, оставляют в файле много различных данных, например, комментарии, рабочие версии изображения, неиспользуемые палитры и т.п. Этот цифровой мусор не нужен вашим читателям. Чтобы очистить файл, воспользуйтесь сервисами Tinypng, или Kraken.

Уменьшая «вес» фотографий, постарайтесь сохранить эстетическую привлекательность сайта. Пользователи и поисковые системы больше ценят визуально привлекательные ресурсы.

3. Упростите код JavaScript и CSS

Использование специальных средств упрощения кода JavaScript и CSS уменьшает «вес» соответствующих элементов сильнее, чем стандартные технологии сжатия, например, gzip. Сервисы упрощения удаляют из кода лишние элементы, а также сокращают названия функций.

Чтобы упростить код элементов JavaScript и CSS, воспользуйтесь программными средствами или онлайн-сервисами, например, Online Javascript Compression Tool или Online JavaScript/CSS Compression.

Видео