Я собираюсь начать новый проект, и я хочу, чтобы дизайн был лучшим, что можно и быстро. Мой вопрос следующий. Принимая во внимание, что я буду использовать bootstrap, рассматривал возможность создания темы для ПК и один для Mobile (m.example.com), но я думаю, что это уже не правильно (исправьте меня, если я ошибаюсь), а затем принимая во внимание что дизайн ПК для реагирования будет прав, чтобы сделать следующее: загрузочный бокс «спрятать в мобильном» действительно имеет правильное использование для многих частей кода? то есть браузер загрузит всю эту информацию, а затем спрячет ее или это не повлияет на время загрузки, если в проекте скрыто много кода?Отзывчивый дизайн или мобильная версия?
ответ
Вы используете отзывчивый дизайн при создании нового веб-сайта. Вы используете два отдельных сайта (мобильные и настольные) для существующего рабочего стола в случае, если клиент хочет сэкономить деньги. (но будьте осторожны, два отдельных сайта будут стоить больше времени на разработку и деньги!) Google советует один веб-сайт (отзывчивый) Что касается адаптивного/мобильного дизайна, вы сначала создаете базовый мобильный сайт, а затем расширяете его. Почти любой веб-сайт, сделанный вручную (разработчиком, который знает, что он делает), будет быстрее. Тем не менее, если вы хотите быстрее развиваться, вы действительно можете использовать bootstrap, например.
ok Я понимаю, тогда лучше создать единый адаптивный дизайн. Я хотел бы узнать ваше мнение о следующем: в настольной версии 10 секций показаны в скрытом мобильном телефоне 9 и осталось только 1 видимый раздел. остальные 9 скрыты влияют на время загрузки мобильной версии? –
Скрытый или нет, это повлияет на время загрузки, если оно находится в вашем html. Я хочу добавить, что большинство этих «отзывчивых» веб-сайтов не реагируют вообще (с точки зрения скорости загрузки) из-за этой проблемы, о которой вы упоминаете. Самая лучшая производительность будет с двумя отдельными веб-сайтами. – PVL
Предлагаю прочитать это. http://www.html5rocks.com/en/mobile/responsivedesign/ – PVL
- 1. css отзывчивый: мобильная версия
- 2. Мобильная версия сайта
- 3. Мобильная версия/настольная версия?
- 4. HTML5 Boilerplate или отзывчивый дизайн
- 5. Мобильная версия галереи изображений
- 6. Мобильная версия страницы входа?
- 7. Отзывчивый дизайн
- 8. Grails: мобильная версия контроллера
- 9. Мобильная версия дублирует языки
- 10. Мобильная версия сайта Wordpress
- 11. Отзывчивый дизайн - Слайдер исчезает
- 12. Мобильная версия CSS
- 13. Мобильная версия каждой страницы
- 14. Мобильная версия CSS/JavaScript
- 15. Отключить Мобильная версия SELECT
- 16. Мобильная версия сайта
- 17. Wordpress Мобильная версия
- 18. Отзывчивый дизайн от царапин или использования рамок?
- 19. Как работает отзывчивый дизайн?
- 20. Отзывчивый дизайн с Dojo
- 21. Отзывчивый веб-дизайн
- 22. отзывчивый мобильный дизайн viewport
- 23. bing maps отзывчивый дизайн
- 24. WPF Отзывчивый дизайн
- 25. Как сделать Мобильная версия сайта
- 26. Отзывчивый дизайн экрана
- 27. Отзывчивый дизайн сломанный
- 28. Confused on отзывчивый дизайн
- 29. Отзывчивый дизайн + методы RESS
- 30. Отзывчивый дизайн/Видовые
'Принимая во внимание, что я буду использовать bootstrap, рассматривал возможность создания темы для ПК и один для Mobile (m.example.com), но я думаю, что это уже не правильно (исправьте меня, если я ошибаюсь) ', Это ** правильно **, предполагая, что вы правильно его разработали. –