Портфолио категории «Скорость загрузки сайта»

Попробовал сжать пару картинок сайта - результат хороший. Надо сжать все 12561 картинок, которые есть на сервере.

Сайт ждёт, пока загрузятся шрифты с иконками и прочие шрифты для текста. Шрифты грузятся со сторонних ресурсов и могут долго задерживать отображение сайта. Внутренний шрифт Play.ttf очень тяжёлый, поэтому тоже сильно влияет на прорисовку.

Метрику и JivoChat вполне можно загружать через 1,5 секунды после полной загрузки сайта.

В ресурсе PageSpeed Insights не пропадёт полностью пункт «Устраните ресурсы, блокирующие отображение», так как в этом пункте помимо CSS стилей есть ещё и JS скрипты.

Пример: У вас в шапке сайта используется картинка whatsapp.png Её размер 70х72 пикселя, хотя на сайте она используется в размере 25х25 пикселей. Она находится в шапке сайта и этот лишний вес сказывается на всех страницах. У слайдера большие картинки На компьютере они так и отображаются большими и проблем нет, но в мобильной версии такие большие не нужны. Сейчас действует алгоритм Mobile Ferst, а это значит, что индексируется именно мобильная версия и в первую очередь о сайте поисковики судят именно по мобильной версии. Поэтому, для мобильной версии должны использоваться отдельные картинки слайдера в размере 320х250 пикселей. Это уже позволит сделать каждую легче в 2 раза. Слайдер с логотипами использует картинки с размером 527х528 пикселей, а на сайте они "впихиваются" в окошко шириной 190 пикселей и 177 на мобильной версии. Учитывая, что самих логотипов много, получим существенное облегчение.

Сайт использует очень много сторонних скриптов и все из них можно спокойно отложить - загружать только после полной загрузки сайта. - Яндекс карта в подвале. Использует кучу скриптов, картинок и стилей... получается, что вместе со своим сайтом вы загружаете ещё целый огромный сайт. - Пиксель фейсбука вполне можно отложить. Погрешность будет минимальная, а на скорости скажется очень хорошо. - Яндекс Метрика - Гугл Аналитика - stats.tazeros.com (не знаю что это, но похоже на ещё один счётчик) - roistat (кнопка заказа звонка) - jivo-chat - amocrm (либо лезет из jivo-chat, либо загружается как-то сам) Может есть что-то ещё... буду проверять в процессе работы. Так как вижу, что загружается ещё вместе с сайтом и Yandex Share и даже VK, но пока не могу понять откуда они лезут. Одни скрипты могут вызывать другие и Yandex Share может отложиться при отложенной загрузке Яндекс карт и т.д.

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

Без доступа к сайту. Нужно сжать картинки из полученного архива и отправить обратно.

Поисковые боты не имеют глаз. Они смотрят ваш сайт именно по коду. Поэтому исправление ошибок очень важно для продвижения.

Основная доля ошибок идёт из плагинов, которые перехватывают код сайта и вносят свои правки одновременно с ошибками.

Работа над картинками - самый важный этап в оптимизации скорости сайта.

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

Ошибок не много, но когда их вообще нет — это ещё лучше ))

Сайт содержит ошибки, но не известно сколько, так как есть критические, которые не позволяют проверить весь код сайта полностью.

Было 67 ошибок. Удалось исправить все. Пришлось помучится с дублями ID, чтобы при этом не нарушился функционал сайта.