Артем Менченя

Docker в какой то степени для того и сделан.
Но вообще с ростом нагрузки и задач минимальные знания «что как и где» становятся необходимы.

PaaS:
Heroku, Google AppEngine, RedHat OpenShift

Например Heroku полностью изолирует программиста от платформы. Но делает это не за адекватные деньги.

Вам необходимость использовать Timeline в Chrome DevTools для профилирования производительности анимаций и не только.

Хотите знать основы оптимизации рендеринга - вам сюда https://www.udacity.com/course/browser-rendering-o...

Причин плохой оптимизации может быть вагон и маленькая тележка. У вас там могут огромные элементы анимироваться с помощью top/left вместо transform: translate, у вас при каждом скролле может идти repaint огромных картинок, забирая по 60-100мс на каждый шаг и так далее. Скорее всего причины крайне простые и связаны с использованием древних и убогих методик для анимаций, аля jQuery.animate (который до 3й версии юзает setTimeout вместо requestAnimationFrame под капотом).

Собирайте все анимируемые элементы (если анимируете группой) в один абсолютный, и двигайте через transform: translateX(<смещение>), translateY(<смещение>), translateZ(<смещение>) вместе со свойством transition. Это все CSS3.

Как альтернативный вариант, тег , в том числе WebGL (например, инструмент https://github.com/PixelsCommander/HTML-GL)

Общее правило по оптимизации анимаций, в котором нужно двигаться — максимально уменьшите количество анимируемых элементов, их сложность (вложенность), каскадность стилей, делайте элементы абсолютно позиционированными, простыми (без прозрачности, градиентов, закруглений, и прочего), делайте самый минимум DOM модификаций, и по-возможности анимируйте при помощи CSS3 или .

Нужно чтобы браузер выполнил минимум операций при перерисовке страницы во время анимации.

Чтобы посмотреть что рисует браузер во время анимации, есть удобный инструмент.
https://developer.chrome.com/devtools/docs/renderi...

На скриншоте есть "Show paint rectangles". Включите это, увидите как браузер реально перерисовывает страницу.

Ваше решение чётко расписала известная интернет-блоггерша Наталья
shpargalkablog.ru/2013/09/scroll-block.html

Читайте и экспериментируйте, у вас всё получится! )))

Пример: sticky01.blogspot.ru/2013/09/4.html

Я делал на .htaccess вот есть не плохой урок https://www.youtube.com/watch?v=hw1XafRe5R0 да и вообще по ютубу покопаться введя "Создание человеко понятных URL" и много всяких мануалов выдаст. Из урока поймете как с .htaccess управляться и состряпать собственные url.

Ответ сильно зависит от подробностей и контекста.
- это кнопка, плашка или контейнер для текста?
- должен ли он ресайзиться?
- должен ли легко меняться цвет?
ну и так далее.

css after