Проблема с дублированием JS файлов
У меня есть сайт с двумя версиями - для компьютеров и для телефонов. Заметил что многие скрипты полностью одинаковые в обеих версиях.
Структура моего проекта:
MainSite/
├── index.html (основные страницы)
├── styles/
├── scripts/
└── mobile/ (папка с мобильной версией)
├── index.html (мобильные страницы)
├── styles/
└── scripts/
Видно что в папках scripts/ лежат практически идентичные файлы. Это увеличивает размер проекта без необходимости.
Возможное решение
Думаю можно использовать относительные пути из мобильной версии:
<script src="../scripts/common-functions.js"></script>
<script src="../scripts/utilities.js"></script>
Так мобильные страницы будут брать JS файлы из основной папки. Но не уверен правильно ли это с точки зрения производительности и кеширования.
Кто-нибудь решал похожую задачу? Какие есть лучшие практики для избежания дублирования кода между версиями сайта?