@Mr_Epic
Web программист

Как оптимизировать web страницу для определённого устройства?

Есть вот такая страница которая постоянно отображается на raspberry pi 3, что-то типо фоторамке:
a261c6d636914fdfbd71418e98eef168.png
  1. Средний блок с фотографией постоянно меняется, они хоронятся в локальной папке, так же как и сама страница, фотографий порядка 300 штук, после смены фотографии, прошлая остаётся в кэши как я понимаю, и когда все фотографии будут прокручены, они все будут в кэши? Этим они очень сильно забивают память, я так полагаю, можно ли этого как избежать?
  2. У часов стоить свойство text-shadow, с учётом что часы обновляются каждую секунду, не сильно ли это нагружает устройство и большая разница между отрисовкой обычного текста и текста с тенью?
  3. Центральный блок с фотографией имеет position: fixed; и расположение указанное в процентах, а так же максимальную ширину, тоже в процентах + скруглённые края, сильно ли нагружает процентное расположение, относительно расположению указанному в пикселях и скруглённые края
  4. Размытый фон нагружает только в момент отрисовки или на всем протяжении отображения?

И вообще какие особенности разработки под конкретное устройство должны быть учтены при разработки?
  • Вопрос задан
  • 121 просмотр
Решения вопроса 1
kot_mapku3
@kot_mapku3
1. автоматическая очистка кэша
2. не сильно, хотя на мобильных устройствах лучше вообще избегать подобных эффектов. С тенью и без разницы мало.
3. максимальные величины лучше указывать в пикселях для разных типов экранов. Скругленные края почти никак не влияют.
4. В момент загрузки.
Используй пиксели для max-width. Остальное в процентах/em/rem/pt. Особых отличий нет.
Главное не перегружать страницу и избавиться от эффектов.
Ответ написан
Комментировать
Пригласить эксперта
Ответы на вопрос 1
webinar
@webinar
Учим yii: https://youtu.be/-WRMlGHLgRg
они хоронятся в локальной папке

они все будут в кэши

У часов стоить свойство

можно Вас цитировать?

А если серьезно, по сути вопрос у Вас 1:
И вообще какие особенности разработки под конкретное устройство должны быть учтены при разработки?

сегодня не разрабатывают под конкретное устройство, так как сегодня их очень много и они сильно разные. Поэтому разрабатывать надо систему, которая адаптируется к ширине и высоте экрана, а не имеет жесткие привязки к 2-3 вариантам (эти времена прошли, хотя до сих пор не все знают об этом). Знать надо относительные единицы vw, vh, rem. Знать надо медиа-запросы, знать надо css3, html5 и javascript. Надо понимать что такое grid. Знать надо less, sass и современные framework-и (ими не обязательно пользоваться, но знать и использовать приемы использованные в них стоит).
Но главное иметь опыт, пока не сделаете 30 гавносайтов, хороший не получится. Так что больше пробуйте, экспериментируйте и больше читайте.
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы