Наш подкаст. Тут интересно и хорошо смонтировано. Как вам такой формат?

❗️ Я много раз писал, что самая ресурсоемкая операция - это установка нового соединения. Сегодня мы обсудим отложенную загрузку внешних скриптов. В отличии от отложенной загрузки изображений, внешние скрипты откладывают по первому действию пользователя, например движению мыши, клику, ресайзу, скроллу, и тд. Это повышает оценку Google PageSpeed Insights. Получаем значительное улучшения показателей, но давайте рассмотрим, что же произойдет, когда пользователь пошевелит мышкой или сделает клик.

Обычная реализация: задается функция, которая создает элемент <script> со стороннего домена, или выполняет код. Далее эта функция вызывается на действие пользователя. Самые частые ошибки здесь:

1. Функция выполняется на каждое действие пользователя. Каждое смещение мыши или клик добавляют на страницу элемент, что неправильно, так как это нужно сделать всего один раз.
2. Элемент добавляется один раз, но прослушиватели остаются. Это лучше, чем предыдущий пункт, но также влияет на быстродействие. Удаляем события после срабатывания.
3. Все скрипты выполняются на одно и то же действие и буквально одной кучей. Системы синтетических замеров не увидят, но у пользователя основной поток будет заблокирован при первом же действии. Нужно разносить по времени, и постоянно смотреть во вкладку Performance в Google Chrome.
4. Загружается слишком много скриптов, что приводит к блокировке основного потока при загрузке с медленных устройств. Избавляемся от ненужных скриптов.

Появление чата можно отложить по времени на 15 секунд смело. Аналитику можно отложить на любое первое действие пользователя и по таймеру через 2-3 секунды. Да, погрешность будет, но выполняться скрипты начнут только у тех пользователей кто не закрыл вкладку на первой же секунде.

⚠️ Чтобы полностью избавиться от негативного влияния внешних скриптов, нужно ПОЛНОСТЬЮ убрать их с сайта. Любой сторонний скрипт нужно добавлять, предварительно замерив как это влияет на быстродействие сайта. Если не сильно, то можно откладывать по предложенному ниже примеру.

✅ Пример на CodePen

Сообщение выше из паблика, который ведёт Антон Белогородцев и авторы. Подпишитесь или дайте ссылку вашему разработчику.

🔍 Аудит юзабилити и конверсии ваших сайтов

Что можно улучшить в плане юзабилити? Как повысить конверсию своего сайта? Какие скрытые ошибки можно исправить и как их найти?

12 июля в 17 часов по Москве пройдет вебинар Алексея Махметхажиева, на котором он разберет ваши сайты.

📺 Трансляция на YouTube (жмите кнопку "Напомнить", чтобы не пропустить):
https://youtu.be/X6Pbvs1b5kg

🎥 Трансляция в моем профиле ВК (просто добавьтесь в друзья, и получите уведомление):
https://vk.com/globator

🔍 Подать заявку на аудит:
https://forms.gle/9PXeyU7zMGEGo4SD8

Михаил Шакин aka Глобатор, @shakinweb

На вебинаре у Михаила Шакина разобрали 6 сайтов.
Аудит проводил по юзабилити, удобству, конверсионности.

Таймкоды:

8:12 Анализ сайта laborx.com
16:22 Магазин футболок my-futbolka.ru
34:23 Аудит магазина детских колясок mega-kids.ru
44:26 Сайт оборудования profi-agro.ru
54:09 Сайт по септикам sos-septik.ru
55:46 Магазин люстр edisonlight.ru

К сожалению, наш сервис временно не работает. Продление домена - нынче квест. Скоро вопрос решится.

Всем добрых выходных. Сервис работает в штатном режиме. Всем спасибо за помощь!

​🚀 Бесплатное расширение Google Chrome для проверки скорости загрузки сайтов LOADING.express

Позволяет в один клик проверять различные параметры.

https://chrome.google.com/webstore/detail/loadingexpress/pbjkhpopkeemapfmncbmpleaecapdbfg

Михаил Шакин, @burzhunet

🔭 Аудит юзабилити и конверсии ваших сайтов

Как повысить конверсию сайта? Что мешает пользователям на вашем сайте дойти до оформления заказа? Как улучшить юзабилити? Смотрите вебинар Алексея Махметхажиева.

19 октября в 11 по Москве пройдет вебинар Алексея Махметхажиева, на котором он разберет ваши сайты.

📺 Трансляция на YouTube (жмите кнопку "Напомнить", чтобы не пропустить):
https://youtu.be/zIAj_L5kQqw

🎥 Трансляция в моем профиле ВК (просто добавьтесь в друзья, и получите уведомление):
https://vk.com/globator

📹 Трансляция в моем канале Rutube https://rutube.ru/channel/24777621/:
https://rutube.ru/video/03243779a1415ef1656d3cf52d862d1d

🔍 Подать заявку на аудит:
https://forms.gle/D9VZFwmn15tgBWTP7

Михаил Шакин aka Глобатор, @shakinweb

Нейросеть для редактирования видео от Runway уже в открытой бете и доступна любому желающему.

Компания представила множество крутых фишек для редактирования видео (вроде трекинга в движении, умного удаления объектов и т.д.), но, пожалуй, лучшая из них — замена элементов в кадре.

Возможности редакторов стремятся к тому, что вскоре невозможно будет отличить реальное видео от монтажа.

@exploitex

Тест микрофона. Скоро для вас будут аудиты в прямом эфире. Как слышно?

Друзья, всем привет. Алексей на связи.

Хочу порекомендовать разработчика на CS-Cart. Знаю, что найти хорошего программиста сложно, а тем более на системы типа Битрикс или CS-Cart. Если у вас или у ваших знакомых CS-Cart и вы ищете адекватного разработчика, то пишите мне, я выдам контакты.
Написать мне можно на @loading_express. В сообщении укажите тему “Разработчик на Cs-cart”. Если удобнее, то можете написать на почту help@loading.express.

Хорошего дня!

Оказывается у Телеграм есть такая галочка, которая всех людей не из контактов переводит в архив.
Много клиентов писали в ТГ, а им не отвечали. Извините, исправимся.

Алексей.

Всем привет!

Обновлен Lighthouse до 10 версии на lh.loading.express.

Рассказать про обновления?

Кстати, про обновления написал Антон Белогородцев в своем канале для разработчиков. Подпишите ваших программистов на этот канал.

https://t.me/perfScan/65

Исследование по банковской сфере на VC:

https://vc.ru/marketing/670374-skorost-zagruzki-saytov-iz-top-70-bankov-rossii-v-2023

Лайк? Шер, репост?)

8 мая в 11 по МСК, состоится прямой эфир с разбором конверсии и юзабилити сайтов.

Подать заявку на разбор:

https://forms.gle/5NPtWEbvUoJAjFo67

Аудит будет для тех, кто будет в эфире. Чтобы не пропустить анонс, подпишитесь на каналы Михаила:

https://t.me/shakinru и отдельный канал с анонсами вебинаров - https://t.me/shakinweb.

Увидимся!