Самвел Арутюнян

Нет, плагина нет. А раз задаете такой вопрос, значит не осилите написание корзины.
Woo не такой уж и большой, тем более там все лишнее отключается довольно просто.

по 1 - https://scrollmagic.io/
по 2 - можно посмотреть на самом сайте в main.js как реализовано

Можно просто зарегать аккаунт и получить в нем api key, там есть бесплатная квота, которую хоть и сильно уменьшили, но для сайтов с небольшой посещаемостью этого хватает. Без api key уже вроде нельзя ни один способ использовать, там в каком то виде будет ошибка отображаться, типа версия карты только для разработки.
Если нужна просто карта то можно просто вставить сгенерированый код на страницу добавив ключ, а если нужно добавить что то сложнее чем просто карта, типа меток, описаний, маршрутов и тд, то нужно будет использовать js api и через него создавать карту. https://developers.google.com/maps/documentation/j...

Flask тут вообще не при чём. Ваш скрипт начинает выполняться сразу, как только загрузится, а загружается он раньше, чем страница. Либо перенесите тег <script> перед закрывающим тегом </body>, либо весь код внутрь обработчика DOMContentLoaded.

Сборщики проектов в любом случае упростят вам жизнь при верстке (если взять например простые вещи: автоматическое обновление страницы при любом изменении кода, оптимизация стилей и тд) т.е корректно настроенные сборщики сделают большую рутинную работу за вас. Это плюс как никак если отходить от классических методов. Эти средства вы можете, а точнее должны использовать в любом проекте.

От себя скажу, что в простых проектах не сильно замарачиваюсь в оптимизации. Как правило оптимизация кода, картинок и применение svg иконок.
Если заказчик просит по максимуму выжимать, приходится делать иногда что то странное ради результата.

GULP вам в помощь:)

1. Про то, делать что-то или нет - как минимум это либо есть в требованиях заказчика, либо вы как исполнитель делаете это в первую очередь для того, чтобы показать свой профессионализм, чтобы поднять свою стоимость за час. Естественно не каждый заказчик захочет платить, но тут уже сможете ли вы ему объяснить почему так нужно делать
   
2. 
   

   Там говорится про Retina-Ready, SVG и SVG спрайты, оптимизацию сайта, про сборщики, таск менеджеры и так далее.

   
   Сборщики, таск менеджеры это все таки про более менее крупные/средние проекты. Это больше относится к разработке, не все заказчики требуют это. Таск менеджеры вы можете просто для себя использовать - приучат к организованности рабочего процесса.
   
3. Почитайте про плюсы svg, часть вопросов отпадет сама собой. Будете ли вы этим заниматься - к вам вопрос. Иконки тоже кто-то должен переводить в svg, например. Обычно это делают дизайнеры. Время - деньги, мимолетные заказчики на фрилансе не любят отдавать деньги. Вывод делай сам.
   
4. 
   

   Получается, что для одного изображения мне нужно написать довольно большой фрагмент кода, если я хочу чтобы сайт был оптимизированным, подготовленным для Retina дисплеев и ещё адаптивным(всм. что для разных разрешений напимер я могу загрузить разные размеры одного и того же изображения).

   
   В чем плюс svg - не нужно загружать много размеров.
   
5. 
   

   Там не скажешь конкретно много заходят например с андроида или с айфона?

   
   А как же яндекс.метрка и другие похожие сервисы, например? Там можно отслеживать это.
   
6. 
   

   Тогда почему на многих, так сказать, хороших сайтах этого нет?

   
   Дело в бизнесе - не все фирмы могут себе позволить быстро что-то менять, есть возможно более приоритетные задачи.