Оптимизация сайта от А до Я

Все курсы в одном комплекте: wd-m.ru/bundle
Создание сайта от А до Я: goo.gl/ankxq9
Сегодня мы поговорим о сервисе PageSpeed Insights от Google. Это сервис, который позволяет провести анализ сайта и дает определенные рекомендации по его оптимизации. Это урок по Google PageSpeed с актуальной информацией и списком рекомендаций на сегодняшний день.
Страница урока: webdesign-mast...
ВКонтакте: jediweb
Телеграм: t.me/jediweb
Дзен: dzen.ru/jediweb

[@wdm]

💥 Все курсы в одном комплекте 👇👇👇 webdesign-master.ru/bundle_courses

[@NonToxicTV]

Алексей, просмотр Ваших видео доставляет эстетическое удовольствие сравнимое с распаковкой нового макбука. Спасибо за труды!

[@voytya94]

это как праздник среди будней, когда выходит новое видео на WebDesign Master )

[@nil199308]

Обожаю ваши ролики. Отлично наработанная дикция (если сравнивать с ранними выпусками), сжатая структурированная информация, останавливаешь видео, чтобы проговорить то, что вы в ролике вещаете и лучше запомнить без остатка) Аж дофамин шалит=) Видно как вы развиваетесь сами и стараетесь улучшить подачу контента, вы большой пример саморазвития с целью менторства. Огромное спасибо за ваши труды.

[@alekseev74]

Зашлю это видео одному своему клиенту, который навесил на страницу видеоотзывы с ютуба, яндекс карты, чат-помощник и 3D-тур по офису. Он хочет в зеленую зону PageSpeed.

[@FREEKIR1]

Все четко по теме, реально сам занимался не раз оптимизацией ради оптимизации, которая только усложняла поддержку сайта в итоге, а привело это к успеху у сео спецов или нет мне так ни кто внятно и не смог ответить. Пиши видосы еще, всегда приятно смотреть.

[@anna_tmch]

Спасибо большое за ваши уроки! Очень хорошо структурирована информация, подача супер! Был случай, когда заказчик захотел "заветную соточку" и выдал: "Удалите код на сайте". А то что у него миллион third party плагинов, это cms, ссылки по cdn и т.д. не волнует никого, вникать в саму суть никто не хочет. И тут ты набираешься терпения...

[@Alexrockom]

Я прям заждался нового видео) И тут такой поток новой инфы. Спасибо. Не забрасывай только!

[@АртёмЛукичёв-п2ы]

Добрый день, хотел поблагодарить вас за такой хороший материал, этот ролик просто кладезь золота для человека, которому нужно увеличить скорость загрузки сайта, по карайней мере мне очень помогло!

[@VolodymyrWEB]

Вот один в один отношусь ко всем пунктам, как ты) Пол года назад как раз прошел через все эти пункты. Mobile=86% Desktop=98%. CMS - Opencart. Сайт летает просто. Но сайт webdesign-master меня прям удивил. Изучу вопрос. Лайк + подписка.

[@chempi_one8027]

Сегодня как раз занимаюсь оптимизацией Wortpress

[@fusome]

всегда хорошие дельные вещи здесь. Поэтому мало просмотров, уже не первый раз замечаю, что действительно годные каналы с небольшой статистикой по просмотрам. Люди привыкли смотреть г..ноконтент. Спрос рождает предложения(( Но, продолжайте в том же духе. Ваш канал один из тех, которые реально можно на пальцах пересчитать по контенту. Хотя, думаю, Вы и так это знаете, иначе не делали бы ничего)

[@OtbivanObinogi]

Приятный голос, полезная инфа. Спасибо

[@kirysobolew2746]

Ofiget' wot eto infa nuzhnaja! Spasibo , awtoru!

[@ХакерХакеров-м6и]

Привет, у вас классные видосы и похоже вы используете новые технологии, хотелось бы узнать побольше. Снимите пж видос про вас самих, хочется посмотреть что вы за человек)))

[@evtihii]

Касательно шрифтов, также, рекомендую обратить внимание на свойство font-display, если оно не рассматривалось ранее

[@dushirak]

Самое главное сказано, если сайт не удерживает пользователя контентом, то ничего не поможет, а если удерживает то глобально ничего не повредит, все эти мелочи, достаточно чтобы работал быстро без всяких рекомендаций.

[@dushirak]

Вспомните сами, сколько раз вы нажимали обновить у инсты, ютуба или вк, когда нужен контент оттуда или сам соц сеть, а она дико лагает или в бане. Преувеличенный пример, такие сайты не каждый день появляются, но суть ясна. Если надо гугл кеш страницы по 5 раз обновляется, потому что там вроде есть то что надо, осталось это заполучить. А пользователей вам поисковые машины нальют, когда поймут что контент у вас топчик ;-)

[@vbenkovskyy]

Красавчик! Спасибо :)

[@ИльясФаизов]

Ой как вовремя, благодарю за видео!

[@dmitrijponkin]

Спасибо за отличный контент!!!

[@satantx]

"Google PageSpeed Insights даёт лишь рекомендации по оптимизации страниц, это всего лишь цифры. Они ни в коем случае не должны быть строгим ориентиром и хоть как-то влиять на функционал сайта." Скажите это клиентам, которые уверены, что это эталон, иначе продаж не будет.

[@wdm]

))

[@MrSlavjon]

Спасибо за видео!

[@QuPro]

Отдельное спасибо за то, что дропнул 2x изображения

[@maxblack6987]

Дружище, когда уже джедай???? Жду его ппц как, давай скорее)))

[@wdm]

Привет. Джедай верстки 8 уже вышел: kzbin.info/www/bejne/aYHdq41rmq17n8k

[@АндрейТимохин-щ5д]

По поводу всяких сторонних скриптов и метрик рекомендую Google Tag Manager, 15-20 пунктов в Pagespeed добавляет, особенно если Яндекс метрика подключена

[@skateboarding3007]

❤

[@Дмитрий-в9м8ч]

Здраствуйте Алексей, принимаете ли вы заказы на разработку сайтов? - если да , то где могу найти ваши контакты .

[@alijumagaliev6906]

Сделай пожалуйста видео по SmartGrid

[@farrukhkhusanov5723]

Возник такой вопрос, а влияет ли хостинг и локация хостинга на pagespeed ? Подскажите кто знает )

[@ГерманСеливерстов-ы3ф]

Для отложенной загрузки яндекс или гугл карт рекомендую использовать intersection observer, который также хорош для ленивой загрузки картинок. А вообще погоня за соточкой в page speed insight это маниакально-депрессивный психоз.

[@Bars_Sl]

Приветствую! Что насчёт svg спрайтов? По сей день используете шрифтовые иконки (учитывая проблему anti-aliasing) ???

[@wdm]

Здравствуйте. Вы сами придумали эту проблему? Практическое применение SVG в самом разгаре. Не зависимо от вида, в котором используется SVG - шрифты, изображения, фон, в настоящее время обработка и отображение выполняются одинаково в любом случае.

[@Bars_Sl]

@@wdm спасибо за ответ! не эксперт, учусь)

[@yana.alexeevna]

Здравствуйте. С MODX больше не работаете?)

[@wdm]

Здравствуйте. Работаю. На канале есть уроки.

[@shadowgazesup]

Алексей, спасибо за видео. Извините за оффтоп. Подскажите, какой выход из ситуации? Дизайнер дает макет 1920х1080. Я верстаю его один в один, но так выходит что в браузере все какое-то большое - большие отступы и тд, хоть на макете все выглядит хорошо. Слыхал, что нужно отступы делить на 2, но в таком случае общий вид вебсайта отличается от макета дизайнера.

[@wdm]

Может в системе масштабирование более 100%, например, 125 или 150? Тогда в PS размеры будут некорректны, если используется эта программа для дизайна.

[@shadowgazesup]

@@wdm проверил у себя на маке и спросил у дизайнера, у нас все по дефолту стоит.

[@wdm]

Andrew Palchykovsky а, тогда трудно сказать. Может дизайнер выбрал неверный масштаб.

[@shadowgazesup]

WebDesign Master спасибо

[@dolovforsoul]

кароче использую nuxt(SSR) + firebase и не парюсь. А если нужно ещё быстрей, то nuxt(generator) + firebase

[@SuperSobr]

А как быть с поддержкой woff2 у IE11?

[@wdm]

Отдавать Sans. Если используют IE, значит много не надо.

[@guestalex]

с этим гугл пейдж спид уже все с ума посходили... у меня сайте реально грузится 2 секунды, а по цифрам ГПС мало выдает... хотя у меня и картинки оптимизированы и стили т.п. Так что пошел этот ГПС нафиг!