2 Декабря

Не щадя живота своего...

... сражался я с ветряными мельницами. Причём невидимыми... Началось всё с просмотра этого видео. Ничего глобально нового не узнал, но вот приоритеты точно сменил. Проверил я свой родной сайт в Google PageSpeed. Полученный результат, мягко говоря, опечалил: 33 балла (из 100 возможных) для мобильной версии и 56 для десктопной. Дальше произошло самое неожиданное: вместо уныния меня переполнил чуждый мне перфекционизм и битва за урожай началась. Без малого 3 дня я экспериментировал на грани извращений. Сейчас показатели следующие: 80 баллов для мобильной версии и 86 для десктопной. Не безоговорочная, но всё же победа!

Все сделанные мной изменения (за одним исключением) внешне не видны. Итак, что же конкретно было сделано:

  • включено сжатие Gzip (в файле .htaccess)
  • включено кэширование для графики и шрифтов (в файле .htaccess)
  • убран весь инлайн JavaScript, что позволило перенести подключение библиотеки Jquery из хедера в футер (ну или "из чердака в подвал", если вам так больше нравится). Весь остальной JS и так уже был в футере.
  • минифицированы все CSS- и JS-файлы. Затем мне и этого показалось мало и чтобы уменьшить количество запросов, я объединил их в 2 файла - all.min.css и all.min.js
  • для мобильных устройств вся графика в новостях теперь ресайзится специальным скриптом, а полная версия открывается в Фэнсибоксе
  • вся графика в дизайне с формата GIF заменена на PNG. Это и есть то самое визуально заметное изменение, так как у фона-пергамента появилась тень
  • вся графика в формате PNG была ужата

На этом фантазия меня оставила, да и силы тоже. Ещё неплохо бы полностью перелопатить CSS и сделать его mobile first, но не сейчас и, скорее всего, не в этом году.

Не накомментили ещё. Би зэ фёст!

Оставить комментарий

Цитировать
в комментарии