Перейти до вмісту
Пошук в
  • Детальніше...
Шукати результати, які ...
Шукати результати в ...

Актуально ли нынче подлючать отдельные js и css файлы для разных видов устройств?


Recommended Posts

Есть такая весьма популярная библиотека Mobile Detect. Стоит ли использовать ее для разграничения файлов стилей для мобильных и компов. Чтобы сэкономить кол-во строк с медиазапросами и прочими подстройками под размер окна?

Надіслати
Поділитися на інших сайтах

8 минут назад, SergeTkach сказал:

Есть такая весьма популярная библиотека Mobile Detect. Стоит ли использовать ее для разграничения файлов стилей для мобильных и компов. Чтобы сэкономить кол-во строк с медиазапросами и прочими подстройками под размер окна?

 

Актуально, но можно и без библиотеки.

https://www.w3schools.com/tags/att_link_media.asp

Надіслати
Поділитися на інших сайтах


16 минут назад, Yoda сказал:

 

Актуально, но можно и без библиотеки.

https://www.w3schools.com/tags/att_link_media.asp

 

Я когда-то использовал это. К примеру:

 <head>
  <link rel="stylesheet" type="text/css" href="theme.css">
  <link rel="stylesheet" type="text/css" href="layout.desktop.css" media="screen and (min-width:1200px)">
</head>

Но потом вроде как стало трендом компилировать все в 1 файл. Мол лучше показатели скорость в PageSpeed Insights, не надо 2 раза тратить время на соединение с сервером...

Надіслати
Поділитися на інших сайтах

11 минут назад, SergeTkach сказал:

 

Я когда-то использовал это. К примеру:


 <head>
  <link rel="stylesheet" type="text/css" href="theme.css">
  <link rel="stylesheet" type="text/css" href="layout.desktop.css" media="screen and (min-width:1200px)">
</head>

Но потом вроде как стало трендом компилировать все в 1 файл. Мол лучше показатели скорость в PageSpeed Insights, не надо 2 раза тратить время на соединение с сервером...

https://www.nginx.com/blog/nginx-1-13-9-http2-server-push/

 

Upd: не путать с <link rel="preload"

Так как в таком случае предварительная загрузка происходит только после загрузки html в бразуер а в случае с server-push - все идет в одном потоке сразу вместе с html.
Но есть побочный эффект - через server-push нельзя загрузить сторонние скрипты.

Надіслати
Поділитися на інших сайтах


2 часа назад, Yoda сказал:

но можно и без библиотеки.

https://www.w3schools.com/tags/att_link_media.asp

 

при таком - есть риск наткнуться на какое-нибудь мегОрешение с минификацией и

2 часа назад, SergeTkach сказал:

трендом компилировать все в 1 файл

которое не учитывает параметры или вообще тупо отбрасывает все

 

из крайнего - тот же Journal3

при включении в котором встроенного функционала минификации скриптов и стилей,

все файлы, подключаемые по типу ?v=filemtime просто идут лесом

Надіслати
Поділитися на інших сайтах

2 минуты назад, AlexDW сказал:

 

при таком - есть риск наткнуться на какое-нибудь мегОрешение с минификацией и

которое не учитывает параметры или вообще тупо отбрасывает все

 

из крайнего - тот же Journal3

при включении в котором встроенного функционала минификации скриптов и стилей,

все файлы, подключаемые по типу ?v=filemtime просто идут лесом

Ну мы же теоретизируем, а не про разарботки инвалидов!

Надіслати
Поділитися на інших сайтах


41 минуту назад, AlexDW сказал:

 

при таком - есть риск наткнуться на какое-нибудь мегОрешение с минификацией и

которое не учитывает параметры или вообще тупо отбрасывает все

 

из крайнего - тот же Journal3

при включении в котором встроенного функционала минификации скриптов и стилей,

все файлы, подключаемые по типу ?v=filemtime просто идут лесом

Не Journal. Дефолт-совместимый шаблон.

Надіслати
Поділитися на інших сайтах

2 часа назад, SergeTkach сказал:

Не Journal. Дефолт-совместимый шаблон.

Ты что в верстку подался ?)

Надіслати
Поділитися на інших сайтах

12 часов назад, legioner26 сказал:

Ты что в верстку подался ?)

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

Надіслати
Поділитися на інших сайтах

Створіть аккаунт або увійдіть для коментування

Ви повинні бути користувачем, щоб залишити коментар

Створити обліковий запис

Зареєструйтеся для отримання облікового запису. Це просто!

Зареєструвати аккаунт

Вхід

Уже зареєстровані? Увійдіть тут.

Вхід зараз
  • Зараз на сторінці   0 користувачів

    • Ні користувачів, які переглядиють цю сторінку

×
×
  • Створити...

Important Information

На нашому сайті використовуються файли cookie і відбувається обробка деяких персональних даних користувачів, щоб поліпшити користувальницький інтерфейс. Щоб дізнатися для чого і які персональні дані ми обробляємо перейдіть за посиланням . Якщо Ви натиснете «Я даю згоду», це означає, що Ви розумієте і приймаєте всі умови, зазначені в цьому Повідомленні про конфіденційність.