Jump to content
  • разработка интернет магазинов на opencart
  • доработка интернет магазинов на opencart

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


Recommended Posts

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

Link to comment
Share on other sites

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

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

 

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

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

Link to comment
Share on other sites


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

 

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

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 раза тратить время на соединение с сервером...

Link to comment
Share on other sites

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 нельзя загрузить сторонние скрипты.

Link to comment
Share on other sites


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

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

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

 

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

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

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

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

 

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

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

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

Link to comment
Share on other sites

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

 

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

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

 

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

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

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

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

Link to comment
Share on other sites


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

 

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

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

 

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

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

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

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

Link to comment
Share on other sites

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

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

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

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
 Share

×
×
  • Create New...

Important Information

On our site, cookies are used and personal data is processed to improve the user interface. To find out what and what personal data we are processing, please go to the link. If you click "I agree," it means that you understand and accept all the conditions specified in this Privacy Notice.