В рейтинге участвует:

групп:

каналов:

Виртуальный сервер на SSD - недорого!

Аренда выделенных и виртуальных серверов (VDS/VPS), хостинг, аренда IP-адресов, администрирование, круглосуточная поддержка

qwarta.ru подробнее

Резервное копирование с проверкой на вирусы!!!

Удобный сервис создания резервных копий на любой сервер сети интернет. Отслеживайте изменения, проверяйте на вирусы. Надежно защитите свой бизнес!

go.backupland.com

Выбираете сервер? Любая конфигурация на заказ!

Аренда физических серверов любых конфигураций под любые запросы - 1С бухгалтерия, игровые сервера, нагруженные проекты, интернет-магазины!

qwarta.ru подробнее

Size: a a a

pro.js

2559 membersпожаловаться на группу
2020 August 16

A

Alex in pro.js
a b
Ну, я думаю, тут лучше решать первопричину в виде неправильным образом сделанных анимаций
Ну дело в том, что там лендинг на 5 экранов и на каждом анимации заголовков, полностью анимированный первый экран, анимированный логотип, кастомный курсор и еще некоторые элементы, браузер немного подвисает, вот и думаю, как бы это можно было бы оптимизировать. А какое событие является моментом полной загрузки страницы для поисковых систем ? 'load' ?
источник
00:34пожаловаться#1

A

Alex in pro.js
Там для отображения страницы скрипты не требуются, только для анимации уже после загрузки DOM дерева
источник
00:35пожаловаться#2

ab

a b in pro.js
a b
Посмотри, что показывает https://developers.google.com/speed/pagespeed/insights/
Посмотри для начала, что показывает
источник
00:35пожаловаться#3

ab

a b in pro.js
Михаил Успенский
попробовал. всё равно выдаёт сначала pageYOffset = 0
Ты скрипт в head вставляешь, или перед закрывающим body?
источник
00:37пожаловаться#4

МУ

Михаил Успенский... in pro.js
перед </body>
источник
00:37пожаловаться#5

ab

a b in pro.js
Я воспроизвел у себя
источник
00:38пожаловаться#6

ab

a b in pro.js
источник
00:38пожаловаться#7

ab

a b in pro.js
Михаил Успенский
перед </body>
А вот firefox выдает 0
источник
00:40пожаловаться#8

A

Alex in pro.js
Ок, сейчас локально разрабатываю, придется тогда уже после выкладки на сервер пробовать, если будут какие-либо идеи как реализовать - подскажите, если не затруднит. Вообще думаю попробовать подключить скрипты одним файлом, перед закрывающим <body> с атрибутом async, если все равно будет для поисковых систем тормозить - попробую при событии 'load' вешать класс для <body>, который будет через каскад вешать все keyframes для разных элементов страницы
источник
00:40пожаловаться#9

ab

a b in pro.js
Михаил Успенский
перед </body>
Но, при этом
источник
00:41пожаловаться#10

ab

a b in pro.js
источник
00:41пожаловаться#11

ab

a b in pro.js
Alex
Ок, сейчас локально разрабатываю, придется тогда уже после выкладки на сервер пробовать, если будут какие-либо идеи как реализовать - подскажите, если не затруднит. Вообще думаю попробовать подключить скрипты одним файлом, перед закрывающим <body> с атрибутом async, если все равно будет для поисковых систем тормозить - попробую при событии 'load' вешать класс для <body>, который будет через каскад вешать все keyframes для разных элементов страницы
Ты посмотри для начала подробный отчет с сайта, что я кинул
источник
00:42пожаловаться#12

ab

a b in pro.js
Alex
Ок, сейчас локально разрабатываю, придется тогда уже после выкладки на сервер пробовать, если будут какие-либо идеи как реализовать - подскажите, если не затруднит. Вообще думаю попробовать подключить скрипты одним файлом, перед закрывающим <body> с атрибутом async, если все равно будет для поисковых систем тормозить - попробую при событии 'load' вешать класс для <body>, который будет через каскад вешать все keyframes для разных элементов страницы
Тебе необязательно смотреть через сайт, если локально
источник
00:43пожаловаться#13

ab

a b in pro.js
В хроме есть вкладка Lighthouse
источник
00:43пожаловаться#14

ab

a b in pro.js
В которой можно этот отчет составить
источник
00:44пожаловаться#15

ab

a b in pro.js
В том числе и SEO
источник
00:44пожаловаться#16

МУ

Михаил Успенский... in pro.js
a b
А вот firefox выдает 0
я убрал все скрипты и ради теста просто запихнул вот этот код 
let y = window.pageYOffset,
    object = {img1: {}, img2: {}, img3: {}}
      
  for (const id in object) {
    let image = object[id];
    if(true) {
      console.log(y);
    }
  }
в <script> в конце документа. Результат все 3 раза 1298 пикселей. Он издевается

пример кода - упростил то, что сейчас делаю
источник
00:44пожаловаться#17

ab

a b in pro.js
Если бы ты весь js куда-нибудь в sandbox залил, я бы посмотрел
источник
00:44пожаловаться#18

A

Alex in pro.js
По идее ведь 'load' - это полная загрузка страницы, а анимации будут при добавлении класса запускаться, ну даже 1 секунда задержки самого начала воспроизведения анимации пусть будет, ничего страшного, главное, чтобы была зафиксирована быстрая загрузка страницы браузером для поисковых систем
источник
00:45пожаловаться#19

ab

a b in pro.js
a b
В том числе и SEO
Только ты желательно открывай в инкогнито, чтобы расширения не учитывались
источник
00:45пожаловаться#20