Коничива, уважаемый!

За время вашего отсутствия мы тут вон чего понаписали:

    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, но не сейчас и, скорее всего, не в этом году.

    Размышлял: Lentyay
    

    Всем пофиг до этой статьи и её никто не комментировал. Вы можете стать первым.

    captcha
    RSS