Как оптимизировать web страницу для определённого устройства?
они хоронятся в локальной папкеони все будут в кэшиУ часов стоить свойство
можно Вас цитировать?
А если серьезно, по сути вопрос у Вас 1:И вообще какие особенности разработки под конкретное устройство должны быть учтены при разработки?
сегодня не разрабатывают под конкретное устройство, так как сегодня их очень много и они сильно разные. Поэтому разрабатывать надо систему, которая адаптируется к ширине и высоте экрана, а не имеет жесткие привязки к 2-3 вариантам (эти времена прошли, хотя до сих пор не все знают об этом). Знать надо относительные единицы vw, vh, rem. Знать надо медиа-запросы, знать надо css3, html5 и javascript. Надо понимать что такое grid. Знать надо less, sass и современные framework-и (ими не обязательно пользоваться, но знать и использовать приемы использованные в них стоит).
Но главное иметь опыт, пока не сделаете 30 гавносайтов, хороший не получится. Так что больше пробуйте, экспериментируйте и больше читайте.
1. автоматическая очистка кэша 
2. не сильно, хотя на мобильных устройствах лучше вообще избегать подобных эффектов. С тенью и без разницы мало.
3. максимальные величины лучше указывать в пикселях для разных типов экранов. Скругленные края почти никак не влияют.
4. В момент загрузки.
Используй пиксели для max-width. Остальное в процентах/em/rem/pt.  Особых отличий нет.
Главное не перегружать страницу и избавиться от эффектов.