Какое-то время думал, как лучше назвать этот пост, но ничего лучше в голову так и не пришло. Столкнулся с некоторым неудобством при работе с Gulp. В некоторых проектах мне необходимо получить несколько разных файлов из разных наборов файлов (и да, я слышал про WebPack и даже его использую, но не в старых проектах). И как же быть в такой ситуации, писать для каждого набора файлов свою обработку или есть способ лучше?
Мне очень нравится использовать Gulp для сборки проектов, он быстр, легок, поддается прекрасной автоматизации. Но есть небольшой изъян в том решении, которое мною используется, а именно, оптимизированные стандартным imagemin картинки не проходят проверку в Google PageSpeed Insights в виду недостаточной оптимизации. Решил, что пора уже исправить это досадное недоразумение.
На протяжении нескольких лет слышал об автоматизированном потоке разработке, как это экономит время и вообще. Решил разобраться с автоматизацией и, сразу же поменял часть решений связанных с минификацией css и js. Думаю, должно быть интересно.
В своей деятельности веб разработчиком никогда не увлекался подсчетом времени выполнения программ/приложений/скриптов. Конечно приходилось делать замеры, но в основном это были замеры на бэк-энде на PHP. И честно говоря, замерять фронтэнд мне в голову не приходило. А зря.
Несколько лет назад я писал про правильную работу Modx Evolution с заголовком If-Modified-Since и Last-Modified и их важности в сокращении нагрузки на сервер. Дошли руки до внедрения данного подхода и к MODX Revolution. Больше информации можно найти в прошлом посте по Last-Modified, там больше теории, тут будет только реализация.
Изучая очередные материалы по возможностям ускорения сайта, обнаружил одну интересную технику, позволяющую сократить количество подгружаемой мелкой графики, и не мелкой тоже, но больше всего данное решение подходит именно к мелкой графике, а точнее к иконкам. Техника эта заключается в замене графических иконок и других возможных изображений символами из импортированного шрифта.
Рассматривая разные варианты оптимизации скорости сайта, в том числе путем сокращения запросов к серверу, наткнулся на одно интересное решение. Мы все используем буллеты для оформления списков, меню и т.д. Как оказалось можно не только делать буллеты, вставляя символы через content, но и рисовать полноценные треугольные средства CSS.
Очередное простенькое решение по минификации, на этот раз по минификации HTML для Modx Evolution и MODX Revolution. С одной стороны минификация HTML кода не является обязательным, в отличие от минификации CSS и JS. С другой стороны убрать лишние килобайты из кода HTML страницы не будет лишним.