Оптимизация сайта от А до Я
Вставка
- Опубліковано 10 лют 2025
- 💥 Все курсы в одном комплекте: webdesign-mast...
Сегодня мы поговорим о том, как ускорить загрузку сайта. Мы научимся проводить анализ скорости загрузки с помощью сервиса PageSpeed Insights от Google. Это сервис, который анализирует сайт и дает рекомендации по его оптимизации.
Страница урока: webdesign-mast...
ВКонтакте: jediweb
Телеграм: t.me/jediweb
Дзен: dzen.ru/jediweb
💥 Все курсы в одном комплекте 👇👇👇
webdesign-master.ru/bundle_courses
Алексей, просмотр Ваших видео доставляет эстетическое удовольствие сравнимое с распаковкой нового макбука. Спасибо за труды!
это как праздник среди будней, когда выходит новое видео на WebDesign Master
)
Обожаю ваши ролики. Отлично наработанная дикция (если сравнивать с ранними выпусками), сжатая структурированная информация, останавливаешь видео, чтобы проговорить то, что вы в ролике вещаете и лучше запомнить без остатка) Аж дофамин шалит=) Видно как вы развиваетесь сами и стараетесь улучшить подачу контента, вы большой пример саморазвития с целью менторства. Огромное спасибо за ваши труды.
Я прям заждался нового видео)
И тут такой поток новой инфы. Спасибо.
Не забрасывай только!
Добрый день, хотел поблагодарить вас за такой хороший материал, этот ролик просто кладезь золота для человека, которому нужно увеличить скорость загрузки сайта, по карайней мере мне очень помогло!
Все четко по теме, реально сам занимался не раз оптимизацией ради оптимизации, которая только усложняла поддержку сайта в итоге, а привело это к успеху у сео спецов или нет мне так ни кто внятно и не смог ответить. Пиши видосы еще, всегда приятно смотреть.
Зашлю это видео одному своему клиенту, который навесил на страницу видеоотзывы с ютуба, яндекс карты, чат-помощник и 3D-тур по офису. Он хочет в зеленую зону PageSpeed.
Приятный голос, полезная инфа. Спасибо
Спасибо большое за ваши уроки! Очень хорошо структурирована информация, подача супер!
Был случай, когда заказчик захотел "заветную соточку" и выдал: "Удалите код на сайте".
А то что у него миллион third party плагинов, это cms, ссылки по cdn и т.д. не волнует никого, вникать в саму суть никто не хочет.
И тут ты набираешься терпения...
Ofiget' wot eto infa nuzhnaja! Spasibo , awtoru!
Ой как вовремя, благодарю за видео!
Привет, у вас классные видосы и похоже вы используете новые технологии, хотелось бы узнать побольше. Снимите пж видос про вас самих, хочется посмотреть что вы за человек)))
всегда хорошие дельные вещи здесь. Поэтому мало просмотров, уже не первый раз замечаю, что действительно годные каналы с небольшой статистикой по просмотрам. Люди привыкли смотреть г..ноконтент. Спрос рождает предложения(( Но, продолжайте в том же духе. Ваш канал один из тех, которые реально можно на пальцах пересчитать по контенту. Хотя, думаю, Вы и так это знаете, иначе не делали бы ничего)
Сегодня как раз занимаюсь оптимизацией Wortpress
Красавчик! Спасибо :)
Вот один в один отношусь ко всем пунктам, как ты) Пол года назад как раз прошел через все эти пункты. Mobile=86% Desktop=98%. CMS - Opencart. Сайт летает просто. Но сайт webdesign-master меня прям удивил. Изучу вопрос.
Лайк + подписка.
Касательно шрифтов, также, рекомендую обратить внимание на свойство font-display, если оно не рассматривалось ранее
Спасибо за отличный контент!!!
Спасибо за видео!
Самое главное сказано, если сайт не удерживает пользователя контентом, то ничего не поможет, а если удерживает то глобально ничего не повредит, все эти мелочи, достаточно чтобы работал быстро без всяких рекомендаций.
Вспомните сами, сколько раз вы нажимали обновить у инсты, ютуба или вк, когда нужен контент оттуда или сам соц сеть, а она дико лагает или в бане. Преувеличенный пример, такие сайты не каждый день появляются, но суть ясна. Если надо гугл кеш страницы по 5 раз обновляется, потому что там вроде есть то что надо, осталось это заполучить. А пользователей вам поисковые машины нальют, когда поймут что контент у вас топчик ;-)
Отдельное спасибо за то, что дропнул 2x изображения
Дружище, когда уже джедай???? Жду его ппц как, давай скорее)))
Привет. Джедай верстки 8 уже вышел: ua-cam.com/video/3PzzZ5eHHig/v-deo.html
❤
По поводу всяких сторонних скриптов и метрик рекомендую Google Tag Manager, 15-20 пунктов в Pagespeed добавляет, особенно если Яндекс метрика подключена
Здраствуйте Алексей, принимаете ли вы заказы на разработку сайтов? - если да , то где могу найти ваши контакты .
Сделай пожалуйста видео по SmartGrid
Приветствую!
Что насчёт svg спрайтов?
По сей день используете шрифтовые иконки (учитывая проблему anti-aliasing) ???
Здравствуйте. Вы сами придумали эту проблему? Практическое применение SVG в самом разгаре. Не зависимо от вида, в котором используется SVG - шрифты, изображения, фон, в настоящее время обработка и отображение выполняются одинаково в любом случае.
@@wdm спасибо за ответ! не эксперт, учусь)
"Google PageSpeed Insights даёт лишь рекомендации по оптимизации страниц, это всего лишь цифры. Они ни в коем случае не должны быть строгим ориентиром и хоть как-то влиять на функционал сайта."
Скажите это клиентам, которые уверены, что это эталон, иначе продаж не будет.
))
Алексей, спасибо за видео. Извините за оффтоп. Подскажите, какой выход из ситуации? Дизайнер дает макет 1920х1080. Я верстаю его один в один, но так выходит что в браузере все какое-то большое - большие отступы и тд, хоть на макете все выглядит хорошо. Слыхал, что нужно отступы делить на 2, но в таком случае общий вид вебсайта отличается от макета дизайнера.
Может в системе масштабирование более 100%, например, 125 или 150? Тогда в PS размеры будут некорректны, если используется эта программа для дизайна.
@@wdm проверил у себя на маке и спросил у дизайнера, у нас все по дефолту стоит.
Andrew Palchykovsky а, тогда трудно сказать. Может дизайнер выбрал неверный масштаб.
WebDesign Master спасибо
Возник такой вопрос, а влияет ли хостинг и локация хостинга на pagespeed ? Подскажите кто знает )
Для отложенной загрузки яндекс или гугл карт рекомендую использовать intersection observer, который также хорош для ленивой загрузки картинок. А вообще погоня за соточкой в page speed insight это маниакально-депрессивный психоз.
Здравствуйте. С MODX больше не работаете?)
Здравствуйте. Работаю. На канале есть уроки.
кароче использую nuxt(SSR) + firebase и не парюсь. А если нужно ещё быстрей, то nuxt(generator) + firebase
А как быть с поддержкой woff2 у IE11?
Отдавать Sans. Если используют IE, значит много не надо.
с этим гугл пейдж спид уже все с ума посходили... у меня сайте реально грузится 2 секунды, а по цифрам ГПС мало выдает... хотя у меня и картинки оптимизированы и стили т.п. Так что пошел этот ГПС нафиг!