Показатель CLS в PageSpeed от Google

InstantCMS 2.X
#1 16 ноября 2020 в 12:05
Добрый день дамы и господа.

Возник, вот такой вопрос. Зашёл проверить скорость работы сайта в PageSpeed от Google и увидел не совсем радужную картину. Показатель Cumulative Layout Shift (CLS) равен 30 % "ДЛЯ КОМПЬЮТЕРОВ"!!! Соответственно Google написал " за последние 28 дней эта страница не отвечает требованиям к основным интернет-показателям". Как можно исправить для InstantCMS этот показатель? У меня стоит версия 2.13.1. Шаблон заказной, но переключал и на стандартный. Ситуация не меняется. В версии "ДЛЯ МОБИЛЬНЫХ" показатель равен 5%.

Спасибо.

#2 17 ноября 2020 в 13:06
GMP, при той скудости информации о вашем ресурсе и широте задачи ответ может быть только общим.
Пользователи форума практикуют 2 подхода:
— увеличение вычислительных мощностей,
оптимизация выполнения скрипта CMS.
#3 17 ноября 2020 в 13:29
Попробуйте отключить все внешние скрипты (Яндекс метрику, гугло аналитику, рекламу и тд )
Так же включите на странице настроек интерфейса в админке
Сжимать HTML
Объединять CSS-файлы
Объединять JS-файлы

и сравните результат
вот дефолтный шаблон developers.google.com/speed/pagespeed/insights/?hl=ru&url=https%3A%2F%2Fdemo.instantcms.ru%2Fposts%2F6-obzor-audi-a1.html&tab=desktop
#4 17 ноября 2020 в 15:02
По мнению гугла на сайте должно две строчки кода быть чтоли? даже дефолтный шаблон не вписывается в их показатели.



#5 18 ноября 2020 в 12:36


Попробуйте отключить все внешние скрипты (Яндекс метрику, гугло аналитику, рекламу и тд )
Так же включите на странице настроек интерфейса в админке
Сжимать HTML
Объединять CSS-файлы
Объединять JS-файлы

Юрий Юрьевич

Кроме того, оптимизируйте ваши картинки, например конвертируйте в WebP. Только эта процедура может увеличить скорость по PageSpeed от Google до 20%.
#6 18 ноября 2020 в 17:16
Я вроде ничего и не делал кроме стандартных манипуляций в админке. Есть реклама и метрика. Скорость 92, для мобильных правда 76.
Единственное, добавил в .htaccess
<IfModule mod_expires.c>
ExpiresActive On
ExpiresDefault "access 7 days"
ExpiresByType application/javascript "access plus 1 year"
ExpiresByType text/javascript "access plus 1 year"
ExpiresByType text/css "access plus 1 year"
ExpiresByType text/html "access plus 7 day"
ExpiresByType text/x-javascript "access 1 year"
ExpiresByType image/gif "access plus 1 year"
ExpiresByType image/jpeg "access plus 1 year"
ExpiresByType image/png "access plus 1 year"
ExpiresByType image/jpg "access plus 1 year"
ExpiresByType image/x-icon "access 1 year"
ExpiresByType application/x-shockwave-flash "access 1 year"
</IfModule>
<FilesMatch "\.(ico|pdf|flv)$">
Header set Cache-Control "max-age=29030400, public"
</FilesMatch>
<FilesMatch "\.(jpg|jpeg|png|gif|swf)$">
Header set Cache-Control "max-age=2678400, public"
</FilesMatch>
<FilesMatch "\.(xml|txt|css|js)$">
Header set Cache-Control "max-age=1814400, proxy-revalidate"
</FilesMatch>
<FilesMatch "\.(html|htm|php)$">
Header set Cache-Control "max-age=300, private, proxy-revalidate"
</FilesMatch>
<IfModule mod_deflate.c>
<FilesMatch "\.(js|css)$">
SetOutputFilter DEFLATE
</FilesMatch>
</IfModule>
#7 19 ноября 2020 в 09:38


Я вроде ничего и не делал кроме стандартных манипуляций в админке. Есть реклама и метрика. Скорость 92, для мобильных правда 76.
Единственное, добавил в .htaccess

@Karbofos


Добрый день.

Вставил Ваш ЧУДО код и вот результат для компьютеров и мобильных.

Также в админке включил:
Сжимать HTML
Объединять CSS-файлы
Объединять JS-файлы

Но показатель Cumulative Layout Shift (CLS), только чуть уменьшился.



#8 19 ноября 2020 в 10:03



Я вроде ничего и не делал кроме стандартных манипуляций в админке. Есть реклама и метрика. Скорость 92, для мобильных правда 76.
Единственное, добавил в .htaccess

@Karbofos


Добрый день.

Вставил Ваш ЧУДО код и вот результат для компьютеров и мобильных.

Также в админке включил:
Сжимать HTML
Объединять CSS-файлы
Объединять JS-файлы

Но показатель Cumulative Layout Shift (CLS), только чуть уменьшился.




GMP

Ну это чудо я здесь нашёл)
#9 19 ноября 2020 в 10:53
Смотрите, там пояснения есть на этой странице. Это показатель смещения верстки во время загрузки страницы. Так что он зависит не от скорости страницы, а от качества верстки макета.
Вот есть пояснения web.dev/cls/?utm_source=lighthouse&utm_medium=unknown с видео примером

Если честно я не понимаю какую задачу вы решаете, мне кажется у 99% сайтов показатели хуже чем у вас. Т.е для продвижения это безразлично. И доводить до идеала такие нюансы стоит только если проект очень высоконагруженный.
Прикрепленный файл
2_mam92.png 132 Кб
Вы не можете отвечать в этой теме.
Войдите или зарегистрируйтесь, чтобы писать на форуме.
Используя этот сайт, вы соглашаетесь с тем, что мы используем файлы cookie.