Mobile First разница?

Question

[Lessar]

Привет,

Ребята, скажите, какой смысл писать Mobile First, если браузер парсит страничку сначала строчно по дому => натыкается на .цсс прочитает(загрузит) его весь и применит стили, и только потом идет дальше по дому и с примененными стилями ? какая разница что сначала будет описано десктоп, а потом мобайл? загрузка то по времени будет одинаковая

Answer 1

[Марти Макфлай]

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

Comments

[Михаил]

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

Answer 2

[Павел Радьков]

Mobile first верстать удобнее: от меньшего экрана к большему, от простого к сложному. При mobile first верстальщику приходится дописывать новые стили для бóльших экранов поверх базовой версии в 320px вместо того, чтобы обнулять написанные для настольных браузеров стили (как в mobile last). Меньше переопределений — чище код, легче верстальщику.

Существует признак плохого кода: если вам приходится обнулять стили, значит, что вы их задали где-то слишком рано. При mobile last обнулять приходится часто, при mobile first — очень редко.

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

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

Comments

[Александр]

Что вы имеете ввиду под "обнулением" стилей?

[Ankhena]

Александр, Переопределение свойств.
Когда вот так, это плохо:

Answer 3

[Дмитрий Кузнецов]

Бытует такое мнение, что это удобнее!)