Влияет ли размещение медиазапросов на скорость первой краски? - PullRequest
0 голосов
/ 24 апреля 2019

Преобразование сайта в CSS Grid.У меня 3 медиазапроса для 3 размеров экрана.Я хочу оптимизировать мой код по скорости.

Влияет ли размещение всех запросов выше или ниже на время первой краски?

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

Я использую встроенный инструмент критического пути, чтобы вставить css критического пути в заголовок, чтобы страница могла рисоватьпока все не загружено.Все медиа-запросы отображаются в этом критическом пути CSS.Поэтому я думаю, что это означает, что первая краска будет первой краской для экрана соответствующего размера.Это говорит мне, что порядок не имеет значения в отношении скорости.

Мой код отображается нормально независимо от порядка.Так что не волнуйтесь по поводу такого рода вопросов.

1 Ответ

0 голосов
/ 25 апреля 2019

Как правило, нет необходимости беспокоиться о порядке медиазапросов, поскольку a) каждый из них использует значения «min» и «max» для размера экрана и b) нет перекрытия между диапазонами. Поскольку я не могу видеть ваши запросы, я не знаю, в какой форме они находятся, но пока они соответствуют стандартам, перечисленным выше, порядок не должен иметь значения.

...