Максим, огромное спасибо за видео, это бальзам на душу просто!)) я по началу чуть не чокнулась, пытаясь подстроиться под pagespeed, и когда слепо выполнила часть его просьб, он показал скорость еще в половину меньше чем было. Вот такой мой горький опыт)
you probably dont care at all but does someone know of a tool to log back into an Instagram account? I somehow forgot the password. I would appreciate any tricks you can give me.
@Phoenix James thanks so much for your reply. I found the site thru google and im in the hacking process atm. I see it takes quite some time so I will reply here later with my results.
Классное видео, особенно про ленивую загрузку Я.карт понравилось!) Есть небольшое предложение- недавно начал пользоваться vanilla-lazyload, и в документации обнаружил возможность лениво загружать несколько Swiper'ов, но , к сожалению, в документации пример описывает случай, если настройки всех слайдеров одинаковые. Я предпринял несколько попыток, но безуспешно. Думаю, видео о ленивой загрузке слайдеров будет полезным)
19:00 кстати на счет переноса стилей в тег стайл. успешно практикую это дело, использую на каждом проекте и не без помощи Галпа. но правда не так как Вы сказали (Галп действительно не сможет никогда в жизни понять где стили хедера и перенести их.) у меня под это есть таск: все Стайлус-файлы, стили которых должны попасть в тег стайл, имеют название с символа "_". Потом Галп тупо компилирует их в ЦСС и с помощью filesystem запихивает их содержимое в тег стайл. работает для многостраничных сайтов в один клик, в один клик, Карл)) если про шрифты: то советую всем удалять неиспользующиеся глифы. шрифт можно с 500кб ужать до 10-15кб) и да, видос найс :):):)
погуглите npm пакет critical, с помощью него вы задаете размеры (ШхВ), с которых и будут генерироваться критические стили, вам достаточно будет просто вставить в html, можно вручную, а можно новым таском после билда.
webp не слишком сильно влияет?) Нифига себе)) Я сейчас посмотрел проект на галпе, у меня там стоит webp конвертер, то я прошелся по файликам и он сжимает в 5 - 12 раз картинки. что довольно таки сильно, тем более если использовать уже минимизированую картинку. А по поводу неудобства, согласен. очень как то тяжело натягивать это на WP потом
@@ЕвгенийРусских-г8е Ну это-то понятно :) Но я говорил про Png в контексте того, что прозрачность нужна. А про webp - ну сжал я сперва png, а потом перекодировал в webp - получил конечно разницу, но не сказать чтобы сильно критичную. Опять же, на лендингах, где что-то не будет часто меняться - вперед, не беда. Но с CMS - такое себе.
Отличное видео! Хорошо рассказано про каждый этап оптимизации. Для себя сделал вывод, что Pagespeed не панацея и не стоит уподобляться всему что он говорит. Например предлагает те-же критические CSS и JS вынести на страницу, это конечно хорошо, но типо я на scss пишу, у меня всё это билдится и чё я буду каждый раз это всё ковырять?) Насколько я знаю, плагины CMS это умеют делать автоматом, но в руководстве Pagespeed об этом не написано.
Ура ...крутяк, . Значит я всетаки интуитивно правильно все делал и не стоит тупо доверять европейским статьям а то только в блуд вводят, и спасибо за скрипт.
По поводу стилей в хедере, по моему тут все просто. Берем отдельный файл, для рабочей версии ставим его в пайп для генерации обычного сss, а для продакшена - вставляем его уже в хедер. Вроде так.
Смотреть скорость загрузки у VK и КиноПоиск нет смысла и ровняться на них тоже! Они отрастили себе такое "ПУЗО" что данные на данные замеры им будет ещё оооочень долго наплевать! Смотреть надо конкурентов в нише и если все остальное по SEO сделано подтягивать свой сайт до конкурентов если у них сайты "быстрее"
Однозначно лайк! Не так часто можно найти качественный контент по оптимизации сайтов
Спасибо)
Максим, огромное спасибо за видео, это бальзам на душу просто!)) я по началу чуть не чокнулась, пытаясь подстроиться под pagespeed, и когда слепо выполнила часть его просьб, он показал скорость еще в половину меньше чем было. Вот такой мой горький опыт)
Бывает))
очень полезное видео. спасибо огромное за информацию!!!!
За оптимизацию карты отдельное спасибо, очень крутая фишка
Спасибо))
20:32 - есть npm пакет "critical", для вычисления стилей первого экрана по параметрам (ШхВ), там в настройках можно включать/исключать классы и т.д.
you probably dont care at all but does someone know of a tool to log back into an Instagram account?
I somehow forgot the password. I would appreciate any tricks you can give me.
@Danny Joe Instablaster :)
@Phoenix James thanks so much for your reply. I found the site thru google and im in the hacking process atm.
I see it takes quite some time so I will reply here later with my results.
@Phoenix James It worked and I finally got access to my account again. Im so happy!
Thank you so much you saved my ass!
@Danny Joe you are welcome =)
Спасибо, полезно👍
рад помочь))
СПАСИБО большое. Полезно!
Пожалуйста)
Было очень полезно многое узнать, спасибо
Пожалуйста)
Классное видео, особенно про ленивую загрузку Я.карт понравилось!) Есть небольшое предложение- недавно начал пользоваться vanilla-lazyload, и в документации обнаружил возможность лениво загружать несколько Swiper'ов, но , к сожалению, в документации пример описывает случай, если настройки всех слайдеров одинаковые. Я предпринял несколько попыток, но безуспешно. Думаю, видео о ленивой загрузке слайдеров будет полезным)
Да там все в доке написано) могу конечно, но видео на 5 минут
@@maxgraph тогда да, наверное бессмысленно такое короткое видео делать)
нормас тема))) лайк неглядя от СЕООНЛИ
Спасибо)
Спасибо огромное!))
пожалуйста)
19:00 кстати на счет переноса стилей в тег стайл. успешно практикую это дело, использую на каждом проекте и не без помощи Галпа. но правда не так как Вы сказали (Галп действительно не сможет никогда в жизни понять где стили хедера и перенести их.) у меня под это есть таск: все Стайлус-файлы, стили которых должны попасть в тег стайл, имеют название с символа "_". Потом Галп тупо компилирует их в ЦСС и с помощью filesystem запихивает их содержимое в тег стайл. работает для многостраничных сайтов в один клик, в один клик, Карл))
если про шрифты: то советую всем удалять неиспользующиеся глифы. шрифт можно с 500кб ужать до 10-15кб)
и да, видос найс :):):)
погуглите npm пакет critical, с помощью него вы задаете размеры (ШхВ), с которых и будут генерироваться критические стили, вам достаточно будет просто вставить в html, можно вручную, а можно новым таском после билда.
На wordpress есть специальный плагин который сам конвертирует все картинки в webp
webp не слишком сильно влияет?)
Нифига себе))
Я сейчас посмотрел проект на галпе, у меня там стоит webp конвертер, то я прошелся по файликам и он сжимает в 5 - 12 раз картинки.
что довольно таки сильно, тем более если использовать уже минимизированую картинку.
А по поводу неудобства, согласен. очень как то тяжело натягивать это на WP потом
Ну я смотрел, сжатый пнг и сжатый вебпи отличались десятками килобайтов, не более
@@maxgraph ну, контентные изображения в png сохранять такое себе занятие
Почему?
@@maxgraph да обычный несжатый jpg будет раза в 4 меньше весить чем png. Если не нужна прозрачность , то jpg рулит. А webp еще меньше весит.
@@ЕвгенийРусских-г8е Ну это-то понятно :) Но я говорил про Png в контексте того, что прозрачность нужна.
А про webp - ну сжал я сперва png, а потом перекодировал в webp - получил конечно разницу, но не сказать чтобы сильно критичную.
Опять же, на лендингах, где что-то не будет часто меняться - вперед, не беда. Но с CMS - такое себе.
интересно ваше мнение по оптимизации сайта под голосовой поиск?
А что конкретно?
Настоящий клад!
Спасибо))
CSS если в каждом свойстве использовать относительньі единицьі и calc() влияет на производительность?
Calc влияет, да
Отличное видео! Хорошо рассказано про каждый этап оптимизации. Для себя сделал вывод, что Pagespeed не панацея и не стоит уподобляться всему что он говорит. Например предлагает те-же критические CSS и JS вынести на страницу, это конечно хорошо, но типо я на scss пишу, у меня всё это билдится и чё я буду каждый раз это всё ковырять?) Насколько я знаю, плагины CMS это умеют делать автоматом, но в руководстве Pagespeed об этом не написано.
Спасибо) верное решение
Ура ...крутяк, . Значит я всетаки интуитивно правильно все делал и не стоит тупо доверять европейским статьям а то только в блуд вводят, и спасибо за скрипт.
Пожалуйста)
для Wodpress есть Webp Express - конвертит в webp и подставляет для тех браузеров, где поддерживается этот формат.
По поводу стилей в хедере, по моему тут все просто.
Берем отдельный файл, для рабочей версии ставим его в пайп для генерации обычного сss, а для продакшена - вставляем его уже в хедер. Вроде так.
Ну или так)
Файл для кэша обещал оставить, но не оставил :)
Как это :) В описании ссылка на исходники на гитхабе. Там есть htaccess)
@@maxgraph Oooooopssss... :) guilty. Посыпаю голову пеплом :)
бывает))
Теперь GTMetrix мало чем отличается от PSI.
Только закончил сегодня такой заказ!!! Как объяснить сеошникам чтобы они подрасслабились по поводу гугла?!
Так и сказать - пейджспид не влияет ни на что) пока что тестируется зависимость поисковой выдачи от пейджспида, но внедрят ли это - большой вопрос
ГДЕ? ТЫ? БЫЛ? ВЧЕРА?! :) 😄
Видео выходят в пн, ср, пт:)))
А где показанный файл кэширования? Под видео в описании нет, в комментариях тоже отсутствует.
Смотреть скорость загрузки у VK и КиноПоиск нет смысла и ровняться на них тоже! Они отрастили себе такое "ПУЗО" что данные на данные замеры им будет ещё оооочень долго наплевать! Смотреть надо конкурентов в нише и если все остальное по SEO сделано подтягивать свой сайт до конкурентов если у них сайты "быстрее"
+