Добрый день, уважаемые знатоки.
Хотел бы задать Вам всем вопрос о клиентской оптимизации. Может кто и сможет помочь мне и всем неравнодушным.
В интернете очень много информации о том, как проводить клиентскую оптимизацию, но все они уже не имеют какой-либо привлекательности для меня, так как читал их все (возможно даже и по той причине, что я плохо ищу информацию).
Информацию о спрайтах,
прогрессивных изображений, уменьшению кол-ва обращений к серверу, и кучу всего другого можно найти, но я все никак не могу найти статьи в сторону оптимизации анимации или что-то подобного. Вот, к примеру, задача:
у меня есть два квадрата, которые сделаны ::after'ом и ::before'ом, которые имеют разносторонние градиенты, направленные к центру:
пример
и взять вот такой
пример
Как понять, как работают те или иные свойства? Как понять, какой пример более производительнее?
P. S. я прекрасно понимаю и знаю что есть и
еще лучше метод. Я выдрал такой пример именно из рабочего проекта. Буду рад любой помощи! Спасибо!
Простой
