Здравствуйте! Возникла такого рода проблема.
Пишу сайтик на несколько страниц для души (в свободное от работы время). Устроен он просто: данные в json передаются в html (также иногда в основной файл загружаются "придаточные" куски кода из файлов-шаблонов).
По началу все было довольно-таки хорошо: нашел интересным и подходящим под задачу
temprites.js, который доработал под себя, оптимизировал, исправил косяки. Он, вроде бы, удовлетворял всем моим нуждам: верстка в html-коде - данные в json, следовательно,
можно ничего толком не скрывать ужасным display:none, в дальнейшем показывая контент, ибо иногда нужно, чтобы текст появлялся при нажатии на кнопку (к примеру, когда нужно было подгрузить следующие страницы с результатами (например, по скроллу (а-ля вк) или
по кнопке)).
Проблемы возникли, когда стало необходимо загружать сначала 1 страницу с контентом +
какие-то_еще_строки_текста, уникальные для каждой страницы, а при добавлении других "страниц" (что делалось через ajax, например, по нажатию на кнопку) эти строки текста уже не загружать. Ну или строить какую-то более сложную структуру, где "только html-теги" (без пометок в виде
{{ title }} и других
прелестей) были весьма и весьма
ущербными.
Люблю оптимизацию, в этом плане очень дотошен, так что решил отыграться на своем творении по-полной: скрипты весят минимум (байты-килобайты), скорость генерации высокая, оптимизируется по возможности и т.п. -
микро-сайт в чистом виде. Думаю, многие бы сказали, что это все это лишнее (зачастую, так и есть), но, глядя на то, как телефон тещи грузит 2 минуты Yandex (да и у многих знакомых с интернетом также проблемы, причем не только на телефонах), задумался: зачем одностраничнику (одной странице на таком сайте (самих страниц от силы 10 с некоторыми оговорками, о которых сказал выше)) весить,
~300кб, если можно уложиться в
~30?
Можете подсказать, посоветовать, что в моем случае будет лучшим решением? Повторюсь: сам "сайт" относительно
микро - минимализм в плане
дизайна и веса.
Заранее спасибо!
