Лучшие практики или скорость в вёрстке?

Question

[smartbe]

Всем доброго дня! Сейчас изучил вёрстку и начинаю её практиковать на нестандартных макетах. Есть много разных лучших практик

• В отдельную страницу UI выносить все блоки по БЭМ (маленькие и крупные).
  
• Проверять на перенаполнение
  
• Оптимизировать картинки (сжимать + отдельно формат WebP)
  
• Для разных устройств готовить разные картинки (мобилки - одно, планшет - другое, десктоп - третье)
  
  
• Улучшать скорость загрузки шрифтов, скриптов, css
  
• Проверять chrome audits
  

Вопрос. Как лучше? Учиться делать на скорость без этого и гордиться что сделал за 2 дня, или уделять всему внимание и гордиться качеством?

Comments

[Ankhena]

Как лучше? Учиться делать на скорость без этого и гордиться что сделал за 2 дня, или уделять всему внимание и гордиться качеством?

Кто-то бегает марафоны, кто-то спринты. Кто из них лучше бегает?
Аналогия не полная, конечно, но смысл ясен.

Быстро накидать прототип и показать заказчику для дальнейшего обсуждения - одна задача.
Сделать конечную верстку для высоконагруженного проекта - другая.

Еще есть аспекты оплаты. Кому-то побыстрее, подешевле и с достаточным качеством.
Кому-то подольше, подороже и со всякими хитростями.

Нет универсального ответа.

[Filipinnetc]

Вы хотите прыгнуть сразу в две лунки

[beDenz]

Что значит "Проверять на перенаполнение"?

[Ivan Bogachev]

beDenz, Вставлять длинные слова, длинные тексты, картинки нестандартных размеров и.т.д. Если верстка от этого разлетается - значит при изменении контента пользователями у них могут возникнуть проблемы.

Answer 1

[Lord_Dantes]

Сейчас изучил вёрстку

Не изучили.

уделять всему внимание и гордиться качеством

Answer 2

[Иван Шумов]

слово ИЛИ тут не уместно. Есть задача и есть цель. Кому-то надо быстро, кому-то качественно, кому-то под с SEO, кому-то хорошо-богато. Поэтому главное чтобы результат отвечал ожиданиям

Answer 3

[xmoonlight]

Полностью зависит от того, какую цель вы преследуете.
1. Угодить поисковикам - одно.
2. Угодить пользователю - другое.
3. Угодить заказчику - третье.
4. Срубить бобов за 1 час работы и 3 дня отдыха - тоже вариант!))

Практики - тут вообще ни при чём. Они лишь дают понимание процесса, а необходимость их применения - полностью зависит от выбранной вами цели.

Answer 4

[Антон Шаманов]

"улучшать" - это не задача верстальщика

Comments

[Ankhena]

Я бы не стала исключать верстальщика из этого процесса.

[Антон Шаманов]

Ankhena, а конкретнее?

[Ankhena]

Антон Шаманов, объединить и минимизировать стили и при необходимости скрипты вполне в силах верстальщика. Оптимизировать фотки - тоже. Не писать всякой галиматьи в CSS (типа селекторов с гигантской вложенностью или все время перебивая одни и те же свойства тоже) вообще непосредственная задача верстальщика. Собрать спрайты, заменить картинки на css, там где это возможно и тому подобное.
Полно работы.

[Антон Шаманов]

Ankhena, мы обсуждаем не то что MAY делать верстальщик, а то что он MUST делать. Если заранее такие вещи не оговорены с клиентом/работодателем, то верстальшик в праве этого не делать.

типа селекторов с гигантской вложенностью или все время перебивая одни и те же свойства тоже

попробуйте "спидтест" любой такой галиматьи, потом перепишите её как считаете правельным и сравните скорость, думаю результат вам удивит.

[Ankhena]

Антон Шаманов, вы же не рассчитывали в ответ получить ссылку на учебник русского?
И лучшие практики это как раз о том, как можно улучшить свою работу, а не то, что он обязан делать.

попробуйте "спидтест" любой такой галиматьи, потом перепишите её как считаете правельным и сравните скорость, думаю результат вам удивит.

Не удивит.

Но дальше спорить не буду, каждый сам может решать, как ему развиваться или не развиваться вовсе, сказав, что "это не моя задача".

[Антон Шаманов]

Ankhena,

вы же не рассчитывали в ответ получить ссылку на учебник русского?

Ссылка на терминологию чтобы было понятнее что я имею ввиду.

ему развиваться или не развиваться вовсе, сказав, что "это не моя задача"

Улучшить навыки и выполнять чужую работу - это разные вещи. Как может оптимизация картинок может улучшить навыки верстки?
p.s. но жена из Вас хорошая (:

[smartbe]

Антон Шаманов, Антон, верстальщик это будущий фронтендер, который за это отвечает, так что я полностью согласен с девушкой. Надо брать на себя больше задач и постоянно развиваться

[Сергей delphinpro]

фу-фу-фу...
Все что перечислил автор вопроса, MUST делать верстальщик. Иначе нах,,я он такой нужен?