Современные сайтоделы вообще не парятся об оптимизации фронтэнда - наваливают туда библиотек типа GSAP и юзают их по самые помидоры, из-за чего их красивые сайты начинают нагревать мобильные устройства, да и ноутбуки. Я такого избегаю всеми правдами и неправдами, и наконец-то ChatGPT подсказал мне для этого идеальное решение. Возьмём простой код, который смотрит прокрутил ли пользователь страницу ниже .hero и если да, то вешает класс на body.

$(window).on('scroll', function() {
     const heroHeight = $('.hero').outerHeight();
     $('body').toggleClass('hero-scrolled', window.scrollY > heroHeight);
});

Раньше я не занимался SEO, обычно этим занимался отдельный специалист. Либо, SEO вообще не требовалось, потому что сайты заказчика продвигались не за счёт выдачи в поисковике, а за счёт контекстной рекламы и сарафанного радио в узком бизнес-сообществе. Но сейчас я решил озаботиться этим вопросам, чтобы отдавать людям SEO-оптимизированные сайты на WordPress из коробки. Попробовал 3 плагина, пришёл к интересным выводам.

Столкнулся с проблемой. Я хотел сделать прилипающую шапку с blur-эффектом, внутри которой расположена навигация. На мобильниках, эта навигация, естественно, должна превращаться в мобильное меню и иметь position: fixed, чтобы выезжать сбоку. Но, как оказалось, backdrop-filter ломает position: fixed для всех элементов внутри.